@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500&display=swap');
/*
Theme Name: Vega
Theme URI: https://www.lyrathemes.com/vega/
Author: Lyra Themes
Author URI: https://www.lyrathemes.com/
Description: Vega is a clean, minimal, responsive one page business theme. This simple theme can be used for a personal blog, business website, landing page, business portfolio, or any other creative website. Using Vega to create your new website will be a fast and easy experience, without getting overwhelmed with needless settings and choices. This multipurpose theme is built on the Bootstrap framework making it fully responsive and mobile friendly. This one page theme can also be used to set up a single page (one page) website. It has animated content, three pre-built color choices (orange, blue, and green), text and image logo options, full screen image banner, multiple home page displays, multiple blog feed displays, and custom CSS options. The one page home page displays the banner, welcome content, featured pages, two call to action rows with an optional parallax background effect, recent posts, and an open content row. You can set the background color for each front page section, and control the filter/overlay color for the CTA sections and front page banner too! Vega has been tested with WooCommerce and has basic WooCommerce support/integration. This simple business theme can also be used to create multilanguage websites (tested using qTranslateX). Backed by world class, one-on-one support, Vega is featured-packed yet simple enough to be used to create almost any kind of website.
Version: 3.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vega
Domain Path: /languages/
Tags: one-column, two-columns, right-sidebar, grid-layout, flexible-header, custom-header, custom-colors, custom-menu, featured-image-header, featured-images, footer-widgets, full-width-template, theme-options, translation-ready, blog, news, portfolio
*/
@font-face {
  font-family: gm-1;
  src: url(../fonts/gm-font.ttf);
}
@font-face {
  font-family: gm-2;
  src: url(../fonts/gm-font-2.ttf);
}



body { font-size: 18px;     font-family: gm-1; line-height: 1.4; color: #333; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-image:url(../images/background.jpg); }
h1, h2, h3, h4, h5, h6 { margin: 0px 0px 15px 0px; color: #024; font-weight: 500;
font-family: gm-1;
}
h1 { font-size: 32px; line-height: 44px; letter-spacing: -1px; }
h2 { font-size: 24px; line-height: 32px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; line-height: 1.6; }
p { margin: 0 0 15px; line-height:25px; font-weight: 400; }
ul, ol { }
ul li, ol li { line-height: 1.8; list-style: none; }
a { color: #D8231A; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a:focus, a:hover { text-decoration: none; color: #D8231A; }
strong {     font-weight: 600;}
blockquote { padding: 10px 20px; margin: 0 0 0px; font-size: 21px; border-left: 5px solid #eff1f4; color: #414346; font-style: italic; line-height: 35px; font-family: 'Merriweather', serif; font-weight: 700; }
blockquote.alignright { max-width: 50%; }
blockquote.alignleft { max-width: 50%; }
::selection { background: #ffecb3; color: #333; }
*, *::before, *::after { transition: all .3s ease-in-out; }
.text-highlight { color: #ffecb3; }
.highlight { color: #f51f8a; }
.italic { }
.small-text { }
.listnone { list-style: none; margin: 0px 0px 20px 0px; padding: 0; }
.required { color: red }
.lead { color: #F15922; line-height: 27px; font-size: 24px; }
.lead-strong { }
.section-title { }
.text-white { color: #fff; }
.title-white { color: #fff; }
.title { color: #000; font-size:18px; }

/*-----------------------------------
Space css class
-----------------------------------*/

/*----------------
margin space
-----------------*/

.mb0 { margin-bottom: 0px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb60 { margin-bottom: 60px; }
.mb80 { margin-bottom: 80px; }
.mb100 { margin-bottom: 100px; }
.mt0 { margin-top: 0px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt60 { margin-top: 60px; }
.mt80 { margin-top: 80px; }
.mt100 { margin-top: 100px; }

/*----------------
less margin space from top
-----------------*/
.mt-20 { margin-top: -20px; }
.mt-40 { margin-top: -40px; }
.mt-60 { margin-top: -60px; }
.mt-80 { margin-top: -80px; }

/*---------------
Padding space
-----------------*/
.nopadding { padding: 0px; }
.nopr { padding-right: 0px; }
.nopl { padding-left: 0px; }
.pinside10 { padding: 10px; }
.pinside20 { padding: 20px; }
.pinside30 { padding: 30px; }
.pinside40 { padding: 40px; }
.pinside50 { padding: 50px; }
.pinside60 { padding: 60px; }
.pinside80 { padding: 80px; }
.pdt10 { padding-top: 10px; }
.pdt20 { padding-top: 20px; }
.pdt30 { padding-top: 30px; }
.pdt40 { padding-top: 40px; }
.pdt60 { padding-top: 60px; }
.pdt80 { padding-top: 80px; }
.pdb10 { padding-bottom: 10px; }
.pdb20 { padding-bottom: 20px; }
.pdb30 { padding-bottom: 30px; }
.pdb40 { padding-bottom: 40px; }
.pdb60 { padding-bottom: 60px; }
.pdb80 { padding-bottom: 80px; }
.pdl10 { padding-left: 10px; }
.pdl20 { padding-left: 20px; }
.pdl30 { padding-left: 30px; }
.pdl40 { padding-left: 40px; }
.pdl60 { padding-left: 60px; }
.pdl80 { padding-left: 80px; }
.pdr10 { padding-right: 10px; }
.pdr20 { padding-right: 20px; }
.pdr30 { padding-right: 30px; }
.pdr40 { padding-right: 40px; }
.pdr60 { padding-right: 60px; }
.pdr80 { padding-right: 80px; }
.x { }
.y { padding-top: 220px; }

/*---------------
Section Space
* Section space help to create top bottom space. 
*
-----------------*/
.section-space20 { padding-top: 20px; padding-bottom: 20px; }
.section-space40 { padding-top: 40px; padding-bottom: 40px; }
.section-space60 { padding-top: 60px; padding-bottom: 60px; }
.section-space80 { padding-top: 80px; padding-bottom: 80px; }
.section-space100 { padding-top: 100px; padding-bottom: 100px; }
.section-space120 { padding-top: 120px; padding-bottom: 120px; }
.section-space140 { padding-top: 140px; padding-bottom: 140px; }

/*-----------------------------------------
Background & Block color 
------------------------------------------*/
.bg-light { background-color: #fafcfd; }
.bg-primary { background-color: #eff1f4; color: #778191; }
.bg-default { background: -moz-linear-gradient( -45deg, rgba(31, 43, 112, 1) 0%, rgba(31, 43, 112, 0.9) 47%, rgba(148, 58, 158, 0.9) 100% );
background: -webkit-linear-gradient( -45deg, rgba(31, 43, 112, 1) 0%, rgba(31, 43, 112, 0.9) 47%, rgba(148, 58, 158, 0.9) 100% );
background: linear-gradient( 135deg, rgba(25, 46, 167, 1) 0%, rgba(24, 40, 134, 0.9) 47%, rgba(148, 58, 158, 0.9) 100% );
    background-size: auto;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e61f2b70', endColorstr='#e6943a9e', GradientType=1); }
.bg-white { background-color: #fff; }
.outline { border: 1px solid #dee4ee; }
.link-title { }
.small-title { font-size: 14px; color: #778191; font-weight: 500; }
.big-title { font-size: 36px; font-weight: 600; color: #15549a; }
.capital-title { text-transform: uppercase; font-size: 16px; font-weight: 600; }
.bdr-btm { }
.green-text { }
.bg-boxshadow { -webkit-box-shadow: 0px 4px 16px 3px rgba(213, 221, 234, .5); -moz-box-shadow: 0px 4px 16px 3px rgba(213, 221, 234, .5); box-shadow: 0px 4px 16px 3px rgba(213, 221, 234, .5); }
.bg-gradient { position: relative;    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1f2b70+0,1f2b70+47,943a9e+100&0.9+0,0.9+100 */ background: -moz-linear-gradient(-45deg, rgba(31, 43, 112, 1) 0%, rgba(31, 43, 112, 1) 47%, rgba(148, 58, 158, 1) 100%);    /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(31, 43, 112, 0.9) 0%, rgba(31, 43, 112, 0.9) 47%, rgba(148, 58, 158, 0.9) 100%);    /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(31, 43, 112, 0.9) 0%, rgba(31, 43, 112, 0.9) 47%, rgba(148, 58, 158, 0.9) 100%);    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e61f2b70', endColorstr='#e6943a9e', GradientType=1);    /* IE6-9 fallback on horizontal gradient */ }
.well-box { background-color: #fff; padding: 30px; border-radius: 4px; }

/* Update 16 june 2017*/

/*-----------------------------------------
Buttons
------------------------------------------*/
.btn { font-size: 14px; border-radius: 2px; line-height: 12px; letter-spacing: 1px; text-transform: uppercase; padding: 20px 30px; border: none; font-weight: 600; }
.btn-default { background-color: #D8231A; color: #fff; border-color: #D8231A; }
.btn-default:hover { color: #fff; background-color: #d4aa0a; border-color: #d4aa0a; }
.btn-default.focus, .btn-default:focus { color: #fff; background-color: #d5504f; border-color: #c64241; }
.btn-primary { background-color: #15549a; color: #fff; }
.btn-primary:hover { color: #fff; background-color: #2573cb; }
.btn-primary.focus, .btn-primary:focus { }
.btn-secondary { background-color: #778191; color: #fff; }
.btn-secondary:hover { background-color: #f51f8a; color: #fff; }
.btn-outline {
  color: #fff;
  background-color: red;
  padding: 17px 28px;
}.btn-outline:hover { border: 2px solid #dee4ee; color: #6a7a94; background-color: #dee4ee; }
.btn-lg { padding: 25px 50px; font-size: 18px; text-align: center; }
.btn-sm { padding: 15px 20px; font-size: 12px; text-align: center; }
.btn-xs { padding: 4px 8px; font-size: 10px; }
.btn-link { color: #fff; font-weight: 500; padding-bottom: 4px;  display: inline-block; background-color: #D8231A;
color: #ffffff; font-size:15px; padding:10px 25px; border-radius: 30px; }
.btn-link:hover{ background-color: #ffffff; text-decoration:none;
color: #D8231A;}
.btn-link-white { }
.btn-link-white:hover { }
.btn-link-orange { }
.btn-link-white:hover { }



.bg-light { background-color: #fafcfd; }
.bg-primary { background-color: #eff1f4; color: #778191; }
.bg-default { background-color: #15549a; color: #87c0ff; }
.bg-white { background-color: #fff; }
.bg1 { background-color: #fcc82c; }
.bg2 { background-color: #efeca2; }
.bg3 { background-color: #ebeabf; }
.bg4 { background-color: #b7e278; }
.bg5 { background-color: #fed52b; }
.bg6 { background-color: #fae5e3; }
.bg7 { background-color: #ffaac7; }
.bg8 { background-color: #ffe29e; }
.bg9 { background-color: #ffb240; }
.bg10 { background-color: #fabe81; }
.bg11 { background-color: #ffc8ba; }
.bg12 { background-color: #f3f9fe; }


/*-----------------------------------------
Input Form
------------------------------------------*/
label { }
.control-label { text-transform: uppercase; color: #3c4d6b; font-size: 13px; font-weight: 600; }
.form-control {
  width: 100%;
  height: 42px;
  padding: 6px 16px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #000;
  background-image: none;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
  box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
  margin-bottom: 10px;
  border: 1px solid #cfcfcf;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #fff; }
.form-control:focus { }
.required { color: red }
textarea.form-control { border-radius: 2px; height: auto; }
select { -webkit-appearance: none; background-color: #fff; }

/*-----------------------------------------
content
------------------------------------------*/
.content { padding-bottom: 40px; padding-top:40px; }
.content-area { }
.sidebar-area { }
.wrapper-content { position: relative; z-index: 11; }

/*-----------------------------------------
Bullet
------------------------------------------*/
.bullet { position: relative; padding-left: 25px; line-height: 32px; }
.bullet-arrow-circle-right li:before { font-family: 'FontAwesome'; display: block; position: absolute; left: 0; font-size: 15px; color: #919297; content: "\f18e"; }
.bullet-arrow-right li:before { font-family: 'FontAwesome'; display: block; position: absolute; left: 0; font-size: 15px; color: #747474; content: "\f101"; }
.bullet-check-circle li:before { font-family: 'FontAwesome'; display: block; position: absolute; left: 0; font-size: 15px; color: #fff; content: "\f05d"; }
.bullet-check-circle-default li:before { font-family: 'FontAwesome'; display: block; position: absolute; left: 0; font-size: 15px; color: #10a874; content: "\f05d"; padding-right: 4px; }

/* update 16 june 2017 */
.list-pdf-file li:before { font-family: 'FontAwesome'; display: block; position: absolute; left: 0; font-size: 15px; color: #ec4e10; content: "\f1c1"; padding-right: 4px; }
.list-pdf-file li a { color: #104b8c; text-decoration: underline; font-weight: 500; }
.list-pdf-file li a:hover { color: #f51f8a; }

/*-----------------------------------------
icon
------------------------------------------*/
.icon { }
.icon-1x { font-size: 24px; }

/* default icon size of font*/
.icon-2x { font-size: 48px; }
.icon-4x { font-size: 68px; }
.icon-6x { font-size: 88px; }
.icon-8x { font-size: 108px; }
.icon-default { color: #D8231A; font-size:50px !important; }
.icon-primary { color: #15549a; }
.icon-secondary { color: #bcbcbc; }
.dark-line { border-top: 2px solid #192ea7; }

/*-------- updated v 1.0.2 -------*/
.fa-primary{}
.fa-default{color: #f51f8a;}
.fa-success{color: #6eb232;}

/*-----------------------------------------
top bar
------------------------------------------*/

.header-topbar {
  padding-top: 7px;
  padding-bottom: 0px;
  background:#D8231D;
  font-size: 19px;
  color: #fff;
  font-weight: 500;
}
.header-topbar p{ margin-bottom:0px;}

.top-bar { padding-top: 10px; padding-bottom: 10px; background-color: #f0f0f0; font-size: 12px;  font-weight: 500; text-transform: uppercase; }
.top-text { padding-left: 20px; line-height: 1.6; }
.top-text a { color: #83bcfa; }
.top-text a:hover { color: #fff; }
.search-nav { margin-top: 10px; text-align: center; }
.search-btn { border-radius: 50%; width: 30px; height: 30px; padding: 5px 0px 0px 0px; margin-top: 7px; color: #7e93ae; background-color: #eff3f8; display: inline-block; }
.searchbar { }
.search-area { padding: 30px; }
.header { padding-top: 10px; padding-bottom: 10px; position: relative; z-index: 99;background-color: #fff;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);}
.logo img {
  max-width: 176px;
  padding-top: 10px;
  margin-bottom: 15px;
}
.navigation-wide { background-color: #15549a }
.navigation-wide #navigation { margin-top: 0px; float: left; background-color: #15549a; }
#navigation, #navigation ul, #navigation ul li, #navigation ul li a, #navigation #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#navigation:after, #navigation > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#navigation #menu-button { display: none; }
#navigation { float: right; margin-top: 8px; position: relative; z-index: 99; }
#navigation > ul > li { float: left; }
#navigation.align-center > ul { font-size: 0; text-align: center; }
#navigation.align-center > ul > li { display: inline-block; float: none; }
#navigation.align-center ul ul { text-align: left; }
#navigation.align-right > ul > li { float: right; }
#navigation > ul > li > a { padding: 16px 15px; font-size: 20px; text-decoration: none; color: #333; font-weight: 200;  }
#navigation > ul > li:hover > a { color: #e11e25; }
#navigation > ul > li.has-sub > a { padding-right: 30px; }




/*#navigation > ul > li.has-sub > a:after {position: absolute; top: 22px; right: 11px; width: 8px; height: 2px;
display: block; background: #dddddd; content: '';}*/
#navigation > ul > li.has-sub > a:before { position: absolute; right: 14px; font-family: FontAwesome; content: "\f107"; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; top: 8px; }
#navigation ul ul li a .badge{font-size: 10px;background: #f51f8a; padding: 1px 7px;}
/*#navigation > ul > li.has-sub:hover > a:before {top: 23px; height: 0;}*/
#navigation ul ul { position: absolute; left: -9999px; }
#navigation.align-right ul ul { text-align: right; }
#navigation ul ul li { height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
#navigation li:hover > ul { left: auto; background:rgba(255, 255, 255, 0.9) }
#navigation.align-right li:hover > ul { left: auto; right: 0; }
#navigation li:hover > ul > li { height: 30px; }
#navigation ul ul ul { margin-left: 100%; top: 0; }
#navigation.align-right ul ul ul { margin-left: 0; margin-right: 100%; }
#navigation ul ul li a {
  border-bottom: 1px solid rgb(209, 209, 209);
  padding: 7px 15px 7px 15px;
  width: 280px;
  font-size: 17px;
  text-decoration: none;
  color: #000000;
  font-weight: 400;
}
#navigation ul ul li:last-child > a, .navigation ul ul li.last-item > a { border-bottom: 0; }
#navigation ul ul li.has-sub > a:after { position: absolute; top: 20px; right: 11px; width: 8px; height: 2px; display: block; background: #66707f; content: ''; }
#navigation.align-right ul ul li.has-sub > a:after { right: auto; left: 11px; }
#navigation ul ul li:hover > a, #navigation ul ul li a:hover {
  color: #f9f9f9;
  background-color: #D8231A;
}
#navigation ul ul li.has-sub > a:before { position: absolute; top: 17px; right: 14px; display: block; width: 2px; height: 8px; background: #66707f; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
#navigation.align-right ul ul li.has-sub > a:before { right: auto; left: 14px; }
#navigation ul ul > li.has-sub:hover > a:before { top: 17px; height: 0; }
#navigation.small-screen { width: 100%; }
#navigation.small-screen ul { width: 100%; display: none; }
#navigation.small-screen.align-center > ul { text-align: left; }
#navigation.small-screen ul li { width: 100%; border-top: 1px solid rgba(223, 229, 237, 0.9); }
#navigation.small-screen ul ul li, #navigation.small-screen li:hover > ul > li { height: auto; }
#navigation.small-screen ul li a, #navigation.small-screen ul ul li a { width: 100%; border-bottom: 0; }
#navigation.small-screen > ul > li { float: none; }
#navigation.small-screen ul ul li a { padding-left: 25px; }
#navigation.small-screen ul ul ul li a { padding-left: 35px; }
#navigation.small-screen ul ul li a { color: #66707f; background: none; }
#navigation.small-screen ul ul li:hover > a, #navigation.small-screen ul ul li.active > a { color: #f51f8a; }
#navigation.small-screen ul ul, #navigation.small-screen ul ul ul, #navigation.small-screen.align-right ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; }
#navigation.small-screen > ul > li.has-sub > a:after, #navigation.small-screen > ul > li.has-sub > a:before, #navigation.small-screen ul ul > li.has-sub > a:after, #navigation.small-screen ul ul > li.has-sub > a:before { display: none; }
#navigation.small-screen #menu-button { display: block; padding: 16px 0px; color: #f51f8a; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; border-top: 1px solid #e2e7ee }
#navigation.small-screen #menu-button:after {
  position: absolute;
  top: 3px;
  right: 30px;
  display: block;
  height: 18px;
  width: 30px;
  border-top: 4px solid #21195e;
  border-bottom: 4px solid #21195e;
  content: '';
}
#navigation.small-screen #menu-button:before { position: absolute; top: 16px; right: 0px; display: block; height: 2px; width: 20px; background: #21195e; }
#navigation.small-screen #menu-button.menu-opened:after { top: 23px; border: 0; height: 2px; width: 15px; background: #21195e; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#navigation.small-screen #menu-button.menu-opened:before { top: 23px; background: #21195e; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#navigation.small-screen .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(223, 229, 237, 0.9); height: 46px; width: 46px; cursor: pointer; }
#navigation.small-screen .submenu-button.submenu-opened { background: #D8231A; }
#navigation.small-screen ul ul .submenu-button { height: 34px; width: 34px; }
#navigation.small-screen .submenu-button:after { position: absolute; top: 18px; right: 19px; width: 8px; height: 2px; display: block; background: #fff; content: ''; }
#navigation.small-screen ul ul .submenu-button:after { top: 15px; right: 19px; }
#navigation.small-screen .submenu-button.submenu-opened:after { background: #ffffff; }
#navigation.small-screen .submenu-button:before { position: absolute; top: 15px; right: 22px; display: block; width: 2px; height: 8px; background: #fff; content: ''; }
#navigation.small-screen ul ul .submenu-button:before { top: 12px; right: 22px; }
#navigation.small-screen .submenu-button.submenu-opened:before { display: none; }
#navigation.small-screen.select-list { padding: 5px; }
#sub-nav { position: relative; }
#sub-nav #menu-button { display: none; }
#sub-nav.small-screen #menu-button { display: block; padding: 16px; color: #f51f8a; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; border-top: 1px solid #e2e7ee }
#sub-nav.small-screen #menu-button:after { position: absolute; top: 22px; right: 10px; display: block; height: 8px; width: 20px; border-top: 2px solid #f51f8a; border-bottom: 2px solid #f51f8a; content: ''; }
#sub-nav.small-screen #menu-button:before { position: absolute; top: 16px; right: 10px; display: block; height: 2px; width: 20px; background: #f51f8a; content: ''; }
#sub-nav.small-screen #menu-button.menu-opened:before { top: 23px; background: #333; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#sub-nav.small-screen #menu-button.menu-opened:after { top: 23px; border: 0; height: 2px; width: 15px; background: #333; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

/*-----------------------------------------
     Slider
------------------------------------------*/
#slider { 
  top: 145px;
}
.slider { position: relative; }
.slider-img img { position: relative; z-index: -1; width: 100%; }
.slider-captions1{position: absolute; bottom: 100px;}
.slider-captions { position: absolute; bottom: 100px; left:0px; }
.slider-title { font-size:35px;  line-height: 60px;   }
.slider-captions span{ font-size:85px; color:#3a6809 ; font-family: Caveat Brush; display:block;}
.slider-text { color: #000; }
.slider .owl-prev { position: absolute; left: 0px; top: 40%; left: 20px; }
.slider .owl-next { position: absolute; right: 0px; top: 40%; right: 20px; }
#slider .owl-next, #slider .owl-prev { background-color:#fff !important; color: #21195e; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
#slider .owl-next:hover, #slider .owl-prev:hover { background-color: #fff !important;  color: #21195e; }
#slider .owl-pagination { margin: 0px; bottom: 40px; position: relative; }
#slider .owl-page span { border-radius: 2px; width: 98%; height: 1px; background-color: #fff; margin: 0px; }
#slider .owl-page { width: 5% }

/*-----------------------------------------
index-1
------------------------------------------*/
.mail-text { border-right: 2px solid #1b5ca5; }
.rate-table { background-color: #fff; border-top: 1px solid #dee7f2; border-bottom: 1px solid #dee7f2;}
.loan-rate { font-size: 24px;
color: #000;
margin-bottom: 0px;
font-weight: 300;
line-height: 26px; }
.rate-counter-block { border-right: 1px solid #dee7f2; padding-top: 20px; padding-bottom: 20px; min-height:92px; }
.rate-counter-block:first-child { }
.rate-icon { float: left; padding-top: 5px; padding-right: 20px; padding-left: 20px; }
.rate-box { }
.rate-title { text-transform: uppercase; font-size: 14px; color: #778191; }
.cta { background-size: cover; margin: 0;  border: none;  background:url(../images/slider-07.jpg);  	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed }
.cta1 { background-size: cover; margin: 0;  border: none;  background:url(../images/bg2.jpg) no-repeat center; }

.testimonial-img-1 img { max-width:100px; }
.testimonial-name-1 { color: #F15922; font-size:20px; text-transform: uppercase; font-weight: 500; margin-bottom: 0px; }

/*------------------------------------
 index-3 (updated: 16 june 2017)
-------------------------------------*/
.header-transparent {
  padding-top: 0px;
  padding-bottom: 0px;
  background: white;
  background-size: cover;
}
.header-transparent #navigation > ul > li.has-sub > a { padding-right: 30px; }
.header-transparent #navigation > ul > li > a {
  padding: 5px 15px 10px;
  font-size: 20px;
  text-decoration: none;
  color: #fff;
  font-weight: 400;
  background: #f9bc11;
  background: -moz-linear-gradient(top, #00a651 0%, #009649 100%);
  background: -webkit-linear-gradient(top, #f7c705 0%,#ffc90a 100%);
  background: linear-gradient(to bottom, #ffb405 0%,#d7a90b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a651', endColorstr='#009649',GradientType=0 );
  border-radius: 0px;
  margin: 10px 5px;
  box-shadow: -1px -1px 5px 0px rgb(255 255 255 / 75%);
  -webkit-box-shadow: -1px -1px 5px 0px rgb(255 255 255 / 75%);
  -moz-box-shadow: -1px -1px 5px 0px rgba(255,255,255,0.75);
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
}

.header-transparent #navigation { float: right; margin-top: 35px; position: relative; z-index: 99; }
.top-nav-collapse { background-color: #192ea7; }
.lender-logo-section { margin-top: -20px; }

.lender-box { margin-bottom: 8px; margin-top: 8px; }
.slider-gradient-img img { position: relative; z-index: -1; width: 100%; }
.slider-gradient-img { position: relative;  }
.service-block-v3 { background-color: #fff; padding: 40px 0px 0px 0px; text-align: center; margin-bottom: 30px; }
.service-block-v3 .service-content { padding: 5px 30px; }
.service-block-v3 .service-title { margin-bottom: 20px; line-height: 24px; }
.service-rate-block { margin-bottom: 30px; }
.service-rate-block .product-rate { color: #f51f8a; margin-bottom: 6px; font-size: 18px; }
.rate-text { font-size: 12px; }
.customer-block { background-color: #fff; padding: 30px; }
.customer-img { position: relative; margin-bottom: 30px; }
.customer-content { }
.customer-text { color: #3c4d6b; font-size: 21px; margin-bottom: 30px; font-family: 'Merriweather', serif; letter-spacing: -1px; font-style: italic; line-height: 36px; font-weight: normal; }
.customer-name { font-size: 14px; font-weight: 600; color: #f51f8a; }
.customer-meta { }
.customer-quote-circle { background-color: #f51f8a; border-radius: 100%; padding: 10px; position: absolute; width: 40px; height: 40px; top: 20px; left: 30px; color: #fff; text-align: center; z-index: 1; }
.how-it-block { background-color: #fff; padding: 30px; min-height: 320px; }
.how-it-no { font-size: 76px; color: #15549a; }
.how-it-content { }
.top-nav-collapse {
background:white;
    background-size: auto;
background-size: cover;
}


.border-choose .images {
    display: inline-block;
    width: 70px;
    text-align: center;
    background-color:transparent; margin:0px 5px;
}

.top-nav-collapse .logo img {
    max-width: 170px;
    padding-top: 10px;
    margin-bottom: 15px;
}

/*------------------------------------
 index-4 Students Home page
-------------------------------------*/
.students-slider-img { }
.students-slider-img img { width: 100%; }
.student-slider-img .slider-captions { }
.fee-charges-table { }
.fee-charges-table .list-group-item.active { z-index: 2; color: #414855; background-color: #ccd8e5; border-color: #ccd8e5; }
.fee-charges-table .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #eff4f9; border: 1px solid #d1deeb; }
.education-rate-box { background-color: #eff4f9; padding: 20px; border-radius: 4px; margin-bottom: 5px; }
.education-rate-number { font-size: 32px; margin-bottom: 0px; }

/*------------------------------------
 index-5 Business Loan Home Page
-------------------------------------*/
.business-loan-products{background-color: #fff; padding: 40px;border:1px solid #dee4ee;text-align: center; margin-bottom: 30px;}
.loan-products-icon{margin-bottom: 20px;}
.loan-products-content{}
.video-play{position: absolute;top: 35%;left: -4%;}
.section-about-video{}
.about-img{position: relative;}
.business-request-form{margin-bottom: -180px;}
.business-request-form h3{margin-bottom: 30px;}
.business-request-form .form-group{margin-bottom: 0px;}
.lender-block{    padding: 80px 40px;
    background-color: #fff;
    border: 1px solid #dee4ee;
    border-radius: 4px;text-align: center;}
.rate-badge{background:#104b8c; display: inline-block;padding: 4px 10px;border-radius: 4px;font-size: 12px; font-weight: 600;color: #fff;}
/*-----------------------------------------------------------------------
Service Page & Block Css
----------------------------------------------------------------------*/
#service { }
#service .owl-next, #service .owl-prev { background-color: transparent !important; border: 2px solid #024; color: #024; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
#service .owl-next:hover, #service .owl-prev:hover { background-color: #F15922 !important; border: 2px solid #F15922; color: #fff; }
.service-block { transition: box-shadow .5s; }
.service-block:hover { -webkit-box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1); -moz-box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1); box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1); }
.service-block:hover i { color: #f51f8a; }
#service .owl-controls { text-align: center; margin-top: 30px; }
.icon-svg-2x { width: 80px; }
.icon-svg-1x { width: 60px; }

/*--------------------------------
Service-img
---------------------------------*/
.service-img-box { transition: box-shadow .5s; }
.service-img-box:hover { -webkit-box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1); -moz-box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1); box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1); }
.service-img { position: relative; }
.service-content { }
.service-content>h2 { margin-bottom: 0px; }
.circle {   background-color: #e3f0fe;
width: 60px;
height: 60px;
border: 1px solid #15549a;
border-radius: 100px;
color: #15549a;
margin: -70px auto 20px auto;
padding: 10px;
text-align: center;
line-height: 1.7; }
.circle img{ border-radius:0px;}
.number { font-size: 24px; font-weight: 500; }
.number-block { text-align: center; }
.number-title { margin-bottom: 20px; }
.circle-large { width: 100px; height: 100px; border-radius: 100%; line-height: 2; padding: 10px; text-align: center; font-size: 42px; }
.circle-default { background-color: #f51f8a; color: #fff; }

/*--------------------------------
testimonial
---------------------------------*/
.testimonial-block { position: relative; }
.testimonial-text {   }
.testimonial-autor { padding-top: 15px; padding-bottom: 12px; }
.testimonial-name { color: #fff; line-height: 1; margin-bottom: 5px; }
.testimonial-autor-box { }
.testimonial-title {  margin-bottom: 0px; }
.testimonial-img { float: left; padding-right: 29px; }
.testimonial-meta { }
.testimonial-simple { }
.testimonial-name-inverse { color: #15549a; text-transform: uppercase; font-size: 14px; font-weight: 600; }
.client-rating { margin-bottom: 10px; }
.rate-done { color: #f9b218; }
.rate-remain { color: #c7ced5; }

/*--------------------------------
footer
---------------------------------*/
.newsletter-form { margin-bottom: 30px; }
.newsletter-title { color: #778191; margin-top: 10px; }
.footer {
  background-color: white;
  border-top: 2px solid rgb(206, 206, 206);
  background-image: url(../images/footer-gif.gif);
  z-index: 999;
  background-size: 313px;
  background-repeat: no-repeat;
  background-position: right bottom;
}
.footer-logo { margin-bottom: 30px; }
.widget-footer { }
.widget-footer ul { display: block;
clear: left;}
.widget-footer ul li { line-height: 1.6; margin-bottom:0px; }
.widget-footer ul li a { color: #333; }
.widget-footer ul li a:hover { color: #D8231A; }
.tiny-footer { background-color: #fff;  padding-top: 10px; padding-bottom: 10px;display: none; }
.tiny-footer p{ }
.widget-footer { position: relative; padding-left: 20px; line-height: 32px; }
.widget-footer ul li:before { font-family: 'FontAwesome'; display: block; position: absolute; left: 0; font-size: 15px; color: #778191; content: "\f105"; line-height: 30px; }
.widget-social { }
.widget-social ul { }
.widget-social ul li { line-height: 1.6; margin-bottom: 8px; }
.widget-social ul li a { color: #778191; text-transform: uppercase; font-weight: 500; }
.widget-social ul li a i { width: 30px; }
.widget-social ul li a:hover { color: #f51f8a; text-decoration: underline; }
.address-text { }
.call-text { }
.call-text span { padding-right: 10px; vertical-align: -webkit-baseline-middle; }
.footer h3 {
  color: #D8231A;
  float: left;
  margin-bottom: 12px;
  width: 100%;
  font-size: 22px;
}

.footerlink li::before {
    font-family: FontAwesome;
    display: block;
    position: absolute;
    left: 0;
    font-size: 15px;
    color: #F15922;
    content: "\f105";
	padding-top: 3px; margin-left:10px;
}

.footerlink li, .footerlink ul { list-style:none;}
.footerlink{ margin:0px; padding:0px;}
.footerlink li a, .footer_inner li{ color: rgba(255,255,255, 0.7);}
.footer_inner{ margin-left:0px; padding-left:0px;}
.footerlink { list-style:none; padding-left:10px;}
.footer_inner a{ color: rgba(255,255,255, 0.7);}
.footer_inner a:hover, .footerlink a:hover{ color:#fff}
/*--------------------------------
Page header 
---------------------------------*/
.page-header {
  margin: 0;
  padding: 230px 0px 20px;
  border: none;
  background: #ededed;
  background-size: cover;
}
  
  .mad-img {
    border-radius: 1.5rem;
    overflow: hidden;
}
.contact p{ margin-bottom:10px !important;}

  
.page-title { margin-bottom: 0px; font-size: 36px; }
.rate-block { text-align: right; }
.rate-number { margin-bottom: 0px; line-height: 1; color: #f51f8a; }
.btn-action { text-align: right; }
.sub-nav { background-color: #eff3f8; border-top: 1px solid #dee7f2; }
.is-sticky .sub-nav { position: relative; z-index: 9; top: 120px; }
.sub-nav>.nav { }
.sub-nav>.nav li a { padding: 16px; font-size: 14px; text-transform: uppercase; color: #7e93ae; font-weight: 500; border-right: 1px solid #dee7f2; }
.sub-nav>.nav li a:hover { background-color: #fff; color: #f51f8a; }
.sub-nav>.nav li a:focus { background-color: #fff; color: #f51f8a; }
.sub-nav>.nav li.active a { color: red; background-color: #fff; color: #f51f8a; }
.page-breadcrumb { }
.page-breadcrumb .breadcrumb { background-color: transparent; padding: 0px; font-size: 12px; text-transform: uppercase; color: #000000; font-weight: 700; margin-bottom:5px; }
.page-breadcrumb .breadcrumb>li { }

.page-breadcrumb .breadcrumb>.active {
  color: #f51b1b;
  font-weight: 700;
}
.page-breadcrumb .breadcrumb>li a:hover { color: #f51f8a; }
.page-breadcrumb .breadcrumb>li+li:before { padding: 0 5px; color: #000000; content: "/\00a0"; }

/*--------------------------------
Blog  
---------------------------------*/
.post-holder { border-bottom: 1px solid #e8eaec; margin-bottom: 29px; }
.post-header { border-bottom: 1px solid #dee4ee; margin-bottom: 20px; padding-bottom: 19px; }
.post-block { border-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
border-bottom-left-radius: 0px;
border-top-right-radius: 0px; overflow:hidden}
.post-img { }
.meta { font-size: 12px; text-transform: uppercase; font-weight: 600; color: #a4a7ac; margin-bottom:0px; margin-top: 0px; }
.meta span { margin-right: 0px; }
.meta span:after { margin-left: 15px; margin-right: 15px; color: #b0b0b0; content: "|"; }
.meta span:last-child:after { margin-left: 0px; margin-right: 0px; content: ""; }

/*----- Related Post-----*/
.post-related { border-bottom: 1px solid #e8eaec; }
.post-related-title { }
.post-related-content { }
.related-title { font-size: 18px; color: #4b5565; }
.related-img { }

/*----- prev-next-----*/
.post-navigation { border-bottom: 1px solid #e8eaec; margin-bottom: 29px; padding-bottom: 30px; }
.nav-links { }
.nav-previous { }
.prev-link, .next-link { color: #778191; margin-bottom: 10px; display: block; text-decoration: underline; text-transform: uppercase; font-weight: 600; font-size: 14px; letter-spacing: 1px; }
.nav-next { }
.next-link { }
.prev-link { }
.prev-link:hover, .next-link:hover { color: #f51f8a }
.meta-date { color: #fff; font-weight: 300; font-size:15px; position:absolute; right:10px; top:25px; }
.meta-author { }
.meta-comments { }
#post-gallery { }
.quote-block { }
.meta-link { color: #a4a7ac; }

/*--------------------------------
Blog-sidebar  
---------------------------------*/
.widget { padding: 30px; margin-bottom: 30px; }
.widget1 { padding: 15px 15px; margin-bottom: 30px; background-image: url(../images/footer-bg-1.jpg);}

.widget-title { border-bottom: 1px solid #e8eaec; margin-bottom: 19px; padding-bottom: 20px; }
.widget-search { }
.widget-category { }
.widget-category li a, .widget-archives li a { padding-top: 10px; padding-bottom: 10px; display: block; line-height: 14px; color: #797b80; font-size: 14px; }
.widget-category li a:hover, .widget-archives li a:hover { color: #f51f8a; }
.widget-tags { }
.widget-tags a { text-transform: uppercase; border: 2px solid #c3c7d1; padding: 9px 16px; display: inline-block; margin-bottom: 5px; font-weight: 700; font-size: 12px; line-height: 12px; color: #9a9fab; border-radius: 4px; letter-spacing: 1px; }
.widget-tags a:hover { background-color: #f51f8a; color: #fff; border-color: #f51f8a; }
.widget-title4 { border-bottom: 1px solid #e8eaec; margin-bottom:0px; background-color:#D8231A; color:#fff !important; padding:5px 15px; }

/*----- post-author-----*/
.post-author { border-bottom: 1px solid #e8eaec; margin-bottom: 29px; padding-bottom: 30px; }
.author-img { }
.author-bio { }
.author-header { }
.author-header small { text-transform: uppercase; color: #de4526; font-weight: 700; margin-left: 15px; }
.author-content { }
.author-social { }
.author-social a { color: #707070; display: inline-block; text-align: center; font-size: 13px; padding: 8px 12px; }
.author-social a:hover { background-color: #de4526; color: #fff; }

/*----- comments-----*/
.comments-area { border-bottom: 1px solid #e8eaec; padding-bottom: 40px; }
.comments-title { margin-bottom: 40px; }
.comment-list { }
.comment { }
.comment-body { margin-bottom: 60px; }
.comment-author { }
.comment-author img { width: 120px; float: left; }
.comment-info { padding-left: 160px; }
.comment-header { }
.user-title { margin-bottom: 0px; }
.comment-meta { margin-bottom: 20px; font-size: 13px; font-weight: 400; text-transform: uppercase; }
.comment-meta-date { }
.comment-content { }
.reply { }
.reply-title { margin-bottom: 40px; }
.childern { padding-left: 140px; }
.leave-comments { background-color: #f3f5f5; }
.widget-share { background-color: #fff; padding: 14px; position: absolute; top: 0px; right: -69px; }
.btn-share { padding: 12px 16px; display: inline-block; line-height: 1; margin-bottom: 2px; font-size: 14px; width: 40px; }
.btn-facebook { background-color: #3b5998; color: #fff; }
.btn-facebook:hover { background-color: #3b5998; color: #fff; }
.btn-twitter { background-color: #1da1f2; color: #fff; }
.btn-twitter:hover { background-color: #1da1f2; color: #fff; }
.btn-google { background-color: #dc483a; color: #fff; }
.btn-google:hover { background-color: #dc483a; color: #fff; }
.btn-linkedin { background-color: #.88b5; color: #fff; }
.btn-linkedin:hover { background-color: #.88b5; color: #fff; }

/*--------------------------------
Blog-single  
---------------------------------*/
.name { font-size: 14px; text-transform: uppercase; color: #f51f8a; font-weight: 600; padding-left: 30px; }

/*--------------------------------
Pagination  
---------------------------------*/
.st-pagination { }
.st-pagination .pagination>li>a, .pagination>li>span { position: relative; float: left; margin-left: -1px; line-height: 1.42857143; color: #9a9fab; text-decoration: none; font-size: 12px; border: 2px solid #c3c7d1; font-weight: 600; border-radius: 4px; text-transform: uppercase; margin-right: 3px; margin-bottom: 5px; background-color: #fff; padding: 8px 13px; }
.st-pagination .pagination>li>a:focus, .st-pagination .pagination>li>a:hover, .st-pagination .pagination>li>span:focus, .st-pagination .pagination>li>span:hover { z-index: 2; color: #fff; background-color: #f51f8a; border-color: #f51f8a; border-radius: 4px; }
.st-pagination .pagination>li:first-child>a, .st-pagination .pagination>li:first-child>span { margin-left: 0; border-radius: 4px; }
.st-pagination .pagination>li:last-child>a, .st-pagination .pagination>li:last-child>span { border-radius: 4px; }
.st-pagination .pagination>.active>a, .st-pagination .pagination>.active>a:focus, .st-pagination .pagination>.active>a:hover, .st-pagination .pagination>.active>span, .st-pagination .pagination>.active>span:focus, .st-pagination .pagination>.active>span:hover { z-index: 3; color: #fff; cursor: default; background-color: #f51f8a; border-color: #f51f8a; border-radius: 4px; }
.st-accordion { }
.st-accordion .sign { color: #3c4d6b; padding: 0 2px; position: absolute; left: 0px; top: 5px; margin-left: -20px; font-size: 14px; }
.st-accordion .accordion .panel-heading.active .sign { color: #95cd40; }
.st-accordion .panel-title { margin-top: 0; margin-bottom: 0; font-size: 18px; color: inherit; position: relative; color: #3c4d6b; }
.sign { color: #084988; padding: 0 2px; position: absolute; right: -10px; top: 6px; }
.st-accordion .panel-heading.active .sign { color: #f51f8a; }
.st-accordion .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; }
.st-accordion .panel-default { border-color: transparent; border-bottom: 1px solid #e0e7ea; }
.st-accordion .panel-group .panel { margin-bottom: 10px; border-radius: 0px; -webkit-box-shadow: 0px 0px 0px 0px rgba(234, 234, 234, 1); -moz-box-shadow: 0px 0px 0px 0px rgba(234, 234, 234, 1); box-shadow: 0px 0px 0px 0px rgba(234, 234, 234, 1); }
.st-accordion .panel-default>.panel-heading { color: #323734; background-color: #fff; border-bottom: 1px solid transparent; padding: 10px 0px 10px 30px; }
.st-accordion .panel-group .panel-heading+.panel-collapse>.list-group, .st-accordion .panel-group .panel-heading+.panel-collapse>.panel-body { }
.st-accordion .panel-body { padding: 30px; }
.st-accordion .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 1px solid transparent; }

/*--------------------------------
Extra Plugin CSS - Back to top  
---------------------------------*/
.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; border-radius: 5px; background: rgba(33, 25, 94, 100) url(../images/cd-top-arrow.svg) no-repeat center 50%; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top.cd-is-visible {    /* the button becomes visible */
visibility: visible; opacity: 1; }
.cd-top.cd-fade-out {    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5; }
.no-touch .cd-top:hover { background-color: #cb2529; opacity: 1; }

/*-------- filter gallery -------*/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope, .isotope .isotope-item {    /* change duration value to whatever you like */
-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; }
.portfolioContainer { }
.portfolioFilter { margin-bottom: 30px; text-align: center; }
.portfolioFilter a { text-transform: uppercase; background-color: #eff3f8; padding: 9px 26px; display: inline-block; color: #7e93ae; font-size: 12px; font-weight: 500; margin-bottom: 5px; border: 1px solid #dee7f2; }
.portfolioFilter a:hover { color: #fff; background-color: #f51f8a; border: 1px solid #f51f8a; }
.portfolioFilter a.current { color: #fff; text-decoration: none; background-color: #f51f8a; border: 1px solid #f51f8a; }

/*---------- Thumbnail hover effect -------*/

/* ============================================================
GLOBAL
============================================================ */

.effects { }
.effects .img { position: relative; }
.effects .img:nth-child(n) { }
.effects .img:first-child { margin-bottom: 20px; }
.effects .img:last-child { margin-right: 0; }
.effects .img img { display: block; margin: 0; padding: 0; max-width: 100%; height: auto; }
.overlay { display: block; position: absolute; z-index: 20; background: rgba(246, 96, 171, 0.8); overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
a.close-overlay { display: block; position: absolute; top: 0; right: 0; z-index: 100; width: 45px; height: 45px; font-size: 20px; font-weight: 700; color: #fff; line-height: 45px; text-align: center; background-color: #de4526; cursor: pointer; }
a.close-overlay.hidden { display: none; }
a.expand { display: block; position: absolute; z-index: 100; width: 60px; height: 60px; border: solid 5px #fff; text-align: center; color: #fff; line-height: 50px; font-weight: 700; font-size: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }

/* ============================================================
EFFECT 6 - ICON BOUNCE IN
============================================================ */
#effect-6 .overlay { top: 0; bottom: 0; left: 0; right: 0; opacity: 0; }
#effect-6 .overlay a.expand { left: 0; right: 0; top: 0; margin: 0 auto; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
#effect-6 .img.hover .overlay { opacity: 1; }
#effect-6 .img.hover .overlay a.expand { top: 50%; margin-top: -30px; opacity: 1; }

/*----------------- Gallery Wide ---------------*/
.gallery-thumbnail { }
.gallery-thumbnail img { width: 100%; }
.gallery-img img { width: 100%; }
.gallery-block { }

/*----------------- Image Hover Effect ---------------*/
img { width: auto; max-width: 100%; height: auto; margin: 0; padding: 0; border: none; line-height: normal; vertical-align: middle; }
.imghover { display: block; position: relative; max-width: 100%; }
.imghover::before, .imghover::after { display: block; position: absolute; content: ""; text-align: center; opacity: 0; }
.imghover::before { top: 0; right: 0; bottom: 0; left: 0; }
.imghover::after { top: 50%; left: 50%; width: 50px; height: 50px; line-height: 50px; margin: -25px 0 0 -25px; content: "\f06e";    /* fa-eye */ font-family: "FontAwesome"; font-size: 36px; }
.imghover:hover::before, .imghover:hover::after { opacity: 1; }
.imghover:hover::before { background: rgba(34, 62, 92, .55); }
.imghover:hover::after { color: #FFFFFF; }

/*--------------------------------
Team  
---------------------------------*/
.team-block { }
.team-img { }
.team-content { }
.designation { font-size: 12px; color: #f51f8a; text-transform: uppercase; font-weight: 600; }

/*--------------------------------
About us 
---------------------------------*/
.about-section { 
  background-color: white;
 background: url('/images/background.jpg'); background-position: top center; background-size: cover; background-repeat: no-repeat;"
}
.counter-section { }
.why-choose-section { }
.testimonial-section { }
.cta-section { }
.text-big { font-size: 20px; color: #f51f8a; font-weight: 600; margin-bottom: 0px; }

/*--------------------------------
Contact us 
---------------------------------*/
.map { height: 400px; }
.widget-contact { margin-top: 30px; margin-bottom: 30px; }
.widget-contact li { margin-bottom: 10px; border-bottom: 1px solid #eff3f8; padding-bottom: 10px; }
.widget-contact li span { width: 120px; display: inline-block; }

/*----------------- Gallery Wide ---------------*/
.gallery-thumbnail img { width: 100%; }
.gallery-img img { width: 100%; }
.gallery-block { }
.slide-ranger .ui-widget-header { background-color: #f51f8a; }
.slide-ranger .ui-state-default, .ui-widget-content .ui-state-default { background-color: #fff !important; }
.slide-ranger .ui-widget.ui-widget-content { border: 1px solid #f51f8a; }
.slide-ranger .ui-slider .ui-slider-handle { border-radius: 100%; border: 3px solid #f51f8a; }

/*--------------------------------
Product Single Sidebar
---------------------------------*/
.product-tabs{}
.product-tabs ul{position: relative;z-index: 9;}
.product-tabs .nav>li{margin-top: -1px;}
.product-tabs .nav>li.active a{border-right: 1px solid #f4f6f8;background: #eff3f8; color: #f51f8a; }
.product-tabs .nav>li>a{background: #fff; border-bottom:1px solid #dee7f2;    
  border-right: 1px solid #dee7f2; border-left: 1px solid #dee7f2;  border-top: 1px solid #dee7f2;     color: #7e93ae;}
  .product-tabs .nav>li>a:hover{background: #eff3f8; border-bottom:1px solid #dee7f2;    
  border-right: 1px solid transparent; border-left: 1px solid #dee7f2;  border-top: 1px solid #dee7f2; color: #f51f8a;}
.product-tabs .nav>li>a i{padding-right: 10px;}

.tab-content{background: #eff3f8; padding: 40px;border:1px solid #dee7f2; position: relative;z-index: 8;margin-left: -1px; margin-top: -1px;}

.fee-table{}

#service2 .owl-controls {
    text-align: center;
    position: absolute;
    top: -60px;
    right: 0px;
}
/*--------------------------------
EMI Calculator
---------------------------------*/
.loantable{margin-top: 40px;}
.table-head{background: #eff3f8;}
.loan-title{margin-bottom: 30px;}
.table-bordered {
       border: 1px solid transparent;
    color: #333;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #dee4ee; color: #3c4d6b;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fafcfd;
}

.table>thead>tr>th {
    padding: 12px 43px 12px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd; text-align: center;
}
/*--------------------------------
Card Listing Page
---------------------------------*/
.card-listing{padding: 26px;border: 1px solid #dee7f2;margin-bottom: 30px;background: #eff3f8;}
.card-img{}
.card-img img{}
.card-content{margin-top: 20px;}
.card-content .btn{margin-right: 30px;}
.card-name{}
.card-features{margin-top: 20px;}
.card-features ul li{border-bottom: 1px solid #eff3f8; padding-bottom: 10px;margin-bottom: 8px;    line-height: 1.5;}

.card-details{}
.card-head-sections{margin-bottom: 40px;}

/*--------------------------------
Lender Listing Page
---------------------------------*/
.lender-listing{ border: 1px solid #dee7f2;margin-bottom: 30px; }
.lender-head{padding: 15px;background: #eff3f8;border-bottom: 1px solid #dee7f2;}
.lender-logo{display: inline-block;    width: 170px;}
.lender-reviews{color: #ffb607; display: inline-block; float: right;    padding-top: 15px;}

.lender-rate-box{padding: 15px; border-bottom: 1px solid #dee7f2;}
.lender-ads-rate{border-right: 1px solid #dee7f2;}
.lender-ads-rate, .lender-compare-rate{display: inline-block; text-align: center;    width: 146px;}
.lender-rate-value{font-size: 20px; font-weight: 600; margin-top: 6px;}
.compare-rate{}
.lender-feature-list{padding: 20px;border-bottom: 1px solid #dee7f2;}
.lender-feature-list ul{margin-bottom: 0px;}
.lender-feature-list ul li{font-size: 14px;margin-bottom: 8px;}
.lender-actions{text-align: center; padding: 20px;}
.lender-actions .btn-link{margin-top: 30px; font-size: 14px;}

.lender-details{}
.lender-head-sections{margin-bottom: 60px;}
.lender-img{}
.lender-name{}
.lender-rates-list{background-color: #eff4f9; padding: 20px; border-radius: 4px;}
.lender-loan-sections{}
.lender-apply{}
.lender-features{}

.lender-loan-sections, .lender-apply, .lender-features, .lender-rates-list{margin-bottom: 60px;}

/*--------------------------------
Loan Eligibility Page
---------------------------------*/
.loan-eligibility-block{ padding: 30px; background: #eff3f8;}
.loan-eligibility-form .input-group-addon{    border-left: 2px solid #e6ecef;    border-top: 2px solid #e6ecef; border-bottom:2px solid #e6ecef;  background: #fff;}
.loan-eligibility-form .control-label{margin-bottom: 10px;}
.loan-eligibility-info{ }
.loan-eligibility-form .form-group{display: block;}
.eligibility-amount{font-size: 52px; font-weight: 600; color: #15549a;}
.eligibility-text{font-size: 21px;}
/*-----------------------------------------
Shortcodes
------------------------------------------*/
.st-tabs {    /*border: 1px solid #dee7f2; */ }
.st-tabs .nav-tabs { border-bottom: 1px solid transparent; }
.st-tabs .nav-tabs>li>a { margin-right: 0px; line-height: 1.42857143; border: 0px solid #dee7f2; border-radius: 0px 2px 0 0; background-color:transparent; font-size:25px; text-transform: uppercase; color: #fff; font-weight: 500; padding: 20px 10px; }
.st-tabs .nav-tabs>li>a:hover { background-color:transparent; border-bottom: 1px solid #dee7f2; color: #F15922; border-color: transparent; }
.st-tabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #8f979e; cursor: default; background-color:transparent; border:0px solid #dee7f2; border-bottom-color: transparent; }
.st-tabs .tab-content { padding: 50px; background-color: #fff; border-left: 0px solid #dee7f2; border-right: 0px solid #dee7f2; border-bottom: 0px solid #dee7f2; margin-top: -2px; }
.st-tabs .nav-tabs.nav-justified>.active>a, .st-tabs .nav-tabs.nav-justified>.active>a:focus, .st-tabs .nav-tabs.nav-justified>.active>a:hover { border: 0px solid #dee7f2; border-bottom: transparent; color: #F15922; }
.column-block { margin-bottom: 30px; }
.st-tabs i{ font-size:60px; display:block;}

/*-----------------------------------------
Compare-Loan
------------------------------------------*/
.compare-title { }
.compare-block { }
.compare-row { }
.rate { }
.rate, .fees, .compare-rate, .repayment { font-size: 18px; color: #4b5565; margin-bottom: 0px; margin-top: 15px; font-weight: 600; }
.fees { }
.compare-rate { }
.repayment { }
.comapre-action { padding-top: 15px; }

/*-----------------------------------------
Error-page
------------------------------------------*/
.error-img { text-align: center; }
.error-title { font-size: 36px; color: #192139; letter-spacing: 1px; text-transform: uppercase; }
.msg { font-size: 24px; color: #f51f8a; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; }

/*-----------------------------------------
Header - 2
------------------------------------------*/
.header-2 { background-color: #fff; padding-top: 10px; position: relative; z-index: 9 }
.header-action { margin-top: 10px; }
.header-2 .navigation-2 { background-color: #fff; border-top: 1px solid #dee7f2; margin-top: 20px; border-bottom: 1px solid #dee7f2; }
.header-2 #navigation { float: left; margin-top: 0px; background-color: #fff; }
.header-2 #navigation > ul > li > a { padding: 16px 30px; font-size: 13px; text-decoration: none; color: #66707f; font-weight: 600; text-transform: uppercase; border-left: 1px solid #dee7f2; }
.header-2 #navigation > ul > li.has-sub > a { padding-right: 50px; }
.header-2 #navigation > ul > li.has-sub > a:before { position: absolute; right: 28px; font-family: FontAwesome; content: "\f107"; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }

/*-----------------------------------------
Landing Page Template
------------------------------------------*/
.hero { position: relative; padding-top: 60px; padding-bottom: 100px; background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), rgba(0, 0, 0, 0.2) url(../images/lp-car-image.jpg) no-repeat center; background-size: cover; }
.hero-home-loan { position: relative; padding-top: 60px; padding-bottom: 100px; background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), rgba(0, 0, 0, 0.2) url(../images/home-loan-lp.jpg) no-repeat center; background-size: cover; }
.hero-title { font-size: 48px; line-height: 52px; color: #fff; font-weight: 800; letter-spacing: -1px; margin-bottom: 30px; }
.hero-captions { padding-top: 80px; }
.hero-text { color: #fff; }
.request-form { background-color: #fff; padding: 30px; border-radius: 4px; }
.form-title { color: #104b8c; font-size: 30px; }
.price-rate { margin-top: 30px; }
.price-big { font-size: 40px; color: #fff; font-weight: 800; }
.price-rate small { color: #fff; text-transform: uppercase; }
.new-price, .old-price { margin-bottom: 30px; }

/*--------------- Features block class --------------*/
.feature { }
.feature-icon { }
.feature .feature-icon { margin-bottom: 20px; }

/*-------- feature icon left --------*/
.feature-left { }
.feature-left .feature-icon { float: left; color: #15549a; font-size: 28px; line-height: 1; }
.feature-left .feature-content { padding-left: 60px; }
.feature-content { }

/*--------- feature center --------*/
.feature-center { text-align: center; }
.feature-center .feature-icon { margin-bottom: 20px; }
.feature-icon-style { text-align: center; }
.feature-icon-style .feature-icon { margin: 0 auto 40px auto; background-color: #f4f6f8; width: 80px; height: 80px; border-radius: 100px; padding: 24px; text-align: center; color: #15549a; }
.feature-icon-style .feature-title { margin-bottom: 16px; }
.call-to-action {  }

.feature-circle { background-color: #f4f6f8; width: 60px; height: 60px; border-radius: 100px; padding: 14px; color: #15549a; font-size: 26px; text-align: center; }

/*----- updated in v 1.0.2 ----*/
.feature-bg { background-color: #e3edf9; border-radius: 4px; padding: 60px; text-align: center; }
.feature-bg .feature-icon { background-color: #bacadd; color: #3c4d6b; width: 120px; height: 120px; border-radius: 120px; font-size: 40px; text-align: center; line-height: 120px; margin: 0 auto 40px auto; }
.feature-bg .feature-content { }
.feature-list-bar{background: #e3edf9; padding-top: 16px; padding-bottom: 16px;color: #3c4d6b;}


.slider-items-products .item {
	text-align: center;
	margin: 0 15px;
}
.slider-items-products .item .product-image {
	display: block;
	overflow: hidden;
}
.slider-items-products .item .product-image img {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
}
.slider-items-products .item .product-image:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-moz-transform: scale(1.2);
}

.pro-info{ margin-top:20px;}

.section-icon {
    margin-bottom: 17px;
}


 .special-offer--style-1 .text {
  font-size:10rem
 }
 .special-offer--style-2 .text {
  font-size:15rem
 }
 
 .special-offer--style-2 .text {
  font-size: 4.5rem;
  font-family: initial;
  text-transform: none;
}



.simple-text-block {
    padding: 90px 15px;
}

 .about {
    font-size:3rem;
    text-transform: none; color: #635729; font-weight:bold;
}
.min{ min-height:354px}



.detox-water-image {
	text-align: center
}
.detox-water-shape .shape1 {
	position: absolute;
	left: -50px;
	top: -50px;
	-webkit-animation: moveBounce 5s linear infinite;
	animation: moveBounce 5s linear infinite;
	max-width: 100px
}
.detox-water-shape .shape2 {
	position: absolute;
	left: -50px;
	bottom:-50px;
	-webkit-animation: moveLeftBounce 3s linear infinite;
	animation: moveLeftBounce 3s linear infinite;
	max-width: 100px
}
.detox-water-shape .shape3 {
	position: absolute;
	right: -50px;
	top:239px;
	-webkit-animation: moveBounce 5s linear infinite;
	animation: moveBounce 5s linear infinite;
	max-width: 150px
}
.detox-water-shape .shape4 {
	position: absolute;
	right: -50px;
	bottom: 250px;
	-webkit-animation: moveScale 3s linear infinite;
	animation: moveScale 3s linear infinite;
	max-width: 100px
}
@-webkit-keyframes moveBounce {
0% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
50% {
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
}
@keyframes moveBounce {
0% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
50% {
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
}
@-webkit-keyframes moveScale {
0% {
-webkit-transform:scale(.6);
transform:scale(.6)
}
50% {
-webkit-transform:scale(.8);
transform:scale(.8)
}
100% {
-webkit-transform:scale(.6);
transform:scale(.6)
}
}
@keyframes moveScale {
0% {
-webkit-transform:scale(.6);
transform:scale(.6)
}
50% {
-webkit-transform:scale(.8);
transform:scale(.8)
}
100% {
-webkit-transform:scale(.6);
transform:scale(.6)
}
}
@-webkit-keyframes moveLeftBounce {
0% {
-webkit-transform:translateX(0px);
transform:translateX(0px)
}
50% {
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
-webkit-transform:translateX(0px);
transform:translateX(0px)
}
}
@keyframes moveLeftBounce {
0% {
-webkit-transform:translateX(0px);
transform:translateX(0px)
}
50% {
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
-webkit-transform:translateX(0px);
transform:translateX(0px)
}
}



.overview-area {
	background-image: url(../images/overview-bg.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed
}

.overview-area1 {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), rgba(0, 0, 0, 0.5) url(../images/image-1.jpg) no-repeat center;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed
}

.overview-content h3 {
	font-size: 36px;
	color: #fff;
	margin-bottom: 18px
}
.overview-content p {
	color: #fff;
	margin-bottom: 0
}
.overview-content .overview-btn {
	margin-top: 30px
}
.overview-video {
	text-align: center;
	position: relative;
	margin-top: 35px;
}
.overview-video .video-btn {
	display: inline-block;
	width: 100px;
	height: 100px;
	line-height: 100px;
	background-color: #fff;
	border-radius: 50%;
	color: #111;
	z-index: 1;
	text-align: center;
	position: relative
}
.overview-video .video-btn i {
	font-size: 60px;
	position: relative;
	top: 14px;
	left: 0;
	color: #FF0000
}
.overview-video .video-btn::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #fff;
	-webkit-animation: ripple 1s linear infinite;
	animation: ripple 1s linear infinite
}
.overview-video .video-btn:hover {
	background-color: #D8231A
}
.overview-video .video-btn:hover i {
	color: #fff
}
@-webkit-keyframes ripple {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
75% {
-webkit-transform:scale(1.75);
transform:scale(1.75);
opacity:1
}
100% {
-webkit-transform:scale(2);
transform:scale(2);
opacity:0
}
}
@keyframes ripple {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
75% {
-webkit-transform:scale(1.75);
transform:scale(1.75);
opacity:1
}
100% {
-webkit-transform:scale(2);
transform:scale(2);
opacity:0
}
}

.bx {
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    display: inline-block;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}




/*** 

====================================================================
	Products Section One
====================================================================

***/

.products-section-one{
	position:relative;
	padding:120px 0px 50px;
}

.product-style-one{
	position:relative;
	margin-bottom:70px;	
}

.product-style-one .inner-box{
	position:relative;
	background:url(../images/pattern-one.png) center center repeat;
	background-attachment:fixed;
}

.product-style-one .inner-box:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(245,176,98,0.95);
}

.product-style-one.orange-theme .inner-box:before{
	background:rgba(255,201,198,0.95);
}

.product-style-one.green-theme .inner-box:before{
	background:rgba(206,232,169,0.95);
}

.product-style-one.gajar-theme .inner-box:before{
	background:rgba(253,145,137,0.95);
}

.product-style-one.chili-theme .inner-box:before{
	background:rgba(190,252,129,0.95);
}


.product-style-one .inner-box .content{
	position:relative;
	color:#ffffff;
	padding:60px 50px 0px;
	z-index:2;	
}

.product-style-one.light-theme .content{
	color:#777777;
}

.product-style-one .inner-box .food-image{
	position:relative;
	display:block;
	margin-top:-133px;
	bottom:-60px;
	text-align:center;
	z-index:1;		
}

.product-style-one .inner-box h3{
	font-size:28px;
	font-weight:700;
	text-transform:capitalize;
	line-height:1.4em;	
}

.product-style-one.light-theme .inner-box h3{
	color:#333333;
}

.product-style-one .inner-box .text{
	margin-bottom:5px;
}

.product-style-one .inner-box .default-link{
	display:inline-block;
	color:#ffffff;
	font-size:14px;
	font-weight:700;
	text-transform:capitalize;
	line-height:1.4em;
	border-bottom:1px solid;
}

.product-style-one.light-theme .inner-box .default-link{
	color:#5ec79c;
}



/*=============================================
=            05. Policy             =
=============================================*/
.policy-section .policy-titles {
  background: #ffffff;
  border: 1px solid #e0e0e0; }

    .policy-section .policy-titles .single-policy span {
      position: absolute;
      left: 20px;
      top: 50%;
      margin-top: -12px; }
    .policy-section .policy-titles .single-policy p {
      margin-bottom: 0;
      font-weight: 500;
      line-height: 22px; }

.section-title h1 {
    line-height: 1.2;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
    margin-top: -8px;
    text-transform: capitalize;
}
.section-title h1::after {
    bottom: 0;
    left: 0;
    width: 66px;
    right: 0;
    height: 2px;
    content: "";
    display: block;
    position: absolute;
    background-color: #62d2a2;
}

.news{ background:rgba( 255, 255, 255, 0.9);  padding:30px; min-height:400px;}
.news1 {
  background: #BAC34E;
  padding: 30px;
  min-height: 400px;
}
.news p{ margin-bottom:10px;}
.pb0{ padding-bottom:0px;}


	.hide-scrollbar::-webkit-scrollbar {
				display: none;
			}
			
	.hide-scrollba::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.hide-scrollbar::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.hide-scrollbar::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.hide-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #555; 
}		
			
			
			
.news ul{ margin:0px; padding:0px;}
.news ul li{ border-bottom:2px solid #fff; margin: 10px 0px 10px;}
.news ul li:before{}
			.data-list { max-height:280px;
				overflow-y: hidden; margin:0px;
			}




.banner-video-section:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.95;
	z-index: 0;
	background: #c1007a;
	background: -moz-linear-gradient(49.5deg, rgba(193, 0, 122, 0.9) 0%, #062475 69%, #062475 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(193, 0, 122, 0.9)), color-stop(69%, #062475), color-stop(100%, #062475));
	background: -webkit-linear-gradient(49.5deg, rgba(193, 0, 122, 0.9) 0%, #062475 69%, #062475 100%);
	background: -o-linear-gradient(49.5deg, rgba(193, 0, 122, 0.9) 0%, #062475 69%, #062475 100%);
	background: -ms-linear-gradient(49.5deg, rgba(193, 0, 122, 0.9) 0%, #062475 69%, #062475 100%);
	background: linear-gradient(49.58deg, rgba(193, 0, 122, 0.9) 0%, #062475 69%, #062475 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c1007a', endColorstr='#062475', GradientType=1);
}

.banner-video-section:after {
	content:"";
background: -moz-linear-gradient( -45deg, rgba(31, 43, 112, 1) 0%, rgba(31, 43, 112, 0.9) 47%, rgba(148, 58, 158, 0.9) 100% );
background: -webkit-linear-gradient( -45deg, rgba(31, 43, 112, 1) 0%, rgba(31, 43, 112, 0.9) 47%, rgba(148, 58, 158, 0.9) 100% );
background: linear-gradient( 135deg, rgba(25, 46, 167, 1) 0%, rgba(24, 40, 134, 0.9) 47%, rgba(148, 58, 158, 0.9) 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e61f2b70', endColorstr='#e6943a9e', GradientType=1);    
opacity: .90;
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
	background-size:cover;
	left:0px;
	top:0px;
}
.banner-video-section{
	width:100%;
	height:570px;
	height:630px;
	margin:auto;
	overflow: hidden;
	position:relative;
	margin-top:0px;
}
video {
    display: block;
    margin: 0 auto;
    min-width: 100%;
    position: relative;
    z-index: 0;
}
.ban-content-overlay{
	width:100%;
	height:auto;
	margin:auto;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	z-index:111;
}
.ban-top-proclntyear{
	width:100%;
	height:auto;
	margin:auto;
	text-align:center;
	margin-top:90px;
	margin-top:160px;
}
.ban-top-proclntyear span{
	display:inline-block;
	margin-left:0px;
	margin-right:0px;
	width:300px;
	text-align:center;
}
.ban-top-proclntyear span em{
	margin:0px;
	font-size:50px;
	color:#fff;
	font-weight:900;
	letter-spacing:1px;
	color:rgba(255, 255, 255, 0.8);
	font-style:normal;
}
.ban-top-proclntyear span em i {
    font-style: normal !important;
}
.p-c1{
	color:#ffb400;
	margin:0px;
	font-size:20px;
	font-weight:600;
}
.p-c2{
	color:#b6fd03;
	margin:0px;
	font-size:20px;
	font-weight:600;
}
.p-c3{
	color:#58e9ff;
	margin:0px;
	font-size:20px;
	font-weight:600;
}
.ban-midlst{
	width:100%;
	height:auto;
	margin:auto;
	text-align:center;
	margin-top:45px;
	color:#fff;

}
.ban-midlst strong{
	margin:0px;
	font-size:48px;
	color:#fff;
	font-weight:800;
	display:block;
}
.ban-midlst h5{
	margin:0px;
	font-size:22px;
	color:#fff;
	font-style:italic;
	font-weight:300;
	padding-top:20px;
	display:inline-block;
	font-family: 'Fjalla One', sans-serif
}
.ban-midlst i img{
	width:auto;
	margin-right:-10px;
	margin-top:-4px;
}
.ban-midlst span{
	margin:0px;
	padding-top:20px;
	font-size:22px;
	color:#fff;
	font-weight:600;
	color:rgba(255, 255, 255, 0.7);
	display:inline-flex;
	margin-left:25px;
	margin-right:25px;
}
.ban-midlst span .fa{
	margin-right:5px;
	color:#ffb400;
	font-size:12px;
	margin-top:10px;
}
.lnk-btn{
	width:530px;
	width:500px;
	height:auto;
	margin:auto;	
	background: none repeat scroll 0 0 rgba(0,0,0,0);
    border-color: #9fc3d2;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    padding: 18px 20px;
	margin-top:30px;	
}
.lnk-btn a{
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	font-size:16px;
	
}
.lnk-btn a em{
	font-style:normal;
}
.lnk-btn a .fa{
	margin-left:20px;	
}
.lnk-btn:hover{	
	background: #fff;
    border-color: #fff;
}
.lnk-btn:hover a{
	color:#000;
	font-weight: 400
}



.skype-call-lst{
	width:100%;
	height:auto;
	margin:auto;
}
.skype-call-lst ul{
	margin:0px;
	padding:0px;
}
.skype-call-lst ul li{
	width:100%;
	list-style-type:none;
	margin-top:20px;
	color: #D8231A;
	border-radius:2px;
	background:#D8231A;
	border:1px solid #D8231A;
}
.skype-call-lst ul li img{
	margin-bottom:5px;
}
.skype-call-lst ul li a{
	color:#fff;
	font-size:15px;
	font-weight:700;
	line-height:48px;
	display:block;
	text-transform:uppercase;
	min-width:170px;
	text-align:center;
}
.skype-call-lst ul li:hover{
	background:#333;
	border:1px solid rgba(255, 255, 255, 0.7);
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
}
.skype-call-lst ul li a .fa{
	margin-right:10px;
	color:#F15922;
}

.banner-home2 {
  position: relative;
  z-index: 999;
  margin-top: 230px;
  margin-bottom: 40px;
}
.login-top{
	width:100%;
	height:auto;
	margin:auto;
	position:relative;
}
.login-top ul{
	margin:0px;
	padding:0px;
	padding-top: 10px;
}
.login-top ul li{
	float:left;
	list-style-type:none;
	margin-right:20px;
	margin-top:0px;
	margin-left:10px;

}
.login-top ul li img{
	width:auto;
}

.login-top ul li a{
	font-size:18px;
	text-decoration:none;
	font-weight:400;
	color:#e52119;
}
.login-top ul li a:hover{
	color:#F15922;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
}
.login-top ul li a .fa{
	margin-right:7px;
	color:#21195e;
	color:#21195e;
	color:rgba(0,0,0, 0.4);
	color:#21195e;
	color:#21195e;
	color:#e52119;
	
}
.l-t-right {
    float: right;
}
.l-t-right a{
  color: white;
  font-size: 15px;
}
.l-t-right .fa{
  margin:5px;
}

.font40{ font-size:40px; line-height:50px;}

.omatics-bg {
    background-image: url(../images/omatics-bg.svg);
}
.omatics-bg1 {
    background-image: url(../images/home-ourwork-bg.jpg); 
}

.card-category-negative-space {
    margin-top:-162px;
}

.card-category-space {
    padding: 40px 0px 170px;
}

.clients-list2{ margin:0px; padding:0px;}

ul.clients-list2 li {
    display: inline-block;
    width: 182px;
    border: 1px solid #f2f2f2;
    margin-bottom: 5px;
    overflow: hidden;
}
ul.clients-list2 li img {
    width: 100%;
    transition: transform .2s;
}
ul.clients-list2 li img:hover {
                transform: scale(1.6);
            }
			
			
			.section-title h6 {
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 800;
    letter-spacing: 3px;
    position: relative; color:#F15922;
}

.section-title h6::after {
    content: "";
    width: 40px;
    height: 2px;
    background: #F15922;
    position: absolute;
    right: -50px;
    top: 6px;
}
.working-process__box {
    border: 1px solid #e2e5e7;
    border-radius: 5px;
    padding: 40px 30px 25px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.working-process__thumb {
    max-width: 60px;
    margin-bottom: 35px;
    display: inline-block;
    position: relative;
}
.working-process__thumb::before {
    position: absolute;
    content: '';
    width: 80px;
    height: 2px;
    background: #F15922;
    left: -10px;
    bottom:-22px;
}

.working-process__box h4{ font-size:25px;}

.footer .form-control {
    width: 100%;
    padding: 6px 16px;
    font-size: 19px;
    line-height: 1.42857143;
    background-image: none;
    background-color:transparent;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    margin-bottom:0px;
    border: 2px solid #e6ecef;
}

.contact-us .form-group {
    margin-bottom:0px;
}




.text-danger{ color:#c72127}
.text-green{ color:#00914c}

.btn1{display: inline-block;
color: #000;
font-size: 14px;
text-transform: capitalize;
line-height: 20px;
border-bottom: 1px solid; background-color:#fff; padding:10px;}

.bullet-arrow-circle-right li::before {
    font-family: "FontAwesome";
    font-weight: 400;
    display: block;
    position: absolute;
    left: 0;
    font-size:24px;
    color: #74c508;
    content: "\f058";
    line-height:30px;
}
.bullet-arrow-circle-right li{ line-height:35px; padding:0px; margin:0px;}
.bullet-arrow-circle-right{  padding:0px 0px 0px 20px; margin:0px;}

.bullet-arrow-circle-right2 li{ line-height:35px; padding:0px; margin:0px; border-bottom:1px solid #fff;}

.bullet-arrow-circle-right1 li::before {
    font-family: "FontAwesome";
    font-weight: 400;
    display: block;
    position: absolute;
    left: 0;
    font-size:15px;
    color: #D8231A;
    content: "\f061";
    line-height:35px;
}












@media screen and (max-width:1366px) {
  .slider-captions { position: absolute; bottom: 70px; width: 100%; left:80px; }
  .slider-title { color: #21195e; font-size: 22px; font-weight: 700; line-height: 42px; }
    .slider-title span{font-size: 55px;}
  .slider .owl-prev { position: absolute; left: 0px; top: 40%; left: 0px; }
  .slider .owl-next { position: absolute; right: 0px; top: 40%; right: 0px; }


.header-transparent #navigation > ul > li > a {
    padding: 5px 15px 10px;
}
@media screen and (min-width:1300px) and (max-width:1440px) {
  .slider-captions { position: absolute; bottom: 70px; width: 100%; }
}

@media screen and (max-width:1280px) {
	
.slider-captions span {
    font-size: 65px;
}

.slider-title {
    line-height: 44px; margin-bottom:0px;
}
.slider-captions {
    bottom: 65px;
}

}

/*============= media query max-width: 768px; =============*/
@media only screen and (max-width:768px) {
  #translation {
    display: none;
}
.header-transparent #navigation {
  margin-top: 8px;
}
.page-header {
  margin-bottom: -65px;
}

.purchase img {
  border: 1px solid #d5d5d5;
  width: 100%;
  height: 120px;
}
.owl-carousel .owl-wrapper-outer {
  margin-top: 0px;
}
.purchase  img{
  width: 30%;
 float: left;
}
.news {
  min-height: 246px;
}
#navigation.small-screen ul {
  margin-top: 14px;
}
.bg-white {
  background-color: #fff0;
}

  /* start query */
  #dfjd{
    background:white; 
    background-size: contain; 
    background-repeat: no-repeat; 
    background-position: right  center;
   }
   .footer {
    background-color: white;
    border-top: 2px solid rgb(206, 206, 206);
    background-image:none;

  
  
  }
  .header-socail{
    display: none;
  }
  #slider{
    top: 0px;
  }
  .l-t-right {
    float: right;
    width: 111%;
}
  .header { padding-top: 5px; padding-bottom: 5px; }

    .slider-title span{font-size: 45px;}

  /*--------------- slider for mobile view ( for mobile view  )---------- */
  .slider-captions { position: absolute; bottom: 160px; font-size:22px; }
  .slider-title { color: #21195e; font-size: 18px; text-transform: uppercase; font-weight: 700; line-height: 36px; }
  .slider .owl-prev { position: absolute; left: 0px; top: 30%; left: 0px; }
  .slider .owl-next { position: absolute; right: 0px; top: 30%; right: 0px; }

  /*--------------- Page Header ( for mobile view  )---------- */
  .page-header { padding: 40px 0px 20px; }
  .page-title { font-size: 28px; margin-bottom: 14px; }
  .btn-action { text-align: center; }
  .btn-action .btn { padding: 10px; float: left; margin-left: 5px; }
  .sub-nav>.nav li a { border-bottom: 1px solid #dee7f2; margin-bottom: 0px; }
  .childern { padding-left: 0px; }
  .widget-share { background-color: #fff; padding: 14px; position: absolute; top: 0px; right: 0px; }
  .search-nav { display: none; }
  .rate-counter-block { text-align: center;  border-right:0px solid #dee7f2;}
  .rate-icon { float: none; margin-bottom: 10px; }
  .loan-rate { font-size: 24px; }

  /*--------------- index - 4 ()-------------*/
  .header-transparent { position: relative; background:white; }
  .header-transparent #navigation.small-screen #menu-button {
    display: block;
    padding: 16px 0px;
    color: #ffffff00;
    cursor: pointer;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    border-top: 0px solid #21195e;
    margin-top: -70px;
    margin-left: 209px;
}
  .header-transparent #navigation.small-screen ul li { width: 100%; border-top: 1px solid #21195e; }
  .header-transparent #navigation.small-screen .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid #009649; height: 35px; width: 46px; cursor: pointer; background-color:#D8231A }
  .header-transparent #navigation.small-screen ul ul li a { color: #21195e; background:rgba( 255, 255, 255, 0.8)}
  #navigation ul ul li a {
    padding: 10px 15px 9px 15px;
  }
 
  .logo img {
  display: block;
  margin-left: 0px;
  margin-right: auto;
  width: 50%;
  margin-bottom:0px;

}

.logo{
 background: white;
 opacity: none;

}

.banner-home2 {
    position: relative;
    z-index: 999;
    margin-top:30px;
    margin-bottom: 40px;
}

.header-topbar p{ font-size:15px; line-height:20px;}

.detox-water-shape .shape3 {
    position: absolute;
    right: 00px;
    top: 380px;
    -webkit-animation: moveBounce 5s linear infinite;
    animation: moveBounce 5s linear infinite;
    max-width: 120px;
}
  
  .pinside60 {
    padding: 20px 20px;
}

.min {
    min-height: 245px;
}

.pinside40 {
    padding: 20px 20px;
}

.special-offer--style-2 .text {
  font-size: 31px;
  line-height: 43px;
}
  
  
  .pinside20 {
    padding: 20px 10px 20px 20px;
}


.header-transparent #navigation > ul > li > a {
    padding: 5px 17px 10px;
    font-size: 20px;
    text-decoration: none;
    color: #fff;
    font-weight: 400; background-color:#fff !important; border-radius:0px; margin:0px;
}


.section-title { margin-top:20px;
}
}

/* start query */ }
@media only screen and (max-width:320px) {

/*--------------- slider for mobile view ( for mobile view  )---------- */
.slider-captions { position: absolute; bottom: 18px; text-align: center; width: 100%; }
.slider-title { color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; line-height: 26px; }
.slider .owl-prev { position: absolute; left: 0px; top: 30%; left: 0px; }
.slider .owl-next { position: absolute; right: 0px; top: 30%; right: 0px; }
.rate-icon { float: none; }
.rate-counter-block { text-align: center; }
.loan-rate { font-size: 24px; }
.widget-share { background-color: #fff; padding: 14px; position: absolute; top: 0px; right: 0px; }
.search-nav { display: none; }
}




/*=====  End of 21. Blog Post  ======*/
/*=============================================
=           22.  Footer           =
=============================================*/
footer {
  background-color: #ffffff; }

/*----------  newsletter section  ----------*/
.newsletter-section {
  background-color: #008459;
  color: #ffffff; }
  .newsletter-section .newsletter-title h1 {
    color: #ffffff;
    font-size: 31px;
    line-height: 42px;
    margin-bottom: 0; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .newsletter-section .newsletter-title h1 {
        font-size: 25px;
        line-height: 30px; } }

.subscription-form-wrapper p {
  margin-bottom: 0;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%; }
  @media only screen and (max-width: 479px) {
    .subscription-form-wrapper p {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
    
     
    
    
    
    }

.subscription-form {
  position: relative;
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%;
  padding-right: 160px;
  background-color: #ffffff;
  height: 50px;
  border-radius: 50px;
  padding-top: 12px;
  padding-left: 20px; }
  @media only screen and (max-width: 479px) {
    .subscription-form {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      padding-right: 120px; } }
  .subscription-form input {
    width: 100%;
    border: none; }
  .subscription-form button {
    position: absolute;
    top: 3px;
    right: 3px;
    background: none;
    border: none;
    background-color: #80bb01;
    padding: 10px 30px;
    text-transform: uppercase;
    border-radius: 50px; }
    @media only screen and (max-width: 479px) {
      .subscription-form button {
        padding: 10px 20px; } }
    .subscription-form button:hover {
      background-color: #5d8801; }
  .subscription-form .mailchimp-alerts {
    position: absolute;
    top: 50px; }

/*----------  social contact section  ----------*/
.social-contact-section h2 {
  font-size: 31px;
  line-height: 42px;
  font-weight: 500;
  margin-bottom: 20px; }

.social-links a {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  line-height: 40px;
  text-align: center;
  margin-right: 10px;
  position: relative; }
  .social-links a:last-child {
    margin-right: 0; }
  .social-links a.facebook {
    background-color: #4867AA; }
    .social-links a.facebook:hover {
      background-color: #30436b; }
  .social-links a.twitter {
    background-color: #1DA1F2; }
    .social-links a.twitter:hover {
      background-color: #4e98e6; }
  .social-links a.instagram {
    background-color: #B23A94; }
    .social-links a.instagram:hover {
      background-color: #882e71; }
  .social-links a.linkedin {
    background-color: #007BB6; }
    .social-links a.linkedin:hover {
      background-color: #0b577b; }
  .social-links a.youtube {
    background-color: #FF0000; }
    .social-links a.youtube:hover {
      background-color: #df0000; }
  .social-links a:before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 12px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 14px;
    font-weight: 400;
    background-color: #444444;
    color: #ffffff;
    line-height: 16px;
    padding: 5px 10px;
    border-radius: 2px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .social-links a:after {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-bottom: 8px;
    margin-left: -4px;
    content: "";
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #444444 transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .social-links a:hover:before, .social-links a:hover:after {
    visibility: visible;
    opacity: 1; }

.single-contact {
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%; }
  @media only screen and (max-width: 767px) {
    .single-contact {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%; } }
  @media only screen and (max-width: 479px) {
    .single-contact {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%; } }
  .single-contact .icon {
    font-size: 40px;
    margin-right: 10px; }
  .single-contact p {
    color: #777777; }
    .single-contact p span {
      display: block; }
  .single-contact:first-child {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .single-contact:first-child {
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .single-contact:first-child {
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%; } }
    @media only screen and (max-width: 767px) {
      .single-contact:first-child {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%; } }
    @media only screen and (max-width: 479px) {
      .single-contact:first-child {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%; } }

/*----------  footer navigation  ----------*/
.footer-navigation-section {
  text-transform: uppercase;
  position: relative; }
  .footer-navigation-section:before {
    position: absolute;
    top: 0;
    left: 27%;
    width: 73%;
    height: 1px;
    background-color: #e0e0e0;
    content: "";
    margin-left: -13.5%; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .footer-navigation-section:before {
        width: 100%;
        left: 0;
        margin-left: 0; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .footer-navigation-section:before {
        width: 100%;
        left: 0;
        margin-left: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .footer-navigation-section:before {
        width: 100%;
        left: 0;
        margin-left: 0; } }
    @media only screen and (max-width: 767px) {
      .footer-navigation-section:before {
        width: 100%;
        left: 0;
        margin-left: 0; } }
    @media only screen and (max-width: 479px) {
      .footer-navigation-section:before {
        width: 100%;
        left: 0;
        margin-left: 0; } }
  .footer-navigation-section:after {
    position: absolute;
    bottom: 0;
    left: 27%;
    width: 73%;
    height: 1px;
    background-color: #e0e0e0;
    content: "";
    margin-left: -13.5%; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .footer-navigation-section:after {
        width: 100%;
        left: 0;
        margin-left: 0; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .footer-navigation-section:after {
        width: 100%;
        left: 0;
        margin-left: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .footer-navigation-section:after {
        width: 100%;
        left: 0;
        margin-left: 0; } }
    @media only screen and (max-width: 767px) {
      .footer-navigation-section:after {
        width: 100%;
        left: 0;
        margin-left: 0; } }
    @media only screen and (max-width: 479px) {
      .footer-navigation-section:after {
        width: 100%;
        left: 0;
        margin-left: 0; } }

.single-navigation-section h3 {
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 20px; }

.single-navigation-section ul li {
  margin-bottom: 10px; }
  .single-navigation-section ul li:last-child {
    margin-bottom: 0; }
  .single-navigation-section ul li a {
    font-size: 12px;
    line-height: 18px;
    color: #777777; }
    .single-navigation-section ul li a:hover {
      color: #80bb01; }

/*----------  copyright section  ----------*/
.copyright-section p {
  margin-bottom: 0; }



.copyright-section .copyright-segment p a {
  color: #222; }
  .copyright-section .copyright-segment p a:hover {
    color: #80bb01; }

.copyright-section .copyright-segment p span.separator {
  padding: 0 10px;
  color: #222; }

.copyright-section .copyright-segment p.copyright-text a {
  color: #777; }
  .copyright-section .copyright-segment p.copyright-text a:hover {
    color: #80bb01; }
	
	.about-section p{ text-align:justify}
	
.about-section {
 position:relative
}
.about-section.bg-f4faf4 {
 background-position:center center;
 background-size:cover;
 background-repeat:no-repeat;
 position:relative;
 background-color:#f4faf4
}
.about-section.section-bottom {
 padding-bottom:175px
}

.about-title-area .about-title {
 border-right:1px solid #dfdddf;
 padding-right:35px
}
.about-title-area .about-title span {
 color:#209e2e;
 font-size:15px;
 display:block;
 margin-bottom:8px;
 text-transform:uppercase
}
.about-title-area .about-title h2 {
 margin-bottom:0;
 font-size:38px;
 font-weight:700
}


.about-title-area .about-text .read-more-btn {
 margin-top:18px;
 display:inline-block;
 color:#209e2e;
 font-size:16px;
 font-weight:600
}
.about-title-area .about-text .read-more-btn i {
 -webkit-transition:.6s;
 transition:.6s;
 display:inline-block
}
.about-title-area .about-text .read-more-btn:hover i {
 margin-left:3px
}
.about-slider .about-item .about-text {
 padding:20px;
 background-color:#fdfdfd;
 border-left:1px dashed #8fe2aa;
 border-right:1px dashed #8fe2aa;
 border-bottom:1px dashed #8fe2aa;
 border-radius:0 0 5px 5px;
 line-height:1
}
.about-slider .about-item .about-text span {
 font-size:15px;
 color:#209e2e;
 position:relative;
 padding-left:18px
}
.about-slider .about-item .about-text span::before {
 position:absolute;
 content:"";
 height:10px;
 width:10px;
 background-color:#209e2e;
 left:0;
 top:4px;
 border-radius:30px
}
.about-slider .about-item .about-text h3 {
 font-size:16px;
 margin:10px 0 0;
 line-height:22px
}
.about-slider.owl-theme .owl-nav {
 opacity:0;
 visibility:hidden;
 margin-top:0;
 -webkit-transition:.6s;
 transition:.6s
}
.about-slider.owl-theme .owl-nav [class*=owl-] {
 position:absolute;
 left:-16px;
 top:50%;
 height:40px;
 width:40px;
 line-height:38px;
 background-color:#209e2e!important;
 border:1px solid #209e2e!important;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 margin:0;
 padding:0;
 -webkit-transition:.6s;
 transition:.6s;
 color:#fff!important;
 font-size:16px;
 border-radius:50px
}
.about-slider.owl-theme .owl-nav [class*=owl-].owl-next {
 left:auto;
 right:-16px
}
.about-slider.owl-theme .owl-nav [class*=owl-]:hover {
 color:#209e2e!important;
 background-color:#fff!important;
 border:1px solid #fff!important;
 -webkit-box-shadow:0 10px 30px rgba(0,0,0,.07);
 box-shadow:0 10px 30px rgba(0,0,0,.07)
}
.about-slider.owl-theme .owl-dots {
 line-height:.01;
 margin-top:30px;
 margin-bottom:0
}
.about-slider.owl-theme .owl-dots .owl-dot span {
 width:10px;
 height:10px;
 margin:0 4px;
 background-color:#333;
 -webkit-transition:.6s;
 transition:.6s;
 border-radius:30px
}
.about-slider.owl-theme .owl-dots .owl-dot:hover span {
 background-color:#209e2e
}
.about-slider.owl-theme .owl-dots .owl-dot.active span {
 background-color:#209e2e
}
.about-slider.owl-theme:hover .owl-nav {
 opacity:1;
 visibility:visible
}
.about-content-area .about-content {
 margin-top:20px
}
.about-content-area .about-content h3 {
 font-size:25px;
 margin:0 0 10px
}
.about-content-area .about-content p {
 margin:0
}
.about-content-area .about-list {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 padding-left:0;
 list-style-type:none;
 margin-bottom:0;
 margin-top:0;
 margin-left:-10px;
 margin-right:-10px
}
.about-content-area .about-list li {
 -webkit-box-flex:0;
 -ms-flex:0 0 50%;
 flex:0 0 50%;
 max-width:50%;
 margin-top:20px;
 padding-left:10px;
 padding-right:10px
}
.about-content-area .about-list i {
 display:inline-block;
 height:25px;
 width:25px;
 line-height:25px;
 background-color:#eafef1;
 color:#209e2e;
 border:1px solid #209e2e;
 border-radius:30px;
 text-align:center;
 font-size:14px;
 font-weight:700;
 margin-right:6px
}
.about-shape-image {
 position:absolute;
 top:220px;
 z-index:-1
}	
	
.about-title-area h2 { color:#D8231A;
}	
	
	
	
/*================================================
 Why Choose Area CSS
 =================================================*/
.why-choose-area {
  background-image: url(../images/why-choose-bg.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.why-choose-area.choose-item-two {
  background-image: url(../images/why-choose-bg-2.jpg);
}
.why-choose-area.choose-item-two .why-choose-item {
  margin-right: auto;
  margin-left: 0;
}
.why-choose-item {
  background-color: #fef8f5;
  padding: 50px;
  max-width: 800px;
  margin-left: auto;
  margin-right: 0;
}
.why-choose-item .content p{ text-align:justify}
.why-choose-item .content p span {
  font-size: 18px;
  color: #D8231A;
  font-weight: 500;
}
.why-choose-item .content h3 {
  font-size: 40px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.why-choose-item .inner-content {
  position: relative;
  padding-left: 75px;
  margin-top: 30px;
}
.why-choose-item .inner-content .icon {
  position: absolute;
  left: 0;
  right: 0;
}
.why-choose-item .inner-content .icon i {
  display: inline-block;
  height: 60px;
  width: 60px;
  line-height: 60px;
  background-color: #f99459;
  color: #ffffff;
  text-align: center;
  font-size: 35px;
  border-radius: 50px;
  transition: 0.5s;
}
.why-choose-item .inner-content h4 {
  font-size: 22px;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}
.why-choose-item .inner-content:hover .icon i {
  background-color: #D8231A;
  color: #ffffff;
}
	
	
	.mad-grid-item { margin-bottom:20px !important;}

	.section-title p{ margin-bottom:10px !important;}
	
	
	.news2 .panel-default > .panel-heading {
    color: #333;
    background-color:transparent;
    border-color:transparent;
}
.news2 .panel-body {
    padding:10px 15px;
}

.news2 .panel-heading {
    padding: 0px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.news2 .panel {
    margin-bottom: 20px;
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) -2.89%,
      #ffffff 50.83%
    ),
    #f6fbe9; border:0px;
    border-bottom: 1px solid #aabf58; padding: 20px;
}

.news2 h4{ font-weight:500; font-size: 18px;}
	.news2 p, .news2 a, .news2 li{ font-size:18px; 
}
.news2 ul {
    margin: 0px;
    padding:0px  31px;
}
.news2 ul li{ padding-bottom:0px;}

.news2 .btn {
    font-size: 14px;
    border-radius: 2px;
    line-height: 12px;
    letter-spacing: 1px;
    padding: 12px 20px;
    border: none;
    font-weight: 500; background-color:transparent; border:1px solid #ccc;  text-transform:capitalize; margin-top:10px; 
}

.news3 .btn {
    font-size: 14px;
    border-radius: 2px;
    line-height: 12px;
    letter-spacing: 1px;
    padding: 12px 20px;
    border: none;
    font-weight: 500; background-color:transparent; border:1px solid #ccc;  text-transform:capitalize; margin-top:10px; color:#e52119
}

.news2 .widget {
    margin-bottom:0px;
}

	
@media only screen and (max-width: 767px) {
  .copyright-section .copyright-segment {
    margin-bottom: 15px; } 
	
	.social-links a {
    margin-right: 0px;
}

.tiny-footer p { font-size:12px; margin-bottom:10px;
}

.loan-rate {
    font-size: 18px; line-height:18px;
}
.section-title h1{ font-size:28px;}

.news1 {
    padding:30px 0px;
}

.overview-content h3 {
    font-size: 28px;
}

.mad-grid-item { margin-bottom:20px !important;}

.why-choose-item {
    padding:20px;

}

.news {
    padding:0px;
}
	
	
	.newshome {
    padding:10px;
}
	
	.news2 .panel-body {
    padding: 10px 0px;
}

.news2 .panel-heading {
    padding: 0px 0px;
	
}

.bullet-arrow-circle-right li {
    line-height: 27px;
	
}

.news2 ul li {
    padding-bottom: 10px;
}
	}
	
	
	
	
  .modal-content {
    background: #f9bc11;
    background: -moz-linear-gradient(top, #00a651 0%, #009649 100%);
    background: -webkit-linear-gradient(top, #f7c705 0%,#ffc90a 100%);
    background: linear-gradient(to bottom, #ffb405 0%,#d7a90b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a651', endColorstr='#009649',GradientType=0 );
}

.modal-content h3 {
  color: #000000;
}
.modal-content p{ color:#fff}{
color: #000;

font-weight: 500;

padding-bottom: 4px;

border: 1px solid #fbda5e;

display: inline-block;

background-color: #fbda5e;

font-size: 15px;

padding: 5px 5px;

}

.modal-content1 {

    background-color: #fff;

}
.service2 h3{ font-size:16px; widows:100%}
.quadrat {
 -webkit-animation: NAME-YOUR-ANIMATION 1s infinite; /* Safari 4+ */
  -moz-animation:    NAME-YOUR-ANIMATION 1s infinite; /* Fx 5+ */
  -o-animation:      NAME-YOUR-ANIMATION 1s infinite; /* Opera 12+ */
  animation:         NAME-YOUR-ANIMATION 1s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes NAME-YOUR-ANIMATION {
0%, 49% {
   color: rgb(255,255,255);
}
50%, 100% {
    color: #fed52b;
}
}

.quadrat1 {
 -webkit-animation: NAME-YOUR-ANIMATION1 1s infinite; /* Safari 4+ */
  -moz-animation:    NAME-YOUR-ANIMATION1 1s infinite; /* Fx 5+ */
  -o-animation:      NAME-YOUR-ANIMATION1 1s infinite; /* Opera 12+ */
  animation:         NAME-YOUR-ANIMATION1 1s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes NAME-YOUR-ANIMATION1 {
0%, 49% {
   color: rgb(0,0,0);
}
50%, 100% {
    color: #d62f1d;
}
}



.request-sidebtn {
  position: fixed;
  left: -15px;
  top: 32%;
  z-index: 20;
  cursor: pointer;
  transition: all ease .3s;
  display: none;
}

.request-sidebtn:hover{
  left: 0;
}


.tawk-button{
  display: none;
}









.blink {
  font-size: 16px;
  color: white;
  font-weight: 700;
  text-align: center;
  animation: blink 1s infinite;
  margin-top: 5px;
}











.orange-theme{
	background:rgba(255,201,198,0.95);
}

.green-theme{
	background:rgba(206,232,169,0.95);
}

.gajar-theme{
	background:rgba(253,145,137,0.95);
}

.chili-theme{
	background:rgba(190,252,129,0.95);
}



















.default-form input[type="text"], .default-form input[type="email"], .default-form input[type="password"], .default-form select, .default-form textarea {
  display: block;
  width: 100%;
  line-height: 24px;
  height: 48px;
  font-size: 14px;
  border: 1px solid #363636;
  padding: 11px 20px;
  background-color: #ffffff;
  color: #010101;
  border-radius: 0px;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.default-form .form-group {
  position: relative;
  margin-bottom: 20px;
}
.btn-style-one:hover {
  background: none;
  color: #f4c210;
  border-color: #f4c210;
}

.btn-style-one {
  position: relative;
  padding: 8px 30px;
  line-height: 24px;
  text-transform: capitalize;
  background: #f4c210;
  color: #ffffff;
  border: 2px solid #f4c210;
  font-size: 14px;
  font-weight: 700;
  border-radius: 22px;
}







.logo {
  background-image: url(../images/grouploader.gif);
  z-index: 999;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
}












 /*********socail media********************/

.icon-bar {
  position: fixed;
  top: 75%;
  right: 2px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99999;
}

.icon-bar a {
  display: block;
  margin: 5px 0px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
}

.socialmedia {
  background-color: #fff !important;
  color: #ef7f1a;
  padding: 18px;
  -webkit-transition: all ease-out .5s;
  -moz-transition: all ease-out .5s;
  -o-transition: all ease-out .5s;
  transition: all ease-out .5s;
}

.icondown {
  background-color: #ef7f1a !important;
  color: #fff;
}








/* whatsap chat  */
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	left:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}

.bounce {
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%,
    25%,
    50%,
    75%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-20px);
    }
    60% {
        transform: translateY(-12px);
    }
}


.product-images{
  padding: 10px;
  margin-bottom: 10px;
  background-image: url(../images/product-bg.jpg);
  z-index: 999;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
}












/* callnow  */
@-webkit-keyframes pulse{
  0%{
    -webkit-transform: scale(0.9);
  }
  50%{
    -webkit-transform: scale(1.1);
  }
  100%{ 
    -webkit-transform: scale(0.9);
  }
}
.mypage-alo-phone {
    position: fixed;
    left: 20px;
    bottom:100px;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 200000 !important;
}
.mypage-alo-ph-img-circle {
        width: 30px;
        height: 30px;
        top: 43px;
        left: 43px;
        position: absolute;
        background:  url(../images/call.png) no-repeat center center;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        z-index: 999;
        border: 2px solid transparent;
        opacity: .7;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        background-color: #FF992C;
        background-size: 70%;
      -webkit-animation: pulse 01s infinite;
}
.mypage-alo-ph-circle-fill {
  
    width: 60px;
    height: 60px;
    top: 28px;
    left: 28px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: rgba(241, 168, 5, 0.5);
    opacity: .75 !important;
    -webkit-animation: pulse 1s infinite;
}
.mypage-alo-ph-circle{
    width: 90px;
    height: 90px;
    top: 12px;
    right: 12px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    opacity: .1;
    border-color:#ffb56b;
    opacity: .5;
}


#translation{
  margin-top: 5px;
}



.mt-20{
  margin-top: 20px;
}

.purchase  img{
  border: 1px solid #d5d5d5;
  width: 100%;
  height: 100px;
}




@media only screen and (max-width: 600px) {
  .about-section {
  
    margin-top: 42px;
}
}