/*********************************************************************** ** ** ** ** ** ** ** ** ** ** ************************************************************************ /* ---------------------------------------------------------------- BODY -----------------------------------------------------------------*/ html { overflow-x: hidden !important; } body { color: #333; font-family: Figtree, sans-serif; font-size: 14px; line-height: 24px; overflow-x: hidden; padding: 0 !important; } /* ---------------------------------------------------------------- LAYOUT BOXED & WIDE -----------------------------------------------------------------*/ @media (max-width: 479px) { .container { padding: 0 20px; } } /*Wide (default)*/ body.wide .wrapper { width: 100%; margin: 0; } /*Boxed*/ body.boxed .wrapper, body.boxed-simple .wrapper { position: relative; border: 1px solid #eee; background-color: #fff; } body.outter { margin: 30px; } body.boxed-simple { background-color: #f8f8f8; border: 0 none !important; } /* Responsive */ @media (max-width: 479px) { body { font-size: 13px; } body.outter { margin: 0px; } } a { color: #111; text-decoration: none !important; } a:focus { outline: none; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } iframe { border: none; } /* ---------------------------------------------------------------- TYPOGRAPHY HEADING STYLES -----------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { color: #111; font-family: Figtree, sans-serif; line-height: 1.5; text-rendering: optimizelegibility; margin-top: 0; } h1, h2 { margin-bottom: 40px; } h3 { margin-bottom: 10px; } h4 { margin-bottom: 10px; font-weight: 700; } h5 { font-size: 15px; line-height: 18px; font-style: normal; font-weight: 600; letter-spacing: 1px; } h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, p, p.lead { text-rendering: optimizelegibility; margin-top: 0; color: #222222; font-family: Figtree, sans-serif; } p, p.lead { color: #222222; margin-bottom: 20px; } /* ---------------------------------------------------------------- Fonts -----------------------------------------------------------------*/ .font-pacifico { font-family: 'Dancing Script' !important; } .font-raleway, .font-raleway a, .font-raleway h1, .font-raleway h2, .font-raleway h3, .font-raleway h4, .font-raleway h5, .font-raleway h6, h1.font-raleway, h2.font-raleway, h3.font-raleway, h4.font-raleway, h5.font-raleway, h6.font-raleway { font-family: 'Raleway' !important; font-weight: 100 !important; } .font-nothing-you-could-do, .font-nothing-you-could-do a, .font-nothing-you-could-do h1, .font-nothing-you-could-do h2, .font-nothing-you-could-do h3, .font-nothing-you-could-do h4, .font-nothing-you-could-do h5, .font-nothing-you-could-do h6, h1.font-nothing-you-could-do, h2.font-nothing-you-could-do, h3.font-nothing-you-could-do, h4.font-nothing-you-could-do, h5.font-nothing-you-could-do, h6.font-nothing-you-could-do { font-family: 'Nothing You Could Do', cursive !important; font-weight: normal !important; } .font-herr-von-muellerhoff, .font-herr-von-muellerhoff a, .font-herr-von-muellerhoff h1, .font-herr-von-muellerhoff h2, .font-herr-von-muellerhoff h3, .font-herr-von-muellerhoff h4, .font-herr-von-muellerhoff h5, .font-herr-von-muellerhoff h6, h1.font-herr-von-muellerhoff, h2.font-herr-von-muellerhoff, h3.font-herr-von-muellerhoff, h4.font-herr-von-muellerhoff, h5.font-herr-von-muellerhoff, h6.font-herr-von-muellerhoff { font-family: 'Herr Von Muellerhoff', cursive !important; font-weight: normal !important; } .font-cedarville, .font-cedarville a, .font-cedarville h1, .font-cedarville h2, .font-cedarville h3, .font-cedarville h4, .font-cedarville h5, .font-cedarville h6, h1.font-cedarville, h2.font-cedarville, h3.font-cedarville, h4.font-cedarville, h5.font-cedarville, h6.font-cedarville { font-family: 'Cedarville Cursive', cursive; } .font-parisienne, .font-parisienne a, .font-parisienne h1, .font-parisienne h2, .font-parisienne h3, .font-parisienne h4, .font-parisienne h5, .font-parisienne h6, h1.font-parisienne, h2.font-parisienne, h3.font-parisienne, h4.font-parisienne, h5.font-parisienne, h6.font-parisienne { font-family: 'Parisienne', cursive; } /* ---------------------------------------------------------------- Logo -----------------------------------------------------------------*/ #logo { display: inline-block; font-size: 28px; line-height: 100%; margin: 10px 0 5px 0; position: relative; z-index: 1; } #logo a { display: block; } #logo img { display: block; max-width: 100%; } #logo a.slogo { display: block; } .main-menu #logo { margin-left: 40px; margin-right: 40px; } /* ---------------------------------------------------------------- HEADER -----------------------------------------------------------------*/ .language-mobile,#logo .logo-mob { display: none;} #header { position: relative; background-color: #fff; border-bottom: 1px solid #eee; z-index: 199 !important; } #header .container { position: relative; } #header.header-transparent + #slider, #header.header-transparent + .page-title-extended, #header.header-transparent + .page-title-video, #header.header-transparent + .page-title-parallax, #header.header-transparent + .fullscreen, #header.header-transparent + .fullscreen, #header.header-transparent + .halfscreen, #header.header-transparent + #google-map, #header.header-light-transparent + #slider, #header.header-light-transparent + .page-title-extended, #header.header-light-transparent + .page-title-video, #header.header-light-transparent + .page-title-parallax, #header.header-light-transparent + .fullscreen, #header.header-light-transparent + .fullscreen, #header.header-light-transparent + .halfscreen, #header.header-light-transparent + #google-map, #header.header-dark-transparent + #slider, #header.header-dark-transparent + .page-title-extended, #header.header-dark-transparent + .page-title-video, #header.header-dark-transparent + .page-title-parallax, #header.header-dark-transparent + .fullscreen, #header.header-dark-transparent + .fullscreen, #header.header-dark-transparent + .halfscreen, #header.header-dark-transparent + #google-map { top: -90px; margin-bottom: -90px; } #header-wrap { box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1); position: relative; -webkit-backface-visibility: hidden; } /* ---------------------------------------------------------------------- Tabs -------------------------------------------------------------------------*/ .promo-tab { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; overflow: hidden; position: relative; width: 100%; color: #333333; height: 186px; padding: 32px 0; background-image: url('../images/kuwait/bg-tab.png'); } .promo-tab h3 { font-size: 20px; font-weight: 400; text-transform: uppercase; margin: 10px 0 0 0;} .promo-tab h4 { font-size: 18px; font-weight: 400; text-transform: uppercase; line-height: 1; margin: 0; color: #696f6f;} /* ---------------------------------------------------------------- NAVIGATION MENU -----------------------------------------------------------------*/ .navigation-wrap { padding: 0px; } .navigation-wrap > .container { padding: 0px !important; width: 100%; } #mainMenu { float: right; } /*Menu items */ nav .main-menu a, nav .main-menu .dropdown-menu a, nav .main-menu .dropdown-submenu > span.dropdown-menu-title-only { color: #111; } #mainMenu > ul > li > a { border-bottom: 0 none; border-radius: 0; font-size: 14px; font-family: Figtree, sans-serif; font-style: normal; font-weight: 600; line-height: 1; margin-left: 0; margin-right: 0; outline: medium none; padding: 15px 30px; color: #fff; text-transform: uppercase; transition: all 0.3s ease-in-out 0s; } #mainMenu > ul > li > a:hover, #mainMenu > ul > li > a.active { color: #399624 !important; background: #ffffff !important; } nav .main-menu li > a:hover, nav .main-menu li > a:focus, nav .main-menu .dropdown.open > a:hover, nav .main-menu .dropdown.open > a:focus { background: none !important; border-color: none !important; } nav ul.main-menu .dropdown > .dropdown-menu, nav ul.main-menu .dropdown-submenu > .dropdown-menu { visibility: hidden; display: block; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } nav ul.main-menu .dropdown:hover > .dropdown-menu, nav ul.main-menu .dropdown-submenu:hover > .dropdown-menu { opacity: 1; visibility: visible; } nav.main-menu ul li i { padding-left: 3px; font-size: 14px; margin-right: 3px; text-align: center; width: 22px; } nav.main-menu ul li.dropdown > a > i { margin-right: 0px; } /*Menu dropdown menu items */ nav .main-menu .dropdown-menu { min-width: 230px; top: auto; background-color: #ffffff; box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05); padding: 0px; border-style: solid none none; border-width: 3px 0 0; border-radius: 0px; } nav .main-menu .dropdown-menu a, nav .main-menu .dropdown-submenu > span.dropdown-menu-title-only { font-family: Figtree, sans-serif; font-size: 13px; font-weight: 400; height: 40px; padding: 10px 20px 10px 18px; position: relative; text-transform: none; -webkit-transition: padding .3s ease-in-out; transition: padding .3s ease-in-out; } nav .main-menu .dropdown-menu a:hover, nav .main-menu .dropdown-menu span.dropdown-menu-title-only:hover { background-color: rgba(211, 211, 211, 0.1) !important; color: #333; padding: 10px 20px 10px 26px; } nav .main-menu .read-more { border-top: 1px solid #eee; margin-bottom: -10px; margin-top: 24px; } nav .main-menu .dropdown-menu a.read-more:hover { background: rgba(0, 0, 0, 0) !important; } nav .main-menu .dropdown-menu .mega-menu-content .col-md-2 { padding-right: 1px; } nav .main-menu .dropdown-menu .mega-menu-content a { border-bottom: medium none; padding: 10px 20px 10px 0; } nav .main-menu .dropdown-menu .mega-menu-content a:hover { padding: 10px 0px 10px 12px; } nav .main-menu .dropdown-menu i { margin-left: -2px; padding-right: 6px; } /*Menu dropdown submenu items */ nav .main-menu .dropdown-submenu { position: relative; background-image: url("../images/arrow-light-right.png"); background-repeat: no-repeat; background-position: right top; } nav .main-menu .dropdown-submenu > .dropdown-menu { border-top-width: 3px; left: 100%; margin-top: -3px; top: 0; } nav .main-menu .dropdown-submenu > .dropdown-menu.menu-invert { right: 100%; left: auto; } /* Mega Menu */ nav.mega-menu .nav, nav.mega-menu .dropup, nav.mega-menu .dropdown, nav.mega-menu .collapse { position: static; } nav .main-menu li.mega-menu-item .dropdown-menu { left: 0; right: 0; } nav.mega-menu li.mega-menu-item .mega-menu-title { /* border-bottom: 1px solid #ededed;*/ display: block; font-weight: 700; margin-bottom: 10px; padding-bottom: 4px; padding-left: 0; text-transform: uppercase; padding: 10px 0px; } nav.mega-menu li ul { list-style: none; padding: 0; } nav.mega-menu .dropdown-menu a, nav.mega-menu .dropdown-submenu > span.dropdown-menu-title-only { text-transform: none; display: block; text-decoration: none; } nav.mega-menu .dropdown-submenu > span.dropdown-menu-title-only { line-height: 18px; } nav.mega-menu .dropdown-submenu > span.dropdown-menu-title-only:hover { cursor: pointer; } nav.mega-menu .dropdown-menu { left: auto; margin-top: 0px; } nav.mega-menu .dropdown-menu > li { display: block } nav.mega-menu .mega-menu-content { padding: 30px 40px 40px; } nav.mega-menu .mega-menu-content:before { display: table; content: ""; line-height: 0; } nav.mega-menu .mega-menu-content:after { display: table; content: ""; line-height: 0; clear: both; } nav.mega-menu .mega-menu-content { background-position: right bottom; background-repeat: no-repeat; } nav.mega-menu ul li.mega-menu-item .mega-menu-title, nav.main-menu ul li.dropdown:not(.mega-menu-item) li { border-bottom: 1px solid #eee; } /*RESPONSIVE MOBILE MENU*/ .nav-main-menu-responsive { display: block; float: left; height: 90px; line-height: 1; margin-left: 0; position: absolute; } .nav-main-menu-responsive button { background: none; border: 0; } .nav-main-menu-responsive button:focus { outline: 0; } .nav-main-menu-responsive button i { font-size: 17px; } /*CENTERED MAIN MENU*/ body:not(.device-sm):not(.device-xs):not(.device-xxs) #mainMenu.center { float: none; margin: 0 auto !important; text-align: center; } body:not(.device-sm):not(.device-xs):not(.device-xxs) #mainMenu.center > ul { display: inline-block; float: none; text-align: left; width: auto; } /* ---------------------------------------------------------------- SIDE PANEL -----------------------------------------------------------------*/ body.side-push-panel { /*overflow-x: hidden;*/ } #side-panel { position: fixed; top: 0; right: -320px; z-index: 399; width: 320px; height: 100%; background-color: #F5F5F5; /*overflow: hidden;*/ -webkit-backface-visibility: hidden; } body.side-panel-left #side-panel { left: -350px; right: auto; } body.side-push-panel.wide .wrapper, body.side-push-panel.wide #header.sticky-header .container { right: 0; } body.side-panel-left.side-push-panel.wide .wrapper, body.side-panel-left.side-push-panel.wide #header.sticky-header .container { left: 0; right: auto; } #side-panel .side-panel-wrap { top: 0; left: 0; bottom: 0; width: 100%; height: 100%; overflow: auto; padding: 40px 40px; } body.side-panel-active #side-panel { right: 0; } body.side-panel-left.side-panel-active #side-panel { left: 0; right: auto; } body.side-push-panel.side-panel-active.wide .wrapper, body.side-push-panel.side-panel-active.wide #header.sticky-header .container { right: 350px; } body.side-panel-left.side-push-panel.side-panel-active.wide .wrapper, body.side-panel-left.side-push-panel.side-panel-active.wide #header.sticky-header .container { left: 350px; right: auto; } .side-panel-button { width: 24px; float: right; display: inline-block; vertical-align: middle; } .side-panel-button button { position: relative; top: 50%; transform: translateY(-50%); } #side-panel, body.side-panel-active .wrapper { -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } body.side-panel-right #side-panel, body.side-panel-right.side-push-panel.wide .wrapper, body.side-panel-right.side-push-panel.wide #header .container { -webkit-transition: right .4s ease; -o-transition: right .4s ease; transition: right .4s ease; } /* Main menu*/ #side-panel [class*="col-md-"] { width: 100%; } #side-panel .navigation-wrap, #side-panel .navigation-wrap > .container { padding: 0px; width: 100%; } #side-panel .navbar-collapse { border: 0px !important; } #side-panel .navigation-wrap.navbar-header, #side-panel .navigation-wrap.navbar-collapse { margin-left: 0px; margin-right: 0px; box-shadow: none; } #side-panel .nav-main-menu-responsive { display: block; } #side-panel .main-menu-collapse { position: relative; width: 100% !important; overflow: hidden; overflow-y: hidden; overflow-x: hidden; } #side-panel .dropdown-menu { width: 100% !important; } #side-panel .main-menu { padding-bottom: 10px; clear: both; display: block; width: 100%; } #side-panel .main-menu ul { padding: 0; margin: 0; } #side-panel .main-menu > ul > li > a { padding: 10px 10px 10px 0 !important; color: #333; } #side-panel .main-menu ul li { padding: 0; margin: 0; clear: both; float: none; display: block; } #side-panel .main-menu ul li.dropdown a, #side-panel .main-menu ul li.dropdown ul.dropdown-menu li a, #side-panel .main-menu ul li.dropdown .dropdown-submenu > span.dropdown-menu-title-only, #header.header-sticky:not(.header-static) #side-panel .main-menu ul li.dropdown a, #header.header-sticky:not(.header-static) #side-panel .main-menu ul li.dropdown ul.dropdown-menu li a, #header.header-sticky:not(.header-static) #side-panel .main-menu ul li.dropdown .dropdown-submenu > span.dropdown-menu-title-only { height: 42px; outline: none; line-height: 22px; } #side-panel .main-menu > ul li:last-child a { border-bottom: 0px; } #side-panel .main-menu ul ul { margin-left: 10px !important } #side-panel .main-menu ul.main-menu { float: none; position: static; } #side-panel .main-menu ul.dropdown-menu { position: static; clear: both; float: none; display: none !important; } #side-panel .main-menu li.resp-active > ul.dropdown-menu { border: 0 none; display: block !important; padding-right: 10px; } #side-panel nav ul.main-menu li a, #side-panel nav ul.main-menu .dropdown-submenu > span.dropdown-menu-title-only { clear: both; float: none; display: block; border: 0; border-top: 0; margin: 0; } #side-panel nav ul.main-menu li a i.fa-angle-down { position: absolute; right: 0px; top: 14px; } #side-panel nav ul.main-menu ul.dropdown-menu { box-shadow: none; } #side-panel .main-menu > ul > li, #side-panel .mega-menu ul li.mega-menu-item .mega-menu-title, #side-panel .main-menu ul li.dropdown.mega-menu-item li, #side-panel .main-menu .dropdown-submenu > span.dropdown-menu-title-only { border-bottom: 1px solid #eee; } #side-panel nav ul.main-menu ul.dropdown-menu li > a #header nav ul.main-menu .dropdown-submenu > span.dropdown-menu-title-only { padding: 9px 8px; border: 0; border-top: 0; margin: 0; border-bottom: none; } #side-panel nav ul.main-menu ul.sub-menu { padding: 0; margin: 0 0 10px 0; } #side-panel nav .main-menu .dropdown-submenu { position: relative; background: url("../images/arrow-light-down.png") no-repeat scroll right top; } #side-panel nav ul.main-menu ul.dropdown-menu { background: none !important; background-color: transparent !important; } #side-panel nav ul.main-menu li.dropdown.open .dropdown-toggle, #side-panel nav ul.main-menu li a, #side-panel nav ul.main-menu li > a:hover, #side-panel nav ul.main-menu li.active a, #side-panel nav ul.main-menu li.dropdown:hover a, #side-panel nav ul.main-menu li.dropdown:hover .dropdown-submenu > span.dropdown-menu-title-only { background: none !important; background-color: transparent !important; } #side-panel nav ul.main-menu ul.dropdown-menu li:hover > a, #side-panel nav ul.main-menu li.dropdown:hover ul.dropdown-menu li > a:hover { background: none !important; background-color: transparent !important; } #side-panel nav.mega-menu li.mega-menu-item .mega-menu-sub-title { margin-top: 30px; } #side-panel nav.mega-menu .mega-menu-content { padding: 0px; } #side-panel nav .main-menu .dropdown-menu .mega-menu-content [class*="col-md-"] { padding: 0; } #side-panel nav .main-menu .dropdown-menu .mega-menu-content [class*="col-md-"]:nth-child(2n) { padding-left: 2px; } #side-panel nav .main-menu .dropdown-menu .mega-menu-content { background-image: none !important; } #side-panel nav ul.main-menu .dropdown > .dropdown-menu, #side-panel nav ul.main-menu .dropdown-submenu > .dropdown-menu { visibility: visible; opacity: 1; } #side-panel nav ul.main-menu .dropdown:hover > .dropdown-menu, #side-panel nav ul.main-menu .dropdown-submenu:hover > .dropdown-menu { opacity: 1; visibility: visible; } #side-panel .side-panel-footer { bottom: 15px; color: #666; left: 30px; position: absolute; right: 30px; } #side-panel .side-panel-footer a { color: inherit; } /* ---------------------------------------------------------------- SIDE PANEL: STATIC -----------------------------------------------------------------*/ body.side-panel-static .wrapper .container { max-width: 1210px; padding: 0 35px; width: auto !important; } body.side-panel-static #header #logo { display: none; } body.side-panel-static .wrapper { padding-left: 320px; } body.side-panel-static .side-panel-button { display: none; } body.side-panel-static #header, body.side-panel-static #header #header-wrap, body.side-panel-static #header.header-sticky:not(.header-static), body.side-panel-static #header.header-sticky:not(.header-static) #header-wrap { height: 0; margin: 0; padding: 0; background-color: transparent; border: 0; } /* ---------------------------------------------------------------- SIDE PANEL: DARK -----------------------------------------------------------------*/ @media (min-width: 991px) { #side-panel.side-panel-dark { background-color: #1F2223; } #side-panel.side-panel-dark .main-menu > ul > li > a, #side-panel.side-panel-dark .main-menu > ul > li > ul a, #side-panel.side-panel-dark .main-menu > ul > li > ul a, #side-panel.side-panel-dark .main-menu .dropdown-menu a, #side-panel.side-panel-dark .main-menu .dropdown-submenu > span.dropdown-menu-title-only, #side-panel.side-panel-dark #mainMenu .mega-menu-title { color: #bebdb5; } #side-panel.side-panel-dark .main-menu .dropdown-menu .mega-menu-content a { border-bottom: 0px; } #side-panel.side-panel-dark nav#mainMenu.main-menu.mega-menu .mega-menu-content a.read-more, #side-panel.side-panel-dark .main-menu .mega-menu-content a.read-more { border-top: 1px solid #222; } #side-panel.side-panel-dark .main-menu > ul > li, #side-panel.side-panel-dark .mega-menu ul li.mega-menu-item .mega-menu-title, #side-panel.side-panel-dark .main-menu ul li.dropdown.mega-menu-item li, #side-panel.side-panel-dark .main-menu .dropdown-submenu > span.dropdown-menu-title-only, #side-panel.side-panel-dark .mega-menu ul li.mega-menu-item .mega-menu-title, #side-panel.side-panel-dark .main-menu ul li.dropdown:not(.mega-menu-item) li { border-bottom: 1px solid #383838; } } /* ====================== lines button ==================================================*/ .lines, .lines:before, .lines:after { background-color: #399624; } button.lines-button-close .lines, button.lines-button-close .lines::before, button.lines-button-close .lines::after { background-color: #fff;} .header-dark:not(.header-sticky) .lines, .header-dark:not(.header-sticky) .lines:before, .header-dark:not(.header-sticky) .lines:after, .header-dark.header-transparent:not(.header-sticky) .lines, .header-dark.header-transparent:not(.header-sticky) .lines:before, .header-dark.header-transparent:not(.header-sticky) .lines:after, .header-dark.header-semi-transparent:not(.header-sticky) .lines, .header-dark.header-semi-transparent:not(.header-sticky) .lines:before, .header-dark.header-semi-transparent:not(.header-sticky) .lines:after { background-color: #fff; } button.lines-button { border: none; background: none; } button.lines-button-close { background: #399624 ;} button.lines-button span { display: block; } .lines-button { padding: 44px 76px 44px 30px; transition: all 0.3s ease 0s; } .lines-button:active { transition: 0; } .lines { display: inline-block; width: 20px; height: 3px; border-radius: 0.26rem; transition: 0.3s; position: relative; top: -2px; } .lines:before, .lines:after { display: inline-block; width: 20px; height: 3px; border-radius: 0.26rem; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.26rem center; transform-origin: 0.26rem center; } .lines:before { top: 6px; } .lines:after { top: -6px; } .lines-button.x.lines-button-close .lines { background-color: transparent !important; } .lines-button.x.lines-button-close .lines:before, .lines-button.x.lines-button-close .lines:after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 20px; } .lines-button.x.lines-button-close .lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .lines-button.x.lines-button-close .lines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } #fullscreen-panel-button { position: fixed; right: 34px; top: 14px; z-index: 199; } #fullscreen-panel-button .lines, #fullscreen-panel-button .lines:before, #fullscreen-panel-button .lines:after { background-color: #fff; } .fullscreen-panel-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.9); z-index: 198; } .fullscreen-panel-overlay nav { text-align: center; position: relative; top: 50%; height: 60%; font-size: 54px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .fullscreen-panel-overlay ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; height: 100%; position: relative; } .fullscreen-panel-overlay ul li { display: block; height: 20%; height: calc(100% / 5); min-height: 54px; } .fullscreen-panel-overlay ul li a { font-weight: 300; display: block; color: white; text-decoration: none; -webkit-transition: color 0.2s; transition: color 0.2s; font-family: 'NotCourierSans'; text-transform: uppercase; } .fullscreen-panel-overlay ul li a:hover, .fullscreen-panel-overlay ul li a:focus { color: #849368; } body:not(.fullscreen-panel-active) .fullscreen-panel-overlay-hugeinc { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } body.fullscreen-panel-active .fullscreen-panel-overlay-hugeinc { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .fullscreen-panel-overlay-hugeinc nav { -moz-perspective: 300px; } .fullscreen-panel-overlay-hugeinc nav ul { opacity: 0.4; -webkit-transform: translateY(-25%) rotateX(35deg); transform: translateY(-25%) rotateX(35deg); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; } body.fullscreen-panel-active .fullscreen-panel-overlay-hugeinc nav ul { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } body:not(.fullscreen-panel-active) .fullscreen-panel-overlay-hugeinc nav ul { -webkit-transform: translateY(25%) rotateX(-35deg); transform: translateY(25%) rotateX(-35deg); } /* ---------------------------------------------------------------- Vertical Dotted menu -----------------------------------------------------------------*/ #vertical-dot-menu { position: fixed; right: 20px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 99 !important; } body.outter #vertical-dot-menu { right: 50px; } @media (max-width: 479px) { body.outter #vertical-dot-menu { right: 20px; } } #vertical-dot-menu ul { list-style: none !important; } #vertical-dot-menu li { text-align: right; padding: 0px; } #vertical-dot-menu a { display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #vertical-dot-menu a:after { content: ""; display: table; clear: both; } #vertical-dot-menu a span { float: right; display: inline-block; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); } #vertical-dot-menu a:hover span { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #vertical-dot-menu a:hover .cd-label { opacity: 1; } #vertical-dot-menu .cd-dot { position: relative; top: 1px; height: 20px; width: 20px; border-radius: 50%; background-color: #ccc; -webkit-transition: -webkit-transform 0.2s, background-color 0.5s; -moz-transition: -moz-transform 0.2s, background-color 0.5s; transition: transform 0.2s, background-color 0.5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } #vertical-dot-menu a:hover .cd-dot, #vertical-dot-menu a.active .cd-dot { transition: all ease 0.3s; } #vertical-dot-menu .cd-label { position: relative; margin-right: 10px; font-size: 12px; font-weight: 800; padding: 0px; text-transform: uppercase; color: #ccc; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -moz-transition: -moz-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; opacity: 0; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } /* ---------------------------------------------------------------- Shopping Cart -----------------------------------------------------------------*/ #shopping-cart { float: right; margin-left: 12px; margin-right: 10px; position: relative; z-index: 1; } #shopping-cart .shopping-cart-items { display: block; font-size: 10px; position: absolute; right: -10px; z-index: 1; top: 32px; } #shopping-cart > a > i { line-height: 90px; } /* ---------------------------------------------------------------- Top Search -----------------------------------------------------------------*/ #header #top-search-trigger { cursor: pointer; } #header #top-search { float: right; } #header #top-search a, #header #shopping-cart a { display: block; font-size: 18px; height: 5px; line-height: 18px; margin-top: -1px; position: relative; } #header #top-search a { z-index: 11; width: 30px; font-size: 16px; } #header #top-search a i { position: absolute; right: 0px; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; line-height: 88px; } body.top-search-active #header #top-search a i.fa.fa-search, #top-search a i.fa.fa-close { opacity: 0; } body.top-search-active #header #top-search a i.fa.fa-close { opacity: 1; z-index: 11; } body.top-search-active .main-menu:not(#top-search), body.top-search-active .logo { opacity: 0; } #header #top-cart a:hover { color: #1ABC9C; } #header #top-search form { opacity: 0; z-index: -2; position: absolute; width: 100% !important; height: 100% !important; padding: 0 15px; margin: 0; top: 0; left: 0; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } body.top-search-active #header #top-search form { opacity: 1; z-index: 10; } body.top-search-active .btn-responsive-nav, body.top-search-active .side-panel-button { display: none; } #header #top-search form input { background-color: transparent; border: 0 none; border-radius: 0; box-shadow: none !important; font-size: 30px; height: 100%; letter-spacing: 2px; outline: 0 none; padding: 0 70px 0 0; } /* ---------------------------------------------------------------- HEADER: DARK -----------------------------------------------------------------*/ .header-default { background-color: #fff; border-bottom: 0 !important; } /* ---------------------------------------------------------------- HEADER: DARK -----------------------------------------------------------------*/ #header.header-dark, .header-dark { background-color: #111; border-bottom: 1px solid #3d3d3d; } #header.header-sticky.header-dark:not(.header-navigation-light) #header-wrap, #header.header-dark:not(.header-navigation-light) .main-menu .dropdown-menu { background-color: #111; } .header-dark .main-menu > ul > li > a, .header-dark:not(.header-navigation-light) .main-menu > ul > li > ul a, .header-dark #top-search a, .header-dark #shopping-cart a, .header-dark #shopping-cart .shopping-cart-items, .header-dark .nav-main-menu-responsive > button, .header-dark #top-search form input { color: #fff; } #header.header-dark:not(.header-navigation-light) .main-menu > ul > li > ul a, #header.header-dark:not(.header-navigation-light) .main-menu .dropdown-menu a, #header.header-dark:not(.header-navigation-light) .main-menu .dropdown-submenu > span.dropdown-menu-title-only, #header.header-dark:not(.header-navigation-light) #mainMenu .mega-menu-title { color: #ccc; } header.header-dark:not(.header-navigation-light) .mega-menu ul li.mega-menu-item .mega-menu-title, header.header-dark:not(.header-navigation-light) .main-menu ul li.dropdown:not(.mega-menu-item) li { border-bottom: 1px solid #222; } #header.header-dark .main-menu .dropdown-menu .mega-menu-content a { border-bottom: 0px; } #header.header-dark:not(.header-navigation-light) nav#mainMenu.main-menu.mega-menu .mega-menu-content a.read-more, #header.header-dark:not(.header-navigation-light) .header-transparent nav .main-menu .mega-menu-content a.read-more { border-top: 1px solid #222; } #header.header-dark #top-search form input::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } #header.header-dark #top-search form input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } #header.header-dark #top-search form input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } #header.header-dark #top-search a:before { border-left: 1px solid #eee; } /* ---------------------------------------------------------------- HEADER: TRANSPARENT -----------------------------------------------------------------*/ #header.header-transparent { background-color: transparent; border-bottom: 0; } /* ---------------------------------------------------------------- HEADER: DARK TRANSPARENT -----------------------------------------------------------------*/ #header.header-dark-transparent { background-color: rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgba(0, 0, 0, 0.15); } /* ---------------------------------------------------------------- HEADER: LIGHT TRANSPARENT -----------------------------------------------------------------*/ #header.header-light-transparent { background-color: rgba(255, 255, 255, 0.6); border-bottom: 1px solid rgba(255, 255, 255, 0.8); } /* ---------------------------------------------------------------- HEADER: COLORED -----------------------------------------------------------------*/ #header.header-colored { background-color: #00c0e9 !important; border-bottom: 0; } #header.header-colored.header-sticky { background-color: #00c0e9 !important; } #header.header-colored #mainMenu > ul > li > a, #header.header-colored #top-search a, #header.header-colored #shopping-cart a, #header.header-colored .nav-main-menu-responsive > button { color: #fff; } /* ---------------------------------------------------------------- HEADER: FULLWIDTH -----------------------------------------------------------------*/ body.wide #header.header-fullwidth #header-wrap .container { } body.wide #header.header-fullwidth nav .main-menu .mega-menu-item .dropdown-menu { left: 0; right: 0; } #header.header-fullwidth [class*="col-"] { padding-left: 0px; padding-right: 0px; } /* ---------------------------------------------------------------- HEADER: MODERN -----------------------------------------------------------------*/ #header.header-modern { margin: 40px auto 0; width: 1200px; border-radius: 4px; } #header.header-modern + #slider, #header.header-modern + .page-title-extended, #header.header-modern + .page-title-video, #header.header-modern + .page-title-parallax, #header.header-modern + .fullscreen, #header.header-modern + .fullscreen, #header.header-modern + .halfscreen, #header.header-modern + #google-map { margin-bottom: -130px; top: -130px; } #header.header-modern + .page-title-parallax { padding-bottom: 80px; padding-top: 200px; } #header.header-modern { border-bottom: 0 !important; } /* ---------------------------------------------------------------- HEADER: RIGHT -----------------------------------------------------------------*/ #header.header-logo-right .navigation-wrap #mainMenu { float: left; } #header.header-logo-right .nav-main-menu-responsive { float: left; margin-right: 10px; } #header.header-logo-right #logo { float: right; } #header.header-logo-right #shopping-cart { float: left; margin-right: 10px; margin-left: 0px; } #header.header-logo-right #top-search { float: left; margin-left: 10px; } #header.header-logo-right #top-search a:before { border-left: 0; border-right: 1px solid #e7e7e7; right: 0; } #header.header-logo-right #top-search a i { right: 12px; } #header.header-logo-right #top-search form input { padding: 0 0 0 70px; } /* ---------------------------------------------------------------- HEADER: CENTER -----------------------------------------------------------------*/ #header.header-logo-center:not(.header-sticky) #logo { width: 100%; } #header.header-logo-center:not(.header-sticky) #logo a img { margin: 0 auto; } #header.header-logo-center:not(.header-sticky) #mainMenu { float: none; } #header.header-logo-center:not(.header-sticky) nav.main-menu li.dropdown:first-child > a { padding-left: 0px; margin-left: -4px; } #header.header-logo-center:not(.header-sticky) #top-search form { top: auto; bottom: -44px; } /* ---------------------------------------------------------------- HEADER: MINI -----------------------------------------------------------------*/ #header.header-mini, #header.header-mini #header-wrap, #header.header-mini #logo img, #header.header-mini nav#mainMenu ul.main-menu, #header.header-mini #mainMenu > ul > li > a, #header.header-mini #shopping-cart a, #header.header-mini #top-search a, #header.header-mini .nav-main-menu-responsive, #header.header-mini .side-panel-button { height: 60px; } #header.header-mini #mainMenu > ul > li > a { line-height: 40px; } #header.header-mini #top-search a:before { top: 16px; } #header.header-mini #top-search a i, #header.header-mini #shopping-cart > a > i, #header.header-mini .nav-main-menu-responsive { line-height: 58px; } #header.header-mini #shopping-cart .shopping-cart-items { top: 17px; } #header.header-mini #top-search form input { font-size: 20px; } /* ---------------------------------------------------------------- HEADER DARK & LIGHT MENU -----------------------------------------------------------------*/ #header.header-dark.header-sticky.header-navigation-light .main-menu > ul > li > a, #header.header-dark.header-sticky.header-navigation-light #top-search a, #header.header-dark.header-sticky.header-navigation-light #shopping-cart a, #header.header-dark.header-sticky.header-navigation-light #shopping-cart .shopping-cart-items, #header.header-dark.header-sticky.header-navigation-light .nav-main-menu-responsive > button, #header.header-dark.header-sticky.header-navigation-light #top-search form input { color: #111; } #header.header-dark.header-sticky.header-navigation-light #top-search form input::-moz-placeholder { color: rgba(0, 0, 0, 0.5); } #header.header-dark.header-sticky.header-navigation-light #top-search form input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); } #header.header-dark.header-sticky.header-navigation-light #top-search form input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); } /* ---------------------------------------------------------------- Sticky Header -----------------------------------------------------------------*/ .top-kw-bar { background: #399624; } #header.header-sticky #header-wrap { background-color: #fff; left: 0; position: fixed; top: 0; width: 100%; z-index: 199; } #header, #header-wrap, #logo img, #header.header-sticky:not(.header-static) nav#mainMenu ul.main-menu, #mainMenu > ul, #header .side-panel-button { } #header { height: 134px; z-index: 999 !important;} #side-panel #mainMenu > ul { height: auto !important; } #header, #header:not(.header-static) #header-wrap, #header #logo img, #header.header-sticky:not(.header-static) nav#mainMenu ul.main-menu, #mainMenu > ul, #header.header-sticky:not(.header-static), #header .side-panel-button { transition: opacity .3s ease, height .4s ease; -webkit-transition: opacity .3s ease, height .4s ease; -o-transition: opacity .3s ease, height .4s ease; } #header #top-search a i, #header #shopping-cart > a > i, #header #shopping-cart .shopping-cart-items { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #header.header-sticky:not(.header-static), #header.header-sticky:not(.header-static) #header-wrap, #header.header-sticky:not(.header-static) #logo img, #header.header-sticky:not(.header-static) nav#mainMenu ul.main-menu, #header.header-sticky:not(.header-static) #mainMenu > ul > li > a, #header.header-sticky:not(.header-static) #shopping-cart a, #header.header-sticky:not(.header-static) #top-search a, #header.header-sticky:not(.header-static) .side-panel-button { } #header.header-sticky:not(.header-static) { height: 134px;} #header.header-sticky:not(.header-static) #side-panel nav#mainMenu ul.main-menu, #header.header-sticky:not(.header-static) #side-panel #mainMenu > ul > li > a { height: auto !important; } #header.header-sticky:not(.header-static) #mainMenu > ul > li > a { } #header.header-sticky:not(.header-static) #side-panel #mainMenu > ul > li > a { line-height: auto !important; } #header.header-sticky:not(.header-static) #top-search a:before { top: 16px; } #header.header-sticky:not(.header-static) #top-search a i, #header.header-sticky:not(.header-static) #shopping-cart > a > i { line-height: 58px; } #header.header-sticky:not(.header-static) #shopping-cart .shopping-cart-items { top: 17px; } #header.header-sticky:not(.header-static) #top-search form input { font-size: 20px; } /* ---------------------------------------------------------------- SLIDER -----------------------------------------------------------------*/ #slider { position: relative; width: 100%; overflow: hidden; padding: 0px; } #home { width: 100%; height: 100%; color: #FFF; } .container-fullscreen { padding-top: 0px; height: 100%; width: 100%; display: table; position: relative; } .fullscreen > .container, .halfscreen > .container, .fullscreen > .container-fluid, .halfscreen > .container-fluid { height: 100%; } /* ---------------------------------------------------------------- BOXED SLIDER -----------------------------------------------------------------*/ .boxed-slider { height: 600px; width: 100%; z-index: 0 !important; } .boxed-slider .owl-item { height: 600px; } .boxed-slider .owl-bg-img, .owl-item img { height: 100%; } .owl-item h6 { background: #399624 none repeat scroll 0 0; float: left; font-weight: 400; font-size: 28px; letter-spacing:2px; padding: 4px 20px; margin: 0; text-transform: uppercase;} .owl-item h2 { background: #1ab05c none repeat scroll 0 0; float: left; font-size: 42px; font-weight: 300; letter-spacing:3px; padding: 4px 20px; margin: 0; text-transform: uppercase;} .slider-content { float: left; width: 57%; padding: 31rem 0 0 !important;} .inner-slide h6 { background: #399624 none repeat scroll 0 0; float: left; font-weight: 700; font-size: 24px; padding: 4px 20px; margin: 0; text-transform: uppercase;} .inner-slide h2 { background: #1ab05c none repeat scroll 0 0; float: left; font-size: 36px !important; font-weight: 300; padding: 4px 20px; margin: 0; text-transform: uppercase; line-height: 1.5em;} .inner-slide .slider-content { float: left; width: auto; padding: 31rem 0 0 !important;} .inner-slide .slider-content-innerpage { width: 50%; } .cc-main .inner-slide .slider-content .width-100, .ety-slider .slider-content .width-100 { float: left; } .inner-slide .button.red { background-color: #fec33e; border-color: #fec33e; color: #fff; float: left; border-radius: 0; font-size: 22px; margin: 2px 0 0 0; } .inner-slide .package { background: #c5a548; color: #fff; padding: 10px 10px; font-size: 14px; text-align: center; float: left; } .banner-crd { float: right; margin: 410px 0 0;} .inner-slide .owl-bg-img { overflow: visible;} .banking-tier { background: #1074a8; padding: 30px;} .banking-tier h3 { color: #fff; text-transform: uppercase; margin: 0 0 30px 0;} .banking-tier p { color: #fff; font-size: 18px; line-height:1.3em; } .banking-tier .alrube-img { margin: -65px 0 25px;} .banking-tier .button.green-dark { width: auto; background: rgba(255,255,255, 0.2); border-color: rgba(255,255,255, 0.2); padding: 20px 20px;} .related-pro-outer { background: #e9e9e9; padding: 8px;} .related-pro { background: #fff; padding: 30px; } .related-pro-outer h3 { color: #000; text-transform: uppercase; margin: 0 0 30px 0;} .related-pro-outer .post-item { box-shadow: none; margin: 0; min-height: 400px; position: relative;} .related-pro-outer .post-content-details { box-shadow: none; padding: 20px 0 0 20px;} .related-pro-outer .post-description a.read-more { position: absolute; left: 20px; right: inherit; } .related-pro-outer .post-item .post-title h3 { font-size: 20px; text-transform: none;} .related-pro-outer .post-image img { width: auto; max-width:100%; } .related-pro-outer .post-image { text-align: center;} .useful-links .list-unstyled li { line-height: 25px !important; min-height:25px !important; margin: 0 0 20px 0; } .useful-links .list-unstyled li h5 i { margin: 0 10px 0 0; float: left; font-size: 26px; color: #1ab05c; } .useful-links .list-unstyled li h5 { font-size: 18px; color: #000; font-weight:normal; } .useful-links .list-unstyled li a i { margin: 0 10px 0 0; float: left; font-size: 26px; color: #1ab05c; } .useful-links .list-unstyled li a { font-size: 18px!important; color: #000!important; } .useful-links .list-unstyled li a:hover { color: #1ab05c; } .heading-tab { color: #363636; margin: 0 0 30px 0; text-transform: uppercase;} .col-md-2.width-20 { width: 20%;} #left-contact .img { width: 100%; } #left-contact .form-contact { background: #f4f4f4; padding: 20px;} #left-contact .shariya-fq-mn .form-contact { padding: 20px 290px;} #left-contact .radio { float: left;} #left-contact .heading-contact { font-size: 24px; font-weight: 300; letter-spacing: -0.1px; color: #fff; text-align: left;} #left-contact .radio { float: left; margin: 0 20px 0 0;} #left-contact .contact-us-aside { display: inline-block; width: 100%; } #left-contact .description { float: left; margin: 0 20px 0 0;} #left-contact .description h3 { color: #24604F; font-size: 20px; text-transform: uppercase; margin: 0 0 20px 0;} #left-contact .description ul { margin: 0; padding: 0;} #left-contact .description ul li { list-style: none; font-size: 16px; font-weight: 300; margin: 0 0 20px 0;} #left-contact .description ul li span { font-weight: 700; float: left; width: 100%;} #left-contact p { font-size:16px;} #left-contact .useful-links .list-unstyled li a { font-size: 16px;} .compare-p-img { position: relative;} .table.table-striped img { max-width: 100%; } .table tr th:last-child .compare-p-img > img { width: 292px; height: 200px; } .table tr th:last-child .compare-p-img > .card-post { width: auto; height: auto; } .table-striped tr th:nth-of-type(2n+1) { background: none; } .post-compare{ margin-right: 2px; box-shadow: 2px 0 0px 0px #e4e6e6; } .table tr:last-child td .post-compare { box-shadow: 2px 2px 0 0 #e4e6e6; } .bg-clr {background-color: #FAFAFA;} .table-striped tbody tr td { padding: 15px 0 15px 10px; } .in-td { padding: 15px 10px; min-height: 61px; } .table-striped tbody tr td { padding: 0px; } .add-margin-right { margin-right: 2px; } .table-striped tr th:first-child, .table-striped tr td:first-child, .table-striped tr th:nth-of-type(2n+1), .table-striped tr td:nth-of-type(2n+1) { background: none; } .bg-clr-two { background-color: #e4e6e6 ; } .table tr th:last-child .post-compare, .table tr td:last-child .post-compare { margin-right: 0 !important; } .post-desc { padding: 60px 10px 0 10px;} .post-desc h3 { font-size: 18px; font-weight: 700; color: #333; } .post-desc p { font-size: 14px; font-weight: 400; color:#333; } .table.table-striped .card-post { max-width: auto; width: auto; bottom: -40px; position: absolute; right: 20px; width: auto; } .table tr th .post-compare { min-height: 480px;} .table-cc-compare { overflow: auto;} .table tr td, .table tr th { float: left; width: 292px; min-height: 60px;} .table-striped tbody tr:nth-of-type(2n+1) td { background: #e4e6e6; font-weight: bold;} .table-striped tbody tr th { margin:2px 0 0 0;} .cc-compare-benefits .post-content-details { min-height: 226px;} .cc-compare-benefits .post-content-details .post-item p { line-height: 22px;} /* ---------------------------------------------------------------- MULTISCROLL -----------------------------------------------------------------*/ #multiscroll .ms-left .ms-section { background-position: 100% center !important; } #multiscroll .ms-right .ms-section { background-position: 0 center !important; } /* ---------------------------------------------------------------------- Page title -------------------------------------------------------------------------*/ #page-title { clear: both; padding: 50px 0; position: relative; background-color: #f8f8f8; background-repeat: no-repeat; background-size: cover; background-image: url('../images/kuwait/main-h-bg.jpg'); } #page-title .container { position: relative; } #page-title [class*="col-"] { padding-left: 0px; padding-right: 0px; } .page-title h1 { display: block; font-size: 30px; font-weight: 300; line-height: 1.2; margin-bottom: 10px; margin-left: -2px; margin-top: -4px; text-transform: uppercase; } .page-title > span.lead { display: block; margin-top: 10px; font-weight: 300; font-size: 18px; } .page-title > span { font-size: 18px; font-weight: 500; text-transform: uppercase; } /*page header right*/ .page-title-right .page-title { float: right; text-align: right; } .page-title-right .breadcrumb { text-align: left !important; } /*page title center */ .page-title-center .page-title { float: none; text-align: center; width: 100%; } .page-title-center .breadcrumb { float: none; text-align: center!important; width: 100%; } /*page title pattern*/ .page-title-pattern { background-attachment: fixed; background-repeat: repeat; } /*page title small */ #page-title.page-title-small { padding: 6px 0 4px !important; } #page-title.page-title-small .page-title { margin-top: 20px; } #page-title.page-title-small .page-title h1 { font-size: 20px; font-weight: 400; line-height: 20px; margin-bottom: 14px; } #page-title.page-title-small .breadcrumb { margin-top: 8px; } /*page title extended */ #page-title.page-title-extended { padding: 100px 0; } .page-title-extended h1 { font-size: 60px; letter-spacing: 1px; font-weight: 800; text-transform: uppercase; } /*page title video */ #page-title.page-title-video { background-color: transparent; ; } /*Page title: transparent header*/ #header.header-transparent + .page-title-video, #header.header-transparent + .page-title-parallax, #header.header-light-transparent + .page-title-video, #header.header-light-transparent + .page-title-parallax, #header.header-dark-transparent + .page-title-video, #header.header-dark-transparent + .page-title-parallax { padding-top: 170px; padding-bottom: 80px; } .page-title-parallax { border-bottom: 5px solid #eee !important; } /* ---------------------------------------------------------------- TOPBAR -----------------------------------------------------------------*/ #topbar.topbar-transparent + #header.header-transparent + #slider, #topbar.topbar-transparent + #header.header-transparent + .page-title-extended, #topbar.topbar-transparent + #header.header-transparent + .page-title-video, #topbar.topbar-transparent + #header.header-transparent + .page-title-parallax, #topbar.topbar-transparent + #header.header-transparent + .fullscreen, #topbar.topbar-transparent + #header.header-transparent + #google-map, #topbar.topbar-transparent + #header.header-dark-transparent + #slider, #topbar.topbar-transparent + #header.header-dark-transparent + .page-title-extended, #topbar.topbar-transparent + #header.header-dark-transparent + .page-title-video, #topbar.topbar-transparent + #header.header-dark-transparent + .page-title-parallax, #topbar.topbar-transparent + #header.header-dark-transparent + .fullscreen, #topbar.topbar-transparent + #header.header-dark-transparent + #google-map #topbar.topbar-transparent + #header.header-light-transparent + #slider, #topbar.topbar-transparent + #header.header-light-transparent + .page-title-extended, #topbar.topbar-transparent + #header.header-light-transparent + .page-title-video, #topbar.topbar-transparent + #header.header-light-transparent + .page-title-parallax, #topbar.topbar-transparent + #header.header-light-transparent + .fullscreen, #topbar.topbar-transparent + #header.header-light-transparent + #google-map { margin-bottom: -131px; top: -131px; } #topbar { position: relative; z-index: 200; border-bottom: 1px solid #eee; background-color: #fff; } #topbar .top-menu { list-style: outside none none; margin: 0 -10px; padding: 0; } #topbar .top-links { position: relative; } #topbar .top-menu > li { display: inline-block; height: 40px; line-height: 38px; } #topbar .top-menu > li > a { display: block; font-size: 12px; font-weight: 600; height: 40px; padding: 0 6px; text-transform: uppercase; } /*Social icons*/ #topbar .social-icons { float: right; height: 100%; overflow: hidden; } #topbar .social-icons li, #topbar .social-icons li a { float: left; list-style: outside none none; } #topbar .social-icons li a { border-radius: 0px; border-right: 1px solid rgba(180, 180, 180, 0.2); font-size: 15px; height: 40px; line-height: 40px; text-align: center; width: 35px; overflow: hidden; margin: 0; } #topbar .social-icons li:first-child a { border-left: 1px solid rgba(180, 180, 180, 0.2); } /*topbar dropdowns*/ .branch-atm { float: right; font-size: 14px; color: #fff; background: #24604F; margin: 0 20px 0 0;} .branch-atm > a { color: #fff; display: block; padding: 8px 20px; font-family: Figtree, sans-serif; font-weight: 600; letter-spacing: -0.1px; text-transform: uppercase; font-size: 12px; } .branch-atm > a:hover { background: #1ab05c; color: #fff;} .branch-atm > a img { margin: 0 10px 0 0; } .topbar-dropdown.language-bar { width: 158px; margin:0 6px 0 0; } .flag { margin: 0 20px 0 0; } .topbar-dropdown { color: #fff; float: right; font-size: 13px; font-weight: 400; line-height: 40px; position: relative; } .login-tp { background:#1ab05c ; float: right; } .right-content-top { margin: 0 20px 0 0; position: absolute; right: 0; top: 0; } .login-tp.topbar-dropdown .title { padding: 24px 20px 20px 20px;} .topbar-dropdown .title { padding: 0; cursor: pointer; text-align: right; text-transform: uppercase; font-family: Figtree, sans-serif; font-size: 14px; font-weight: 600; } .topbar-dropdown.language-bar .title { font-size: 16px; float: right; color: #fff;} .topbar-dropdown.language-bar .title a { color: #fff;} .topbar-dropdown:first-child .title { border-color: transparent; padding-left: 0; } .topbar-dropdown .title img, .topbar-dropdown .list-entry img { display: inline-block; vertical-align: middle; margin-right: 7px; position: relative; top: -1px; } .topbar-dropdown .title a { color: #747474; } .topbar-dropdown .title a:hover { text-decoration: underline; } .topbar-dropdown .title b { font-weight: 600; } .topbar-dropdown .title .fa { margin-left: 7px; position: relative; top: -1px; } .topbar-dropdown .title .fa:first-child { margin-left: 0; margin-right: 0; } .topbar-dropdown .dropdown-list { position: absolute; width: 180px; right: 0px; top: 100%; border-radius: 0; background-color: #f1f1f1 ; padding: 0px 16px; z-index: 1; text-align: left; opacity: 1; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transform-origin: 50% 0% 0px; -moz-transform-origin: 50% 0% 0px; -webkit-transform-origin: 50% 0% 0px; -ms-transform-origin: 50% 0% 0px; z-index: 1; visibility: visible; } .topbar-dropdown .dropdown-list a, .topbar-dropdown .dropdown-list a i { color: #363636 !important; } .topbar-dropdown .dropdown-list a i { border:2px solid #363636; } .topbar-dropdown.login-tp .dropdown-list { left: inherit; right: 0; width: 300px; padding: 10px 20px;} .topbar-dropdown .list-entry { white-space: nowrap; display: block; color: #fff; padding: 0; } .topbar-dropdown .list-entry i { border: 2px solid #fff; border-radius: 50%; display: inline-block; float: none; font-size: 18px; height: 25px; padding: 1px 0; text-align: center; width: 25px; margin: 0 4px 0 0; } .topbar-dropdown .list-entry:hover { color: #fff; opacity: 0.8; } .topbar-dropdown .list-entry:first-child { } /*topbar form*/ .topbar-dropdown .topbar-form { position: absolute; width: 240px; padding: 20px 20px 10px 20px; right: auto; top: 40px; border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1); box-shadow: 0 0 10px rgba(0, 0, 0, .1); border: solid 1px #eee; z-index: 1; text-align: left; opacity: 0; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transform-origin: 50% 0% 0px; -moz-transform-origin: 50% 0% 0px; -webkit-transform-origin: 50% 0% 0px; -ms-transform-origin: 50% 0% 0px; visibility: hidden; } .topbar-dropdown input { margin-bottom: 2px; } .topbar-form .form-group { margin-bottom: 10px; } .topbar-form .checkbox { display: inline-block; margin-bottom: 0; margin-top: 0; vertical-align: middle; margin-top: -12px; } .topbar-dropdown.float-right .title { padding: 0 0px 0 20px !important; } .topbar-dropdown .dropdown-invert.topbar-form { left: auto; right: -20px; } /*topbar fullwidth*/ body.wide #topbar.topbar-fullwidth > .container { width: 100%; padding: 0 30px; } /*dropdown topbar transparent*/ #topbar.topbar-dark .top-menu > li > a, #topbar.topbar-dark .social-icons li a { color: #fff !important; } #topbar.topbar-dark { background-color: #252525; border-color: rgba(255, 255, 255, 0.2); } #topbar.topbar-light .top-menu > li > a, #topbar.topbar-light .social-icons li a { color: #111 !important; } /*topbar transparent*/ .topbar-transparent.topbar-dark .topbar-dropdown .title a, .topbar-transparent.topbar-dark .topbar-dropdown { color: #fff; } .topbar-transparent .topbar-dropdown .title { border-color: rgba(255, 255, 255, 0.2); } .topbar-transparent .topbar-dropdown:first-child .title { border-color: transparent; } #topbar.topbar-transparent { background-color: transparent !important; border-bottom: 1px solid rgba(180, 180, 180, 0.2); } #topbar.topbar-transparent .top-menu > li > a, #topbar.topbar-transparent .social-icons li a { /*color: #eee;*/ } #topbar.topbar-dark.topbar-colored { border-bottom: 0; } /* ---------------------------------------------------------------- Content -----------------------------------------------------------------*/ #content { overflow: hidden; padding: 60px 0; position: relative; } .content-wrap { position: relative; padding: 80px 0; } #content .container { position: relative; } .container > .post-content { padding-left: 0; padding-right: 0; } .post-content { } .post-content.float-right { padding-left: 25px; padding-right: 15px; } .post-content.float-right + .sidebar { padding-left: 15px; padding-right: 25px; } .post-content.post-fullwidth, .post-content.bothsidebar { padding-left: 15px; padding-right: 15px; } .post-content.bothsidebar { padding-left: 25px; padding-right: 25px; } /* ---------------------------------------------------------------- Sidebar -----------------------------------------------------------------*/ .sidebar { padding-right: 25px; } .post-content + .sidebar { padding-left: 25px; padding-right: 15px; } body.device-sm .sidebar, body.device-xs .sidebar, body.device-xxs .sidebar { padding-left: 15px; padding-right: 15px; } .sidebar-modern:before { background-color: #fbfbfb; border-left: 1px solid #eee; border-right: 1px solid #eee; content: ""; display: block; height: 99999px; position: absolute; right: 0; top: -100px; width: 3000px; z-index: -10; } body.device-sm .sidebar-modern:before, body.device-xs .sidebar-modern:before, body.device-xxs .sidebar-modern:before { border: 0px; background-color: transparent; } .post-content + .sidebar-modern:before { left: 0; right: auto; } .post-content.float-right + .sidebar-modern:before { right: 0; left: auto; } body.device-sm .sidebar, body.device-xs .sidebar { margin-top: 40px; width: 100%; } /* ---------------------------------------------------------------------- SIDEBAR MENU -------------------------------------------------------------------------*/ .sidebar-menu { border: 1px solid rgba(0, 0, 0, 0.07); border-radius: 2px; margin-top: 30px; padding: 0; } .sidebar-menu ul { list-style: outside none none; margin: 0; padding: 0; } .sidebar-menu ul li { padding: 10px 20px; margin: 0; border-top: 1px solid rgba(0, 0, 0, 0.07); color: #666; font-family: Figtree, sans-serif; padding: 10px 20px 10px 18px; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; cursor: pointer; } .sidebar-menu ul li:hover { background: rgba(0, 0, 0, 0.05) !important; color: #606060; padding: 10px 20px 10px 26px; } .sidebar-menu ul li a { color: #444; display: block; } .sidebar-menu i { margin-right: 12px; } .sidebar-menu h4, .sidebar-menu h3 { background-color: #f8f8f8; padding: 14px 18px; margin: 0; } /* ---------------------------------------------------------------------- Widgets -------------------------------------------------------------------------*/ .widget { margin-bottom: 60px; position: relative; } .sidebar .widget { border-bottom: 1px solid #eee; margin-bottom: 30px; padding-bottom: 30px; } .sidebar .widget:last-child { border-bottom: 0px; } .sidebar .widget-title::after { border-top: 4px solid #444; content: ""; display: block; margin-top: 14px; width: 60px; } /*tags widget*/ .widget-tags .tags a { border: 1px solid rgba(0, 0, 0, 0.2); color: #777; display: inline-block; font-size: 11px; font-weight: 400; letter-spacing: 1px; margin: 0 2px 5px 0; padding: 5px 7px; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; } /*search widget*/ /*archive widget*/ .widget-archive ul { padding-left: 0px; } body.device-sm .sidebar .widget { float: left; width: 330px; } body.device-xs .sidebar .widget { width: 100%; } body.device-sm .sidebar .widget:nth-child(odd), body.device-xs .sidebar .widget:nth-child(odd) { margin-right: 30px; } footer .widget-tags .tags a { border: 1px solid rgba(255, 255, 255, 0.2); } footer .widget { margin-bottom: 20px; } /*flickr widget*/ .col-md-3 .flickr-widget img { padding: 2px; width: 25%; } body.device-xs .col-md-3 .flickr-widget img { width: 16.666%; } .col-md-4 .flickr-widget img { padding: 2px; width: 20%; } /*social widget*/ .widget .footer-widget .social-icon { background-color: rgba(0, 0, 0, 0.2); } .footer-widget .social-icon i { color: white; } .footer-widget .social-icon i { color: #fff; } /*newsletter widget*/ .widget.widget-newsletter button { margin-left: -1px; } .widget.widget-newsletter button { border-bottom-left-radius: 0; border-top-left-radius: 0; } .widget.widget-newsletter .btn { text-transform: none; } .widget.widget-newsletter .form-control { height: 40px; } .widget.widget-newsletter .btn { font-size: 12px; font-weight: 600; height: 40px; padding: 8px 16px; } .background-dark .widget.widget-newsletter .input-group-addon { background-color: #fff; color: #fff; } .form-control.error, .sm-form-control.error { border-color: #e42c3e; } .widget.widget-newsletter label.error { color: #e42c3e; display: none !important; font-weight: 400; margin-top: 5px; } .background-dark .widget.widget-newsletter .form-transparent-fields .form-control { border-left: 0; padding-left: 0; } .widget-newsletter small { display: block; } /*search widget*/ .widget.widget-search button { margin-left: -1px; } .widget.widget-search button { border-bottom-left-radius: 0; border-top-left-radius: 0; } .widget.widget-search .btn { text-transform: none; } .widget.widget-search .form-control { height: 40px; } .widget.widget-search .btn { font-size: 12px; font-weight: 600; height: 40px; padding: 8px 16px; } .background-dark .widget.widget-search .input-group-addon { background-color: rgba(0, 0, 0, 0.35); border-color: rgba(0, 0, 0, 0.25); color: #999; } /*contact form*/ #widget-contact-form { clear: left; } /* ---------------------------------------------------------------- FOOTER -----------------------------------------------------------------*/ .footer-content .col-md-6 p { font-size: 12px; } .footer-contcs { padding: 0 0; margin: 0 0 -130px 0; z-index: 1; overflow: hidden;} .info-footer { margin: 0 0 20px 0;} .info-footer h4 { color: #000; text-transform: uppercase; text-align: left; margin: 0 40px;} .info-footer span { color: #24604F; display: block;} .box-reach { background: #fff; border: 1px solid #888888; padding: 20px; min-height: 300px;} .box-reach .circle-icn { background: #1ab05c; vertical-align:middle; border-radius: 50%; text-align: center; width: 90px; height: 90px; padding: 23px 0; display: inline-block; margin: -50px 0 0 0;} .button.green-dark { background-color: #24604F; border-color: #24604F; color: #fff; font-size: 18px; margin: 0 0 10px 0; padding: 21px 0; width: 80%; } .button.green-dark:hover { background-color: #1ab05c; border-color: #1ab05c; } .box-reach h3 { color: #24604F; text-transform: uppercase; font-size: 20px; margin: 20px 0; font-weight: 700; } #footer { clear: both; position: relative; } #footer .logo { margin-bottom: 54px; margin-top: 12px; max-width: 80px; } .footer-logo { margin-bottom: 20px; margin-right: 18px; padding-right: 16px; } #footer.background-colored .footer-logo { border-right: 1px solid rgba(255, 255, 255, 0.4); } #footer.background-grey .footer-logo { border-right: 1px solid #ccc; } .footer-content { padding: 10px 0; } .footer-content .widget-title { font-size: 16px; font-weight: 600; margin-bottom: -5px; text-transform: uppercase; } .copyright-content { background: #24604F; padding: 20px 0; } footer.background-grey .copyright-content { border-top: 1px solid #ddd; } .copyright-links a { padding: 10px; } .copyright-text { font-size: 10px; padding-top: 6px; text-align: left; text-transform: uppercase; } /*Social icons*/ #footer .social-icons { float: right; } #footer .social-icons.center { float: none; display: inline-block; } #footer .social-icons:not(.social-icons-colored) li a:hover { background-color: #1ab05c; } #footer .social-icons:not(.social-icons-colored) li a:hover i { color: #fff !important; } /* ---------------------------------------------------------------- GO TO TOP BUTTON -----------------------------------------------------------------*/ .gototop-button { border-radius: 4px 0 0 4px; background: rgba(0, 0, 0, 0.2); bottom: 110px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); line-height: 24px; padding: 8px 14px 9px; position: fixed; right: 0; z-index: 200; } .gototop-button:hover { opacity: 0.9; } .gototop-button:hover, .gototop-button:focus { color: #fff; } /* ---------------------------------------------------------------- Misc -----------------------------------------------------------------*/ .show-grid[class*="col-md-"] .show-grid-block { background-color: #eeeeee; border: 1px solid #ffffff; display: block; line-height: 40px; min-height: 40px; text-align: center; } /* ---------------------------------------------------------------- CSS UTILITY HELPERS -----------------------------------------------------------------*/ .hidden, .animated { opacity: 0; } .visible { opacity: 1; } .text-center { text-align: center !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .left { float: left !important; } .right { float: right !important; } .center { float: none; margin: 0 auto; } .vcenter { display: inline-block; vertical-align: middle; float: none; } .vertical-align { position: relative; top: 50%; transform: translateY(-50%); } .text-middle { display: table-cell; vertical-align: middle; margin: auto; z-index: 3; position: relative; } .text-bottom { display: table-cell; vertical-align: bottom; margin: auto; z-index: 3; position: relative; } .text-background-light { background-color: #fff; padding: 0 4px; } .text-background-dark { background-color: #444; padding: 0 4px; } .text-shadow-light { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.53); } .text-shadow-dark { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.53); } .background-white, .background-light { background-color: #fff !important; } .background-grey { background-color: #F6F6F6 !important; } .background-dark { background-color: #101010 !important; } .background-green { background-color: #1ab05c !important; } .background-dark-green { background-image: url("../images/kuwait/bg-dark.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; height: 157px; overflow: hidden; position: relative; width: 100%; } .background-pattern { background-image: url(/images/overlay-pattern/gplay.png); } .background-pattern-1 { background-image: url(/images/overlay-pattern/3px-tile.png); } .background-pattern-2 { background-image: url(/images/overlay-pattern/asfalt-dark.png); } .background-pattern-3 { background-image: url(/images/overlay-pattern/axiom-pattern.png); } /* ---------------------------------------------------------------- PREDEFINED TEXT HELPERS -----------------------------------------------------------------*/ .text-medium-light { font-size: 50px !important; font-weight: 100; line-height: 1.1; } .text-medium { font-size: 50px !important; font-weight: 800; line-height: 1.1; margin-bottom: 20px; } body.device-xs .text-medium, body.device-xs .text-medium-light { font-size: 40px !important; } body.device-xxs .text-medium, body.device-xxs .text-medium-light { font-size: 30px !important; } .text-large-light, .text-large-light span, .text-large-light span span { font-size: 90px !important; line-height: 100px !important; font-weight: 120 !important; } .text-large, .text-large span, .text-large span span { font-size: 90px !important; line-height: 110px !important; font-weight: 800 !important; } .text-extra-large, .text-extra-large span { font-size: 120px !important; font-weight: 800; line-height: 120px; } .text-lg, .text-lg span { color: #ffffff; font-size: 80px; line-height: 80px; font-weight: 800; margin-bottom: 10px; } .text-lg-x2, .text-lg-x2 span { color: #ffffff; font-size: 120px; line-height: 140px; font-weight: 100; margin-bottom: 10px; } .text-lg-x3, .text-lg-x3 span { color: #ffffff; font-size: 230px; line-height: 250px; font-weight: 100; } .text-small { font-size: 16px !important; font-weight: 800; line-height: 1.1; } .text-muted { color: #c2c2c5; } .text-bold { font-weight: bold !important; } .text-azure { color: #0095C8 !important; } .text-orange { color: #FF6600 !important; } .text-green { color: #1FBBA6 !important; } .text-blue { color: #5F8295 !important; } .text-pink { color: #DD5A82 !important; } .text-purple { color: #DD5A82 !important; } .text-bricky { color: #894550 !important; } .text-yellow { color: #FFB848 !important; } .text-red { color: #C82E29 !important; } .text-light, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light .lead, .text-light p, .text-light a:not(.button), .text-light i, .text-light li, .text-light label, .text-light div:not(.alert), .text-light span { color: #fff !important; } .text-dark, .text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark h6, .text-dark p, .text-dark .lead, .text-dark a:not(.button), .text-dark i, .text-dark li, .text-dark label, .text-dark div:not(.alert), .text-dark span { color: #111 !important; } .text-grey, .text-grey h1, .text-grey h2, .text-grey h3, .text-grey h4, .text-grey h5, .text-grey h6, .text-grey .lead, .text-grey p, .text-grey a:not(.button), .text-grey i, .text-grey li, .text-grey label, .text-grey div:not(.alert), .text-grey span { color: #ccc; } .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white .lead, .text-white p, .text-white a:not(.button), .text-white i, .text-white li, .text-white label, .text-white div:not(.alert), .text-white span { color: #fff; } .with-errors li { color: #981a1a !important; } /*font weight*/ .font-wight-100 { font-weight: 100 !important; } .font-wight-300 { font-weight: 300 !important; } .font-wight-400 { font-weight: 400 !important; } .font-wight-500 { font-weight: 500 !important; } .font-wight-600 { font-weight: 600 !important; } .font-wight-700 { font-weight: 700 !important; } .font-wight-800 { font-weight: 800 !important; } /* ---------------------------------------------------------------- PREDEFINED MARGIN & PADDING CLASSES -----------------------------------------------------------------*/ .border-left { border-left: 1px solid #eee; } .border-top { border-top: 1px solid #eee; } .border-right { border-width: 0 1px 0 0; border-color: #eee; border-style: solid; } .border-bottom { border-bottom: 1px solid #eee; } .border-dotted { border-style: dotted; } .slider-size-half { max-height: 560px; } .no-margin { margin: 0px!important } .m-b-0 { margin-bottom: 0px !important } .m-b-5 { margin-bottom: 5px!important } .m-b-10 { margin-bottom: 10px!important } .m-b-15 { margin-bottom: 15px!important } .m-b-20 { margin-bottom: 20px!important } .m-b-25 { margin-bottom: 25px!important } .m-b-30 { margin-bottom: 30px!important } .m-b-35 { margin-bottom: 35px!important } .m-b-40 { margin-bottom: 40px!important } .m-b-50 { margin-bottom: 50px!important } .m-b-60 { margin-bottom: 60px!important } .m-b-70 { margin-bottom: 70px!important } .m-b-80 { margin-bottom: 80px!important } .m-b-90 { margin-bottom: 90px!important } .m-b-100 { margin-bottom: 100px!important } .m-b-150 { margin-bottom: 150px!important } .m-b-200 { margin-bottom: 200px!important } .m-t-0 { margin-top: 0px!important } .m-t-5 { margin-top: 5px!important } .m-t-10 { margin-top: 10px!important } .m-t-15 { margin-top: 15px!important } .m-t-20 { margin-top: 20px!important } .m-t-25 { margin-top: 25px!important } .m-t-30 { margin-top: 30px!important } .m-t-35 { margin-top: 35px!important } .m-t-40 { margin-top: 40px!important } .m-t-50 { margin-top: 50px!important } .m-t-60 { margin-top: 60px!important } .m-t-70 { margin-top: 70px!important } .m-t-80 { margin-top: 80px!important } .m-t-90 { margin-top: 90px!important } .m-t-100 { margin-top: 100px!important } .m-l-0 { margin-left: 0px!important; } .m-l-5 { margin-left: 5px!important } .m-l-10 { margin-left: 10px!important } .m-l-15 { margin-left: 15px!important } .m-l-20 { margin-left: 20px!important } .m-l-25 { margin-left: 25px!important } .m-l-30 { margin-left: 30px!important } .m-l-35 { margin-left: 35px!important } .m-l-40 { margin-left: 40px!important } .m-l-50 { margin-left: 50px!important } .m-l-60 { margin-left: 60px!important } .m-l-70 { margin-left: 70px!important } .m-l-80 { margin-left: 80px!important } .m-l-90 { margin-left: 90px!important } .m-l-100 { margin-left: 100px!important } .m-r-0 { margin-right: 0px!important } .m-r-5 { margin-right: 5px !important; } .m-r-10 { margin-right: 10px!important } .m-r-15 { margin-right: 15px!important } .m-r-20 { margin-right: 20px!important } .m-r-25 { margin-right: 25px!important } .m-r-30 { margin-right: 30px!important } .m-r-35 { margin-right: 35px!important } .m-r-40 { margin-right: 40px!important } .m-r-50 { margin-right: 50px!important } .m-r-60 { margin-right: 60px!important } .m-r-70 { margin-right: 70px!important } .m-r-80 { margin-right: 80px!important } .m-r-90 { margin-right: 90px!important } .m-r-100 { margin-right: 100px!important } .m-0 { margin: 0px!important; } .m-5 { margin: 5px!important } .m-10 { margin: 10px!important } .m-15 { margin: 15px!important } .m-20 { margin: 20px!important } .m-25 { margin: 25px!important } .m-30 { margin: 30px!important } .m-35 { margin: 35px!important } .m-40 { margin: 40px!important } .m-50 { margin: 50px!important } .m-60 { margin: 60px!important } .m-70 { margin: 70px!important } .m-80 { margin: 80px!important } .m-90 { margin: 90px!important } .m-100 { margin: 100px!important } /*Margins*/ .col-no-margin [class^="col-"] { margin: 0!important; padding: 0 !important; } .row.col-no-margin { margin: 0!important; } .row.col-small-margins [class^="col-"] { margin: 0 0 20px 0 !important; } .no-padding-top { padding-top: 0 !important; } .no-padding-bottom { padding-bottom: 0 !important; } .no-padding { padding: 0 !important; } .p-0 { padding: 0px!important; } .p-5 { padding: 5px!important } .p-10 { padding: 10px!important } .p-15 { padding: 15px!important } .p-20 { padding: 20px!important } .p-25 { padding: 25px!important } .p-30 { padding: 30px!important } .p-35 { padding: 35px!important } .p-40 { padding: 40px!important } .p-50 { padding: 50px!important } .p-60 { padding: 60px!important } .p-70 { padding: 70px!important } .p-80 { padding: 80px!important } .p-90 { padding: 90px!important } .p-100 { padding: 100px!important } .p-b-0 { padding-bottom: 0px!important } .p-b-5 { padding-bottom: 5px!important } .p-b-10 { padding-bottom: 10px!important } .p-b-15 { padding-bottom: 15px!important } .p-b-20 { padding-bottom: 20px!important } .p-b-25 { padding-bottom: 25px!important } .p-b-30 { padding-bottom: 30px!important } .p-b-35 { padding-bottom: 35px!important } .p-b-40 { padding-bottom: 40px!important } .p-b-50 { padding-bottom: 50px!important } .p-b-60 { padding-bottom: 60px!important } .p-b-70 { padding-bottom: 70px!important } .p-b-80 { padding-bottom: 80px!important } .p-b-90 { padding-bottom: 90px!important } .p-b-100 { padding-bottom: 100px!important } .p-b-110 { padding-bottom: 110px!important } .p-b-120 { padding-bottom: 120px!important } .p-b-130 { padding-bottom: 130px!important } .p-b-140 { padding-bottom: 140px!important } .p-b-150 { padding-bottom: 150px!important } .p-b-200 { padding-bottom: 200px!important } .p-t-0 { padding-top: 0px!important } .p-t-5 { padding-top: 5px!important } .p-t-10 { padding-top: 10px!important } .p-t-15 { padding-top: 15px!important } .p-t-20 { padding-top: 20px!important } .p-t-25 { padding-top: 25px!important } .p-t-30 { padding-top: 30px!important } .p-t-35 { padding-top: 35px!important } .p-t-40 { padding-top: 40px!important } .p-t-50 { padding-top: 50px!important } .p-t-60 { padding-top: 60px!important } .p-t-70 { padding-top: 70px!important } .p-t-80 { padding-top: 80px!important } .p-t-90 { padding-top: 90px!important } .p-t-100 { padding-top: 100px!important } .p-t-150 { padding-top: 150px!important } .p-t-200 { padding-top: 200px!important } .p-r-0 { padding-right: 0px!important } .p-r-5 { padding-right: 5px!important } .p-r-10 { padding-right: 10px!important } .p-r-15 { padding-right: 15px!important } .p-r-20 { padding-right: 20px!important } .p-r-25 { padding-right: 25px!important } .p-r-30 { padding-right: 30px!important } .p-r-35 { padding-right: 35px!important } .p-r-40 { padding-right: 40px!important } .p-r-50 { padding-right: 50px!important } .p-r-60 { padding-right: 60px!important } .p-r-70 { padding-right: 70px!important } .p-r-80 { padding-right: 80px!important } .p-r-90 { padding-right: 90px!important } .p-r-100 { padding-right: 100px!important } .p-l-0 { padding-left: 0px!important } .p-l-5 { padding-left: 5px!important } .p-l-10 { padding-left: 10px!important } .p-l-15 { padding-left: 15px!important } .p-l-20 { padding-left: 20px!important } .p-l-25 { padding-left: 25px!important } .p-l-30 { padding-left: 30px!important } .p-l-35 { padding-left: 35px!important } .p-l-40 { padding-left: 40px!important } .p-l-50 { padding-left: 50px!important } .p-l-60 { padding-left: 60px!important } .p-l-70 { padding-left: 70px!important } .p-l-80 { padding-left: 80px!important } .p-l-90 { padding-left: 90px!important } .p-l-100 { padding-left: 100px!important } /*Border radious*/ .b-r-2 { border-radius: 2px !important; } .b-r-3 { border-radius: 3px !important; } .b-r-4 { border-radius: 4px !important; } .b-r-5 { border-radius: 5px !important; } .b-r-6 { border-radius: 6px !important; } .b-r-7 { border-radius: 7px !important; } .b-r-8 { border-radius: 8px !important; } .b-r-9 { border-radius: 9px !important; } .b-r-10 { border-radius: 10px !important; } .b-radius { border-radius: 50% !important; } /*Floats*/ .float-right { float: right !important; } .float-left { float: left !important; } .float-none { float: none !important; } .fullwidth { width: 100% !important; } /* ---------------------------------------------------------------------- Images -------------------------------------------------------------------------*/ .img-thumbnail { border: 1px solid #eee; padding: 1px; } /* ---------------------------------------------------------------------- Box shadow -------------------------------------------------------------------------*/ .shadow-bottom { box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1); } .shadow-inside { box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1); } .shadow-inside-top { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08); } .shadow-inside-bottom { box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.08); } /* ---------------------------------------------------------------------- Posts (blog, etc) -------------------------------------------------------------------------*/ .post-sub { -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; opacity: 0; font-size: 14px; color: #fff; padding: 4px 10px; text-transform: uppercase; position: absolute; left: -150px; z-index: 1; } .post-sub1 { background: #1074a8; top: 20px; } .post-sub2 { background: #ea218e; top: 56px; } .post-item.active .post-sub1 { opacity: 1; left: 0; -webkit-transition: all 0.3s ease-out 0.3s; transition: all 0.3s ease-out 0.3s;} .post-item.active .post-sub2 { opacity: 1; left: 0; -webkit-transition: all 0.5s ease-out 0.5s; transition: all 0.5s ease-out 0.5s;} .bg-products { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; overflow: hidden; position: relative; width: 100%; background-image: url('../images/kuwait/bg-pop.jpg'); } .fb-post.tw-post { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; overflow: hidden; position: relative; width: 100%; background-image: url('../images/kuwait/bg-tw.jpg'); } .fb-post { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; overflow: hidden; position: relative; width: 100%; background-image: url('../images/kuwait/bg-fb.jpg'); margin: 0 0 30px 0; } .post-item-fb .post-image { position: absolute;right: 15px; top:15px; } .post-item-fb .post-title a { color: #fff; } .post-item-fb .post-description p { color: #fff; margin: 10px 0 0 0; font-size:18px; } .post-item-fb .post-content-details { padding: 50px 50px; } .post-date { float: left; margin: 0 0 10px; width: 100%; } .post-item { background: #fff; margin-bottom: 30px; padding-bottom: 0; position: relative; display: block; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.08); } .post-description a.read-more { position: absolute;right: 0 ; bottom:0; background: #24604F; padding: 8px 30px; color: #fff; text-align: center; } .post-description a.read-more:hover { background: #1ab05c; } .post-item p { margin-bottom: 30px; } .post-meta { margin-bottom: 18px; } .post-meta div { border-right: 2px solid #f6f6f6; float: left; margin-right: 18px; padding: 8px 18px 8px 0; } .post-meta div:last-child { float: none; border-right: 0; } /* blog light background */ .post-content.post-light-background .post-item { background-color: #fff; border-radius: 4px; box-shadow: 1px 2px 1px #eee; padding: 20px; } .post-content.post-light-background .post-item .post-meta { margin: 12px; } /* blog modern */ body:not(.device-sm):not(.device-xs):not(.device-xxs) .post-modern .post-item { padding-left: 100px; } body:not(.device-sm):not(.device-xs):not(.device-xxs) .post-modern .post-meta div { border-right: 0px; float: inherit; margin-right: inherit; padding: inherit; } body:not(.device-sm):not(.device-xs):not(.device-xxs) .post-modern .post-meta { left: 0; position: absolute; text-align: center; top: 0; width: 90px; } body:not(.device-sm):not(.device-xs):not(.device-xxs) .post-modern .post-meta div { border-bottom: 1px solid #eee; margin-bottom: 20px; padding-bottom: 20px; } body:not(.device-sm):not(.device-xs):not(.device-xxs) .post-modern .post-meta div:last-child { border-bottom: 0px; } body:not(.device-sm):not(.device-xs):not(.device-xxs) .post-modern .post-meta .post-date .post-date-day { display: block; font-size: 42px; font-weight: 800; line-height: 42px; margin-bottom: 5px; } body:not(.device-sm):not(.device-xs):not(.device-xxs) .post-modern .post-meta .post-date .post-date-month { display: block; font-size: 13px; line-height: 13px; } body:not(.device-sm):not(.device-xs):not(.device-xxs) .post-modern .post-meta .post-date .post-date-year { display: none; } body:not(.device-sm):not(.device-xs):not(.device-xxs) .post-modern .post-meta .post-comments, body:not(.device-sm):not(.device-xs):not(.device-xxs) .post-modern .post-meta .post-share { text-align: center; } body:not(.device-sm):not(.device-xs):not(.device-xxs) .post-modern .post-meta .post-comments i, body:not(.device-sm):not(.device-xs):not(.device-xxs) .post-modern .post-meta .post-share i { font-size: 23px; } body:not(.device-sm):not(.device-xs):not(.device-xxs) .post-modern .post-meta .post-comments .post-comments-number, body:not(.device-sm):not(.device-xs):not(.device-xxs) .post-modern .post-meta .post-share .post-share-number { display: block; } /*post modern columns*/ body:not(.device-sm):not(.device-xs):not(.device-xxs) .post-3-columns.post-modern .post-item { padding-left: 80px; } body:not(.device-sm):not(.device-xs):not(.device-xxs) .post-3-columns.post-modern .post-meta { width: 66px; } body:not(.device-sm):not(.device-xs):not(.device-xxs) .post-3-columns.post-modern .post-meta .post-date .post-date-day { font-size: 32px; } /*post modern columns*/ body:not(.device-sm):not(.device-xs):not(.device-xxs) .post-4-columns.post-modern .post-item { padding-left: 60px; } body:not(.device-sm):not(.device-xs):not(.device-xxs) .post-4-columns.post-modern .post-meta { width: 40px; } body:not(.device-sm):not(.device-xs):not(.device-xxs) .post-4-columns.post-modern .post-meta .post-date .post-date-day { font-size: 26px; } body:not(.device-sm):not(.device-xs):not(.device-xxs) .post-4-columns.post-modern .post-meta .post-date .post-date-month { font-size: 12px; } /* blog thumbnail */ .post-modern.post-thumbnail .post-item { padding-bottom: 54px; } .post-thumbnail .post-image, .post-thumbnail .post-video, .post-thumbnail .post-audio, .post-thumbnail .post-embed, .post-thumbnail .post-slider { float: left; width: 40%; } .post-thumbnail .post-content-details { width: 60%; padding: 30px 20px 0; float: left; } .post-thumbnail .post-meta { float: right; padding-left: 20px; width: 60%; } .post-modern.post-thumbnail .post-meta { float: left; padding-left: 10px; width: auto; } .post-thumbnail .post-read-more { margin-top: -14px; } /*post image*/ .post-image, .post-video, .post-audio, .post-embed, .post-slider { margin-bottom: 0; position: relative; } .post-slider { overflow: hidden; } .post-slider img { max-width: 100%; } .post-3-columns .post-image, .post-3-columns .post-video, .post-3-columns .post-audio, .post-3-columns .post-embed, .post-3-columns .post-slider { margin-bottom: 18px; } .post-4-columns .post-image, .post-4-columns .post-video, .post-4-columns .post-audio, .post-4-columns .post-embed, .post-4-columns .post-slider { margin-bottom: 12px; } .post-slider { position: relative; overflow: hidden; } .post-image img { height: auto; width: 100%; } .post-item .post-title h3 { margin-bottom: 4px; font-size: 24px; line-height: 30px; } .post-info { margin-bottom: 20px; opacity: 1; } .blog-card { height: auto !important; margin: 0; position: absolute; right: 20px; bottom: -30px; width: auto !important; z-index: 1; } .post-content-details { padding: 30px 40px;} .kfh-benefits.post-content-details { min-height: 227px;} .home-product .post-content-details { min-height:126px;} .post-4-columns .post-info { font-size: 12px; line-height: 18px; } .post-read-more { margin-top: -10px; margin-bottom: 10px; } /*post columns*/ .post-item { float: left; position: relative; width: 100%; overflow: hidden; } .post-content.post-2-columns, .post-content.post-3-columns, .post-content.post-4-columns, .post-content.post-5-columns { margin-right: -2%; } .post-content.post-2-columns + .sidebar, .post-content.post-3-columns + .sidebar, .post-content.post-4-columns + .sidebar, .post-content.post-5-columns + .sidebar { margin-right: 0; } /*post 2 columns*/ .post-2-columns .post-item { margin-right: 2%; width: 47.98%; } .post-2-columns .post-item .post-title h3 { font-size: 28px; line-height: 34px; margin-bottom: 6px; } /*post 3 columns*/ .post-3-columns .post-item { width: 31.3333%; margin-right: 2%; } .post-3-columns .post-item .post-title h3 { font-size: 24px; line-height: 30px; margin-bottom: 6px; } /*post 4 columns*/ .post-4-columns .post-item { width: 23%; margin-right: 2%; } .post-4-columns .post-item .post-title h3 { font-size: 18px; line-height: 22px; margin-bottom: 4px; } /*post 5 columns*/ .post-5-columns .post-item { width: 18%; margin-right: 2%; } .post-5-columns .post-item .post-title h3 { font-size: 16px; line-height: 18px; margin-bottom: 4px; } /*post block*/ .post-block .post-item { border-bottom: 0px !important; margin-bottom: 40px; } .post-single { padding-right: 15px; } /* ---------------------------------------------------------------------- Comments -------------------------------------------------------------------------*/ .comments { margin-bottom: 80px; margin-top: 28px; } .comments-title { text-transform: uppercase; margin-bottom: 20px; } .comments .avatar { border-radius: 4px; margin-right: 15px; width: 50px; } .comment { margin-top: 40px; margin-bottom: 20px; } .comment .media-body { border: 1px solid #eee; border-radius: 4px; padding: 20px; } .comment .time { margin-bottom: 20px; } .comment-replied { padding-left: 40px; } /* ---------------------------------------------------------------------- NEWS SECTIONS -------------------------------------------------------------------------*/ .news-section-wrapper { clear: both; display: block; padding: 0 80px; position: relative; } /* ---------------------------------------------------------------------- GRID ARTICLE BOXES -------------------------------------------------------------------------*/ .grid-articles { position: relative; } .grid-articles:not(.post-carousel) .post-entry { float: left; width: 25%; position: relative; } .grid-articles:not(.post-carousel) .post-entry:first-child { width: 50%; } .grid-articles.grid-articles-v2:not(.post-carousel) .post-entry:nth-child(1), .grid-articles.grid-articles-v2:not(.post-carousel) .post-entry:nth-child(2) { width: 50%; } .grid-articles .post-entry-overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .grid-articles .post-entry .post-entry-meta { height: auto; bottom: 0; left: 0; padding: 0 30px 30px; position: absolute; width: 100%; z-index: 2; } .grid-articles .post-entry:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.9) 100%); opacity: 0.4; transition: opacity 0.4s ease; z-index: 1; } .grid-articles .post-entry:before, .grid-articles.post-carousel .post-entry:before { content: ""; height: auto; bottom: 0; left: 0; position: absolute; width: 100%; z-index: 1; } .grid-articles .post-entry:hover:before, .grid-articles.post-carousel .post-entry:hover:before { opacity: 1; z-index: 1; } .grid-articles .post-entry .post-entry-meta .post-entry-meta-category { margin-bottom: 10px; } .grid-articles .post-entry .post-entry-meta .post-entry-meta-title h2, .grid-articles .post-entry .post-entry-meta .post-entry-meta-title h2 a { color: #fff; font-family: Figtree, sans-serif; font-size: 16px; font-weight: 600; line-height: 1.2; margin: 0; } .grid-articles:not(.post-carousel) .post-entry:first-child .post-entry-meta .post-entry-meta-title h2, .grid-articles:not(.post-carousel) .post-entry:first-child .post-entry-meta .post-entry-meta-title h2 a, .grid-articles.grid-articles-v2:not(.post-carousel) .post-entry:nth-child(2) .post-entry-meta .post-entry-meta-title h2 a { font-size: 22px; } /*with space*/ .grid-articles:not(.post-carousel).grid-articles-space .post-entry .post-entry-overlay { border-color: #fff; border-style: solid; border-width: 4px; } .grid-articles:not(.post-carousel).grid-articles-space .post-entry:first-child .post-entry-overlay { border-width: 4px 4px 4px 0px; } .grid-articles:not(.post-carousel).grid-articles-space .post-entry:nth-child(3) .post-entry-overlay, .grid-articles:not(.post-carousel).grid-articles-space .post-entry:nth-child(5) .post-entry-overlay { border-width: 4px 0 4px 4px; } .grid-articles .post-date { color: #fff; opacity: 0.6; } .grid-articles.post-carousel .post-entry-meta .product-description, .post-entry-meta .product-description a { color: #fff !important; } /* ---------------------------------------------------------------------- POST NEWS THUMBNAIL BOXES -------------------------------------------------------------------------*/ .post-thumbnail .post-thumbnail-entry > img { margin-bottom: 14px; max-height: 240px; width: 100%; } .post-thumbnail .post-thumbnail-entry .post-thumbnail-content p { margin-bottom: 6px; } .post-thumbnail ~ .post-thumbnail-list { border-top: 1px solid #eee; } .post-thumbnail ~ .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content h4 a { font-weight: 400; opacity: 0.7; } .post-thumbnail ~ .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content h4 a:hover { opacity: 1; } .post-thumbnail-list { position: relative; } .post-thumbnail-list .post-thumbnail-entry img + .post-thumbnail-content { padding-left: 100px; } .post-thumbnail-entry { border-bottom: 1px solid #eee; float: left; margin-bottom: 14px; padding-bottom: 12px; position: relative; clear: both; } .post-thumbnail-entry:last-child { border-bottom: 0; } .post-thumbnail-list .post-thumbnail-entry > img { float: left; display: block; height: 60px; width: 80px; margin-right: 20px; } .post-thumbnail-entry .post-thumbnail-content .post-date, .post-thumbnail-entry .post-thumbnail-content .post-category { color: #999; font-size: 13px; } .post-thumbnail-entry .post-thumbnail-content .post-date i, .post-thumbnail-entry .post-thumbnail-content .post-category i { margin-right: 2px; } .post-thumbnail-entry .post-thumbnail-content .post-date ~ .post-category { margin-left: 6px; } .post-thumbnail-entry .post-thumbnail-content h4, .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content h4 { font-size: 14px; font-weight: 600; margin: 0; } .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content h4 { font-size: 14px; font-weight: 600; margin: 0; } /* ---------------------------------------------------------------------- NEWS MARKETING BOX -------------------------------------------------------------------------*/ .marketing-box { background-color: #f1f1f1; border: 1px solid #eee; clear: both; color: #999; height: 100px; line-height: 100px; text-align: center; width: 100%; margin-bottom: 20px; } /* ---------------------------------------------------------------------- NEWS MARKETING BOX -------------------------------------------------------------------------*/ .news-ticker { border-bottom: 1px solid #eee; position: relative; } .news-ticker-title { background-color: #f5f5f5; float: left; margin-right: 12px; height: 100%; } .news-ticker-title h4 { font-size: 14px; font-weight: 700; line-height: 14px; padding: 20px 30px 8px; } .news-ticker-content { margin-bottom: 0; padding: 14px; width: 100%; } .news-ticker-content .owl-item::before { color: #d82731; content: "�"; font-family: "Font Awesome\ 5 Free"; font-size: 10px; margin-left: -24px; position: absolute; } /* ---------------------------------------------------------------------- DEMO GRID -------------------------------------------------------------------------*/ .grid-system-demo [class*="col-"] .grid-col-demo { background-color: #eee; display: block; line-height: 54px; min-height: 54px; text-align: center; } .grid-system-demo .row { padding-bottom: 42px; } .grid-system-demo-live .row { padding-bottom: 42px; } /* ---------------------------------------------------------------------- PAGE 404 -------------------------------------------------------------------------*/ .page-error-404 { color: #eee; display: block; font-size: 300px; font-weight: 800; line-height: 0.7; } body.device-xs .page-error-404 { font-size: 200px; line-height: 0.8; margin-bottom: 20px; } body.device-xxs .page-error-404 { font-size: 140px; line-height: 0.8; margin-bottom: 20px; } /* ---------------------------------------------------------------------- PAGE LOADER -------------------------------------------------------------------------*/ body:not(.no-page-loader) .wrapper, .animsition-overlay { opacity: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animsition-overlay { z-index: 9999 !important; } .animsition-loading { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; text-align: center; background-color: #FFF; } .animsition-loading > img { position: absolute; top: 50%; left: 50%; width: 40px; display: inline-block; margin-left: -20px; margin-top: -20px; } .loader-wrapper { display: none; } /* ---------------------------------------------------------------- Bootstrap row colums fixes -----------------------------------------------------------------*/ .row .col-xs-4:nth-child(3n+4), .row .col-xs-3:nth-child(4n+5), .row .col-xs-2:nth-child(6n+7), .row .col-xs-1:nth-child(12n+13) { clear: left } @media(min-width:768px) { .row .col-xs-6:nth-child(2n+3), .row .col-xs-4:nth-child(3n+4), .row .col-xs-3:nth-child(4n+5), .row .col-xs-2:nth-child(6n+7), .row .col-xs-1:nth-child(12n+13) { clear: none } } @media(min-width:992px) { .row .col-sm-6:nth-child(2n+3), /* .row .col-sm-4:nth-child(3n+4), */ .row .col-sm-3:nth-child(4n+5), .row .col-sm-2:nth-child(6n+7), .row .col-sm-1:nth-child(12n+13) { clear: left; } .row .col-md-4:nth-child(3n+4) { clear: right; } } @media(min-width:1200px) { .row .col-md-2:nth-child(6n+7), .row .col-md-1:nth-child(12n+13) { clear: right; } /* .row .col-md-4:nth-child(3n+4),*/ .row .col-lg-6:nth-child(2n+3), .row .col-lg-4:nth-child(3n+4), .row .col-lg-3:nth-child(4n+5), .row .col-lg-2:nth-child(6n+7), .row .col-lg-1:nth-child(12n+13) { clear: left } } @media (min-width: 480px) and (max-width: 991px) { .row .col-md-6:nth-child(2n+3), .row .col-md-4:nth-child(2n+3), .row .col-md-3:nth-child(2n+4), .row .col-lg-6:nth-child(2n+3), .row .col-lg-4:nth-child(3n+4), .row .col-lg-3:nth-child(4n+5), .row .col-lg-2:nth-child(6n+7), .row .col-lg-1:nth-child(12n+13) { clear: none; } .col-md-1, .col-md-2, .col-md-3, .col-md-4 { clear: right; float: left; margin-right: 0; width: 49.99%; } .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-19, .col-md-11, .col-md-12 { width: 100%; } .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-19, .col-sm-11, .col-sm-12 { width: 100%; } } @media (max-width: 991px) { .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-19, .col-sm-11, .col-sm-12 { width: 100%; } } /* ---------------------------------------------------------------- Bootstrap row colums fixes -----------------------------------------------------------------*/ .row .col-xs-4:nth-child(3n+4), .row .col-xs-3:nth-child(4n+5), .row .col-xs-2:nth-child(6n+7), .row .col-xs-1:nth-child(12n+13) { clear: left } @media(min-width:768px) { .row .col-xs-6:nth-child(2n+3), .row .col-xs-4:nth-child(3n+4), .row .col-xs-3:nth-child(4n+5), .row .col-xs-2:nth-child(6n+7), .row .col-xs-1:nth-child(12n+13) { clear: none } } @media(min-width:992px) { .row .col-sm-6:nth-child(2n+3), /* .row .col-sm-4:nth-child(3n+4), */ .row .col-sm-3:nth-child(4n+5), .row .col-sm-2:nth-child(6n+7), .row .col-sm-1:nth-child(12n+13) { clear: left; } .row .col-md-4:nth-child(3n+4) { clear: right; } .offers-page .row .col-md-4:nth-child(3n+4) { clear: left!important; } } @media(min-width:1200px) { .row .col-md-2:nth-child(6n+7), .row .col-md-1:nth-child(12n+13) { clear: right; } /* .row .col-md-4:nth-child(3n+4),*/ .row .col-lg-6:nth-child(2n+3), .row .col-lg-4:nth-child(3n+4), .row .col-lg-3:nth-child(4n+5), .row .col-lg-2:nth-child(6n+7), .row .col-lg-1:nth-child(12n+13) { clear: left } } @media (min-width: 480px) and (max-width: 991px) { .row .col-md-6:nth-child(2n+3), .row .col-md-4:nth-child(2n+3), .row .col-md-3:nth-child(2n+4), .row .col-lg-6:nth-child(2n+3), .row .col-lg-4:nth-child(3n+4), .row .col-lg-3:nth-child(4n+5), .row .col-lg-2:nth-child(6n+7), .row .col-lg-1:nth-child(12n+13) { clear: none; } .col-md-1, .col-md-2, .col-md-3, .col-md-4 { clear: right; float: left; margin-right: 0; width: 49.99%; } .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-19, .col-md-11, .col-md-12 { width: 100%; } } /* ---------------------------------------------------------------- Scrolldown icon animation -----------------------------------------------------------------*/ .scrolldown-animation { animation: 1s ease-in-out 0s normal none infinite running scrolldown-keyframes; bottom: -40px; height: 40px; left: 50%; margin-left: -20px; position: absolute; width: 45px; z-index: 20; } @keyframes scrolldown-keyframes { 0%, 100% { transform: translateY(-8px); } 50% { transform: translateY(0px); } } @keyframes scrolldown-keyframes { 0%, 100% { transform: translateY(-8px); } 50% { transform: translateY(0px); } } /*animated background*/ .animated-background { animation: 120s linear 0s normal none infinite running animatedBackground; background-repeat: repeat-x; background-size: cover; } @keyframes animatedBackground { 0% { background-position: 0 0; } 100% { background-position: -3000px 0; } } @keyframes animatedBackground { 0% { background-position: 0 0; } 100% { background-position: -3000px 0; } } /*image block*/ .image-block { background-color: #f4f4f4; } .image-block .col-md-6 { padding: 60px; } .image-block-content { margin-bottom: 30px; padding: 0 50px; } .image-block-content .feature-icon { border-radius: 100%; color: #fff; display: inline-block; height: 60px; line-height: 60px; text-align: center; width: 60px; background-color: #eee; } .image-block-content .feature-icon i { font-size: 28px; margin-top: 16px; } .image-block-content .feature-content { padding-left: 85px; } .image-block-content .feature-content h3 { margin-bottom: 0; } .image-absolute { position: absolute; top: 0px; left: 0px; width: 426px; height: 556px; } /*hero headings*/ .heading-fancy-border { border: 15px solid #111; margin: 0 10%; padding: 60px 0px; } .text-light .heading-fancy-border { border-color: #fff !important; } /*hero heading 2*/ .hero-heading-2 { padding: 20px; background-color: #111; border-radius: 8px; } .hero-heading-2 > i { font-size: 160px; opacity: 0.1; position: absolute; right: 23px; top: 2px; } /*hero heading 3*/ .hero-heading-3 { background-color: #fff; border: 36px solid #fff; box-shadow: 0 0 0 1px #111 inset; color: #111; opacity: 0.7; padding: 72px; width: auto; margin: 40px; text-align: center; } .hero-heading-3 h2, .hero-heading-3 h3 { font-family: Figtree, sans-serif; text-transform: uppercase; font-size: 92px; text-align: center; margin: 0; line-height: 72px; } /*working-hours list*/ .working-hours ul { padding: 0; } .working-hours li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: inline-block; padding: 10px 0; width: 100%; } .working-hours li::before { content: ""; font-family: "Font Awesome\ 5 Free"; margin-right: 15px; } .working-hours li span { float: right; } .working-hours p { font-size: 13px; color: #111; } /*price menu list*/ .price-menu-list { padding: 0; list-style: none; } .price-menu-list li { margin-bottom: 40px; } .price-menu-list li > h2 { margin-bottom: 0; } .price-menu-list li > p { margin-bottom: 8px; opacity: 0.6; } .price-menu-list li > img { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 100px; height: 100px; float: left; } .banking-responsive { display: none;} .search-form { float: left; overflow: hidden; width: 240px;} .search-form .form-group { float: right !important; transition: all 0.35s, border-radius 0s; width: 0; z-index: 0; height: 89px; margin: -91px 0 0 0; background-color: #e8e8e8; } .search-form .form-group input.form-control { padding:0 60px 0 20px; border: 0 none; background: transparent; box-shadow: none; display:block; height: 100%; } .search-form .form-group input.form-control::-webkit-input-placeholder { display: none; } .search-form .form-group input.form-control:-moz-placeholder { /* Firefox 18- */ display: none; } .search-form .form-group input.form-control::-moz-placeholder { /* Firefox 19+ */ display: none; } .search-form .form-group input.form-control:-ms-input-placeholder { color:#e8e8e8; background-color: #e8e8e8; } .form-control::-ms-clear { width : 0; height: 0; } .search-form .form-group:hover, .search-form .form-group.hover { border-radius: 0; } .search-form .form-group.full-width { width: 100%;} .search-form .form-group:hover input.form-control { background: #e8e8e8;} .search-form .form-group:hover .form-control-feedback { background: transparent;} .search-form .form-group span.form-control-feedback { position: absolute; top: 0; right: 0; z-index: 999999; display: block; width: 74px; height: 100%; line-height: 34px; text-align: center; color: #399624; left: initial; font-size: 24px; padding: 23px 0; } #search-btn { cursor: pointer; float: right; height: 89px; padding: 30px 20px; position: relative; z-index: 999999 !important; } #sticky-social ul { padding: 0; height: 410px; display: table-cell; vertical-align: bottom; } #sticky-social ul li { list-style: none; margin: -3px 0; display: inline-block; transition: all 0.3s ease-in-out 0.3s; } #sticky-social { right: 0; position: fixed; top: 30%; z-index: 10; height: 410px; width:65px; } #sticky-social .mail-s, #sticky-social .link-s, #sticky-social .gplus-s, #sticky-social .twitter-s, #sticky-social .facebook-s { opacity: 0; position: relative; right: -70px; } #sticky-social:hover .facebook-s, #sticky-social:hover .mail-s, #sticky-social:hover .link-s, #sticky-social:hover .gplus-s, #sticky-social:hover .twitter-s { opacity: 1; right: 0; } #sticky-social a { background: rgba(255,255,255,0.8); color: #555555; display: table-cell; vertical-align: middle; height: 65px; font-size: 22px; line-height: 35px; position: relative; text-align: center; width: 65px; } #sticky-social a:hover { background:#399624; color: #fff;} #sticky-social a span { line-height: 35px; left: -120px; position: absolute; text-align:center; width:120px; } #sticky-social a:hover span { left: 100%; } .control { display: block; position: relative; padding-left: 30px; margin-bottom: 15px; cursor: pointer; font-size: 18px; } .control input { position: absolute; z-index: -1; opacity: 0; } .control__indicator { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background: #fff; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); } .control--radio .control__indicator { border-radius: 50%; } .control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator { background: #fff; } .control:hover .control__indicator:after { left: 7px; top: 7px; height: 6px; width: 6px; border-radius: 50%; background: #399624; display: block; } .control input:checked ~ .control__indicator { background: #fff; } .control input:disabled ~ .control__indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none; } .control__indicator:after { content: ''; position: absolute; display: none; } .control input:checked ~ .control__indicator:after { display: block; } .control--checkbox .control__indicator:after { left: 8px; top: 4px; width: 3px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .control--checkbox input:disabled ~ .control__indicator:after { border-color: #7b7b7b; } .control--radio .control__indicator:after { left: 7px; top: 7px; height: 6px; width: 6px; border-radius: 50%; background: #399624; } .control--radio input:disabled ~ .control__indicator:after { background: #7b7b7b; } .select { position: relative; display: inline-block; margin-bottom: 0; width: 100%; } .select select { display: inline-block; width: 100%; cursor: pointer; padding: 13.5px 8px; outline: 0; border: 0; border-radius: 0; background: #fff; color: #7b7b7b; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .select select::-ms-expand { display: none; } /* .select select:hover, .select select:focus { color: ; background: ; } */ .select select:disabled { opacity: 0.5; pointer-events: none; } .select__arrow { font-size: 22px; height: 0; pointer-events: none; position: absolute; right: 28px; top: 12px; width: 0; color: #cccccc; } /* ---------------------------------------------------------------- Sajid CSS -----------------------------------------------------------------*/ .more-detail-box { min-height: 120px; padding: 20px 0 10px; } .table-detail-sec { text-align:center; padding-bottom:30px; } .table-detail-sec p { text-transform:uppercase; font-size:12px; font-weight:bold; color:#000; margin:0; display:inline-block; width:100%; text-transform:uppercase; } .table-detail-sec a { background: #24604F none repeat scroll 0 0; color: #fff; display: inline-block; font-size: 12px; margin-top: 5px; padding: 8px 20px 10px; text-transform: uppercase; } .table-detail-sec a:hover { background: #399624 none repeat scroll 0 0; } .more-detail-box span { color: #fff; display: inline-block; font-size: 12px; padding: 11px 0; text-transform: capitalize; width: 100px; margin: 0 20px 5px; } .rubban { background: #5398b2; margin-bottom:5px; } .sundus { background: #c97eb4; } .dropdown-menu { padding-top:50px; padding-bottom:40px; margin-top:0; } .dropdown-menu ul { list-style:none; padding:0; } .dropdown-menu ul li { margin-bottom: 10px; } .dropdown-menu ul li a { color:#222222; } .dropdown-menu ul li a:hover { color:#399624; } .dropdown-menu .menu-btn { padding:4px 20px; color:#24604F; border:2px solid #24604F; display:inline-block; text-transform:uppercase; font-size:12px; margin-top:5px; } .dropdown-menu.menu-btn:hover { border:2px solid #d9d9d9; background:#179f61; color:#fff; } .dropdown-menu .nav-heading img { margin-top: -5px; } .dropdown-menu .border-right { border-right:1px solid #f0f0f0 } .dropdown-menu .min-height { min-height:630px; } .dropdown-menu .padding-left { padding-left:46px; } .spacer { padding:35px 0 30px; display:inline-block; width:100%; } .spacer .border-divider { background:#f0f0f0; height:1px; float:left; width:100%; } .dropdown-menu .nav-heading { font-size:18px; color:#399624; text-transform:uppercase; font-weight:500; } .dropdown-menu .nav-heading i { display: inline-block; margin-right: 10px; width: 34px; } .dropdown-menu .nav-heading a { color: #399624;} .dropdown-menu .nav-heading a:hover { color: #399624;} .accordion-home .ac-content { background-clip: padding-box; background-color: #fff; border: 7px solid #399624; border-top:0; border-radius: 0; float: left; font-size: 14px; padding: 25px 0 50px; width: 100%; z-index: 1000; text-align:center !important; } .accordion-home .ac-content .accordion-width { display: inline-block; max-width: 1550px; width: 1550px; } .accordion-home .ac-content .accordion-width .col-md-2 { padding:0; } .accordion-home .ac-content .accordion-width h3 { font-size:13px !important; color:#333333; text-transform:uppercase; } .accordion-home .icon-box.large .icon { background:none; border:2px solid #399624; width:90px; height:85px; overflow:hidden; } .accordion-home .icon-box.large .icon:hover { background:#399624 } .accordion-home .icon-box .icon a, .accordion-home .icon-box .icon i { width:90px; height:90px; } .accordion-home .accordion-home .icon-box .icon a { position: relative; } .accordion-home .icon-box.large .icon:hover { clip: rect(100px, 150px, 200px, 0px); top: 0px; } .accordion-home .icon-box.large .icon:hover img { top:-49px; } .accordion-home .icon-box.large .icon img { clip: rect(0px, 150px, 140px, 0px); left: 17px; position: absolute; top: 10px; } .tailor-items a:hover img { top:10px; } .tailor-items a i img { clip: rect(0px, 150px, 140px, 0px); left: 17px; position: absolute; top: -90px; } .tailor-items { float:left; width:100%; margin-top:40px; } .tailor-items h3 { color: #24604F !important; width:100%; display: inline-block; font-size: 14px !important; text-transform:uppercase; margin-bottom:25px; } .tailor-items a { position: relative; overflow: hidden; display:inline-block; border:2px solid #24604F; text-transform:uppercase; font-size:18px; padding:18px 25px 18px 55px; color:#24604F; } .tailor-items a:hover { border:2px solid #24604F; color:#fff; background: #24604F; } .tailor-items a i { margin-right:10px; } @media (min-width: 320px) and (max-width: 1550px) { .accordion-home .ac-content .accordion-width { width: auto !important; } } .responsive-contacts { display:none; } @media (min-width: 320px) and (max-width: 767px) { .heading { margin:0; } .heading h2 { font-size:13px; margin-bottom:0; } .parallax { display:none; } .post-description a.read-more { font-size: 10px; padding: 4px 15px; text-align: center; width: 50%; } .p-b-50 { padding-bottom: 10px !important; } .col-md-6 { float: left; width: 100%; } /**.post-content-details { padding: 30px 20px; }*/ .post-content-details { padding: 15px 10px; } .post-item p { display:block; } .post-item .post-title h3 { line-height: 24px; } .post-title a { font-size: 18px; } .fb-post { background-color: #3673b4; } .post-item-fb .post-title a { } .post-item-fb .post-description p { } .post-item-fb .post-content-details { } .fb-post.tw-post { background-color: #39b4e0; } .fb-post.tw-post p:last-child { margin-top:5px; } .post-item-fb .post-image { } .post-image img { height: auto; width: 80%; } .footer-contcs { display:none; } .responsive-contacts { display:block; background:#1bb05c; margin-top:30px; } .responsive-contacts .row { border-bottom:2px solid #fff; margin:0 -20px; padding:0 5px; } .responsive-contacts .media-heading { color: #fff; display: table-cell; font-size: 17px; height: 43px; line-height: 21px; text-transform: uppercase; vertical-align: middle;} .responsive-contacts .media { margin: 20px 0 !important; } .responsive-contacts .media-left { padding-right:20px; } .background-dark-green { display:none; } .footer-content { padding-bottom:0; } .footer-content .col-md-6 { display: none; } .list-lines li { border:0; } .list.list-lines a { font-size: 15px; text-transform: uppercase; } .background-green { background-color: #0c7749 !important; } } @media (min-width: 320px) and (max-width: 479px) { .blog-card { margin: -70px 0 0; } .post-description .post-info a.read-more { font-size:9px !important; } } .cc-main .inner-slide .slider-content { width: auto; } .cc-main .inner-slide .slider-content { padding: 41rem 0 0 !important; } .cc-main .accordion .ac-item .ac-title img { margin: -3px 5px 3px; } .guaid-line h2 { color: #333333; font-size: 36px; font-weight: 100; margin: 0; text-transform: uppercase; } .guaid-line h4 { color:#399624; font-size:24px; } .guaid-line a { background: #444444; color: #fff; display: inline-block; font-size: 12px; margin-top: 5px; padding: 6px 18px; text-transform: uppercase; } .guaid-line a:hover {background: #363636;} .whole a { background:#24604F; } .whole a:hover { background:#399624; } .cc-main .product .post-item { background:#f5f5f5; margin-bottom:20px; } .cc-main .product .g-post-item { background:#399624; box-shadow: none; } .cc-main .product .g-post-item .post-content-details { height: auto !important; padding: 37px 50px; } .g-post-item .post-title h3 a { color: #fff;} .cc-main .product .g-post-item p { color: #fff; font-size: 16px !important; margin: 0;} .cc-main .product .post-content-details { padding:50px 50px; } .cc-main .product .post-item .post-title h3 { margin-bottom:20px } .cc-main .product .post-item p { font-size:18px; margin-bottom:20px; font-weight: 300; } .cc-main .product .post-description a.read-more { position:static; } .cc-main .product.post-info { margin:0; } .cc-main .product .post-description a.read-more { background: #fff; border: 2px solid #24604F; color: #24604F; font-size: 12px; padding: 8px 35px; position: static; } .cc-main .product .post-description a.read-more:hover { background: #24604F; color:#fff; } .cc-main .post-sub { padding: 11px 10px; } .cc-main .post-sub1 { background:#5398b2; } .cc-main .post-sub2 { background:#c97eb4; top: 67px; } .cc-main .product .post-image { position:relative; } .cc-main .product .post-image .card { bottom: 12px; position: absolute; right: -40px; } /*z-index:;*/ .cc-main .product .post-content-details{ height:338px; display: table-cell; vertical-align: middle; } .cc-main .product .post-content-details .card { bottom: 12px; position: absolute; right: -40px; z-index:1; } .cc-main .parallax .post-item { background:#fff; } .cc-main .parallax .product .post-content-details { min-height: 330px; } .green-bg { background:#399624; padding: 30px 20px; } .green-bg .left-sec { margin:49px 0; padding-left: 0; float: left; } .green-bg .left-sec h4 { font-size:16px; color:#fff; text-transform:uppercase; margin:0; } .green-bg .left-sec h2 { font-size:28px; color:#fff; text-transform:uppercase; margin: 0; } .cc-main .green-bg .icon-box.large .icon { background:#fff; width:130px; height:130px; } .cc-main .green-bg .icon-box .icon a, .green-bg .icon-box .icon i { width:130px; height:130px; } .cc-main .txt-cc { color: #fff; } .cc-main .tab-pane .post-content-details { min-height: 233px; } .cc-main .read-more.active { background: #24604F !important; color: #fff !important; padding:8px 20px !important; } .cc-main .read-more { } .cc-main .read-more.active:hover { background: #fff !important; color: #24604F !important; } .ct-googleMap--selectContainer { display: block; } .ct-googleMap--searchContainer { display: block;} .map-filter .background-dark-green { padding: 25px 0 !important; height: auto; overflow: inherit; z-index: 100; } .form-control::-moz-placeholder { color:#000; } .background-dark-green input { font-size:16px; } .application-en { margin: 0; width: 100%;} .banking-tier-promo {} .banking-tier-promo .jumbotron { background-color:#1074a8; background-image: none; } .banking-tier-promo .action-small { color: #fff; text-transform: uppercase;} .banking-tier-promo .jumbotron h3, .banking-tier-promo .jumbotron p { color: #fff; text-transform: uppercase;} .banking-tier-promo .jumbotron p { font-weight:400; } .banking-tier-promo .button.green-dark { background: transparent; border: 2px solid #fff; color: #fff;} .banking-tier-promo .jumbotron > img { margin: -90px 20px 0 0;} .eligibility .tabs-navigation li a { background: #f7f7f7;} .eligibility .icon-prodct { position: absolute; left: 10px; top: 10px;} .eligibility .icon-prodct img { width: auto; margin: -4px 0 0 0;} .eligibility .icon-prodct-inner { background: #000 none repeat scroll 0 0; border-radius: 50%; display: table-cell; height: 35px; text-align: center; vertical-align: middle; width: 35px; } .search-bar button:hover { background: #333333; color: #fff ; } .eligibility .blog-card { bottom: -10px; right: 10px;} .fit-prdct .read-more { background: #24604F ; font-size: 14px; color: #fff; padding: 5px 40px; margin: -4px 0 0 0; float: right; position: absolute;right: 0;} .fit-prdct .read-more:hover { background: #fff; color:#24604F;} .fit-prdct .main-prdct-heading { color: #fff; font-size: 24px; text-transform: uppercase; font-weight: 400;} .fit-prdct { padding: 40px 0; background: #399624 ;} .ety-slider .slider-content { padding: 46rem 0 0 !important;} .services-in { background:#399624; padding: 30px 40px; } .services-in h3 { color:#fff; font-size: 22px; font-weight: 700; margin: 0 0 20px 0; text-transform: none; } .services-in p { color:#fff; font-size: 16px; font-weight: 400; } .sub-serv { color: #399624; font-weight: 400; font-size: 18px;} .other-services .related-pro-outer h3 { margin: 0 0 5px 0;} .cc-main .tab-pane .mre-prdcts { min-height: 310px;} .lend-prdcts { min-height: 200px;} .cc-main .fin-slider .slider-content { padding: 46rem 0 0 !important;} .cc-main .tab-pane .post-content-details.smp-content { min-height:240px; } .dropdown-menu .menu-btn:hover { background:#399624; color:#fff; } .cc-main.pb-main .dropdown-menu .menu-btn:hover { background:#AA9F8E; color:#fff; } .poll-kfh .radio { float: left;} .poll-kfh .checkbox + .checkbox, .poll-kfh .radio + .radio { margin-top: 10px; } .poll-kfh { background: #BBB2A5 url("../images/kuwait/poll-bg.png") repeat scroll center center; border: 3px solid #b7985b; padding: 25px 40px 0; } .poll-kfh .checkbox label, .poll-kfh .radio label { float: left; margin: 0 19px 0 0; font-size: 17px;} .poll-heading { font-size:24px; font-weight: 300; margin: 0 0 30px 0; } .poll-heading span { color: #b29e58; font-weight: 700;} .poll-kfh .control__indicator { border:1px solid #817041; box-shadow: none;} .poll-kfh .control--radio .control__indicator::after, .poll-kfh .control:hover .control__indicator::after { background: #b29e58; left: 6px; top: 6px; } .voters { background: #444444; float: right; padding: 5px 30px; text-align: center; margin: 0 -39px 9px 0; clear: right; width: 210px;} .voters p { color: #399624; font-size: 16px; margin: 0;} .voters span { color: #fff; font-size: 16px; font-weight: 700; margin: 0;} .life-style-en h4 { margin: 0 0 30px; } .life-style-en .list-unstyled li p { font-weight: 300; padding: 0 0 0 20px; } .table-inner { width: 100%; } .table-inner tr th { text-align: center; background: #399624; color: #fff; } .table-inner tr th, .table-inner tr td { padding: 10px 0; border: 1px solid rgba(0, 0, 0, 0.1);} .table-inner tr td { padding: 10px 10px;} .table-inner tbody tr:nth-of-type(2n+1) { background: #e8e8e8; } .table-inner tbody tr { background: #fff; } .note-ip { padding: 30px 0 0 0; } .note-ip p { color: #fff; } .note-ip p span { width: 40px; float: left; } .faq-links ul li span:hover { cursor:pointer; } .faq-links ul li.active span i:before { content: "\f0d7" !important; } .survey-kfh .checkbox-label input, .poll-kfh .checkbox-label input { display: none; } .survey-kfh .checkbox-label span, .poll-kfh .checkbox-label span { background: rgba(0, 0, 0, 0) url("../images/material/images/uncheck-lab.png") repeat scroll 0 0; float: left; height: 18px; margin: 3px 10px 0 0; width: 18px; } .survey-kfh .checkbox-label input:checked + span, .poll-kfh .checkbox-label input:checked + span { background: rgba(0, 0, 0, 0) url("../images/material/images/checked-lab.png") repeat scroll 0 0; } .poll-kfh .checkbox-label { margin: 0 20px 0 0; cursor: pointer; } .poll-kfh .vote-btn { vertical-align: middle; padding: 30px 0 0 0; width:100%; text-align: center; float: left; text-align: left; } .poll-kfh .vote-btn .button.green-dark { width: auto; display: inline-block; background: #b29e58; border-color: #b29e58; text-align: center; padding: 20px 50px; } .poll-kfh .vote-btn .button.green-dark:hover { color: #b29e58; background: #fff; } .poll-kfh .vote-btn .button.green-dark span { } .modal-backdrop.fade.in { z-index:999998 !important } .financing-boxes .post-content-details { min-height: 200px; padding: 30px 40px 0; } /* New CSS for home v2*/ .v2 .owl-item h6, .v2 .owl-item h2 { background: transparent; color: #399624 !important; padding: 4px 0; text-shadow: 0px 0px 1px #000, 0 1px 1px #000, 0 0px 0px #000 } .v2 .login-tp.topbar-dropdown .title { padding: 24px 20px 18px; } .v2 .login-tp { color: #399624; background: #fff; } .v2 .topbar-dropdown .dropdown-list { background: #fff; } .v2 .topbar-dropdown .list-entry { color: #399624; } .v2 .topbar-dropdown .list-entry i { border-color: #399624; } .v2 .post-description a.read-more { background: #fec33e none repeat scroll 0 0; color: #000; } .v2 .accordion.clean .ac-item .ac-title { background: #fff; } .v2 .accordion .ac-title { color: #399624; } .v2 .button.green-dark { background: #fff; color: #000; } .v2 .post-description a.read-more:hover { background: #fff; } .v2 .accordion-home .ac-content { border-style: none; } .useful-links .list-unstyled li { color:#0e7240; font-size: 18px; } .useful-links .list-unstyled li i { margin: 0 10px 0 0; float: left; font-size: 26px; color: #399624; } .kfh-dynamic-form div.checkbox { margin-top: 0; } .kfh-dynamic-form .checkbox-inline, .radio-inline { padding-left: 0; } #left-contact .kfh-dynamic-form .radio { float: none; } .kfh-dynamic-form .control--radio .control__indicator:after, .kfh-dynamic-form .control--checkbox .control__indicator:after{ left: 7px; top: 7px; height: 6px; width: 6px; border-radius: 50%; background: #399624; } .kfh-dynamic-form .control--radio input:disabled ~ .control__indicator:after, .kfh-dynamic-form .control--checkbox input:disabled ~ .control__indicator:after { background: #7b7b7b; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { line-height: normal; } }