@charset "utf-8";

/* CSS Document */

/*------------------------------------------------------------------

Template Name:      Dual Agency - Real Estate Broker Website Template
Version:            1.0.0
Last change:        15/12/2016 
Author:             Jitu Chauhan

------------------------------------------------------------------
[CSS Table of contents]

1.  Body / Typography 
2.  Form Elements
3.  Buttons
4.  General / Elements
        4.1 Section space
        4.2 Margin space
        4.3 Padding space
        4.4 Background color
        4.5 Features
        4.6 Bullets 
        4.7 Call to actions
        4.8 Img hover effect
        4.9 Icon
        
        -----------------------
5. Header / Navigations
        5.1 Header Regular
        5.2 Header Transparent
        5.3 Navigation Regular
        5.4 Page Header

        -----------------------
6. Slider
        6.1 Slider
        -----------------------
7. Content
8. Footers
9. Pages
    9.1  About us
    9.2  Borad of Director
    9.3  Team
    9.4  Team single
    9.5  Service
    9.6  Service Single / sidebar with sidenav
    9.7  Testimonial
    9.8  Porpoerty listing
    9.9  Property single v1
    9.10 Request form
    9.11 Faq's
    9.12 Error / 404 
    9.13 Contact us
    ------------------------------------
10.Blog
    10.1 Blog Default
    10.2 Blog Single
    10.3 Blog two column
    10.4 Blog four column
    10.5 Add new if new update
    ------------------------------------
11.Sidebar
    11.1 Widget
    11.2 Sidenav
    ------------------------------------
12. Shortcodes
    12.1 Tabs
    12.2 Accordions
    12.3 Columns
    12.4 Alerts
    --------------------------

13. Media Queries
-------------------------------------------------------------------*/

/*-----------------------------------
    1. Body / Typography 
-----------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600');

body { font-size: 15px; -webkit-font-smoothing: antialiased; font-family: 'Lato', sans-serif; line-height: 1.9; color: #7d7d7d; }
h1, h2, h3, h4, h5, h6 { margin: 0px 0px 10px 0px; color: #383c40; font-family: 'Libre Baskerville', serif; }
h1 { font-size: 26px; line-height: 1.6; }
h2 { font-size: 19px; }
h3 { font-size: 15px; }
h4 { font-size: 12px; }
p { margin: 0 0 20px; }
ul, ol { }
ul li, ol li { }
a { color: #d5504f; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
a:focus, a:hover { text-decoration: none; color: #d5504f; }
strong { font-weight: 700;}
.highlight { color: #d5504f; }
.text-italic { font-style: italic; }
.small-text { }
blockquote { padding: 10px 0px; margin: 0 0 20px; font-size: 36px; border-left: transparent; color: #d5504f; line-height: 42px; }
blockquote.alignright { max-width: 50%; }
blockquote.alignleft { max-width: 50%; }
p:last-child { margin-bottom: 0px; }
.listnone { list-style: none; margin: 0px 0px 0px 0px; padding: 0; }
.required { color: red }
.lead { font-size: 21px; color: #312e2a; font-weight: 500; line-height: 36px; margin-bottom: 30px !important; }
.lead-strong { }
.section-title { }
.text-white { color: #fff; }
.text-red { color: #d5504f; }
.title { color: #383c40; }
.meta-link { color: #7e7b76; }
.box-shadow { box-shadow: 0px 0px 5px 0px rgba(222, 222, 222, 1); }
.underline { text-decoration: underline; }
::selection { background: #ffecb3; color: #333; }

/*-----------------------------------
    2. Form css 
-----------------------------------*/
label { color: #383c40; }
.control-label { text-transform: uppercase; color: #383c40; font-size: 13px; font-weight: 600; }
.form-control { width: 100%; height: 48px; padding: 10px; font-size: 14px; line-height: 1.42857143; color: #555; background-image: none; background-color: #fafaf8; 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: 10px; border: 1px solid #e8e7e4; }
.form-control:focus { outline: 0; background-color: #fff; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); }
.required { color: red }
textarea.form-control { border-radius: 2px; height: auto; }
select.form-control { background-color: #fafaf8; color: #555; -webkit-appearance: none; -moz-appearance: none; background-position: 97% 50%; background-repeat: no-repeat; background-image: url(../images/down-arrow.png); padding-right: 15px; margin-bottom: 15px; }
button.btn { height: 47px; padding: 10px 40px; }
.checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; line-height: 1.4; }
.required { color: #ff0000; }

/*-----------------------------------
    3. Buttons 
-----------------------------------*/
.btn { font-size: 12px; line-height: 12px; letter-spacing: 1px; text-transform: uppercase; font-weight: 600; padding: 20px 40px; border: none; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .2); }
.btn-default { background-color: #d5504f; color: #fff1f1; border-color: #c64241; }
.btn-default:hover { color: #fff; background-color: #c43a39; border-color: #c43a39; }
.btn-default.focus, .btn-default:focus { color: #fff; background-color: #c43a39; border-color: #c43a39; }
.btn-primary { background-color: #304b7d; color: #b7cef6; border: 2px solid #304b7d; }
.btn-primary:hover { color: #fff; background-color: #466399; border: 2px solid #466399; }
.btn-primary.focus, .btn-primary:focus { color: #5b5955; background-color: #fff; border: 2px solid #dddad4; }
.btn-secondary { background-color: #fff; color: #d5504f; }
.btn-secondary:hover { }
.btn-outline { background-color: transparent; color: #5b5955; border: 2px solid #dddad4; }
.btn-outline:hover { color: #d5504f; background-color: #dddad4; border: 2px solid #dddad4; }
.btn-outline.focus, .btn-outline:focus { color: #5b5955; background-color: #fff; border: 2px solid #dddad4; }
.btn-lg { padding: 25px 50px; font-size: 16px; text-align: center; }
.btn-sm { padding: 14px 30px; }
.btn-xs { padding: 5px 10px; }
.btn-link { color: #d5504f; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; border-bottom: 2px solid #d5504f; padding-bottom: 4px; }
.btn-link:hover { text-decoration: none; border-bottom: 2px solid #344669; padding-bottom: 4px; color: #344669; }
.btn-link-white { }
.btn-link-white:hover { }
.btn-link-orange { }
.btn-link-white:hover { }

/*-----------------------------------
    4. General / Elements 
-----------------------------------*/

/*----------------------- 
    4.1 Section space :
-------------------------*/

/*Note: 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: 100px; padding-bottom: 120px; }

/*----------------------
    4.2 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; }

/*-----------------------
    4.3 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; }
.pinside130 { padding: 130px; }
.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; }

/*--------------------------------
 4.4 Background & Block color 
----------------------------------*/
.bg-light { background-color: #eae7e2; }
.bg-primary { background-color: #d5504f; color: #fff; }
.bg-default { background-color: #f8f7f4; }
.bg-white { background-color: #fff; }
.outline { border: 1px solid #f2f1ed; }
.link-title { }
.small-title { }
.bdr-btm { border-bottom: 2px solid #eae7e2; }
.green-text { }

/*--------------------------------
 4.5 Features Block 
----------------------------------*/

/*-- Features block class--*/

.feature { }
.feature-icon { font-size: 32px; color: #306ed3; }
.feature .feature-icon { line-height: 1 }

/*-- Feature icon left --*/
.feature-left { }
.feature-left .feature-icon { float: left; }
.feature-left .feature-content { padding-left: 60px; }
.feature-content { }

/*--------- feature center --------*/
.feature-center { text-align: center; }
.feature-center .feature-icon { margin-bottom: 20px; }
.feature-number { }
.feature-number-box { }
.feature-num-left { }
.feature-num-left .feature-number-box { float: left; line-height: 1; }
.feature-num-left .feature-content { padding-left: 80px; }
.number-title { font-size: 36px; font-weight: 600; font-family: 'Libre Baskerville', serif; color: #333; border-bottom: 2px solid #d5504f; }

/*--------------------------------
 4.6 Bullet 
----------------------------------*/
.bullet { position: relative; padding-left: 15px; line-height: 36px; }
.bullet-angle-double-right li:before { font-family: 'FontAwesome'; display: block; position: absolute; left: 0; font-size: 15px; color: #7e7b76; content: "\f101"; }
.bullet-check-circle li { padding-left: 10px; }
.bullet-check-circle li:before { font-family: 'FontAwesome'; display: block; position: absolute; left: 0; font-size: 15px; color: #d5504f; content: "\f05d"; }

/*--------------------------------
 4.7 Call to actions 
----------------------------------*/
.cta { padding-top: 80px; padding-bottom: 80px; }
.cta-title { font-size: 28px; }

/*--------------------------------
 4.8 Image Hover Effect 
----------------------------------*/
*, *::before, *::after { transition: all .3s ease-in-out; }
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: "\f055"; font-family: "FontAwesome"; font-size: 36px; }
.imghover:hover::before, .imghover:hover::after { opacity: 1; }
.imghover:hover::before { background: rgba(213, 80, 71, .7); }
.imghover:hover::after { color: #FFFFFF; }

/*--------------------------------
 4.9 Icon 
----------------------------------*/
.icon { }
.icon-size-regular { font-size: 18px; }
.icon-size-x { font-size: 30px; }
.icon-size-xx { font-size: 36px; }
.icon-size-xxx { font-size: 42px; }
.icon-default { color: #d5504f; }
.icon-primary { color: #afaca7; }
.icon-secondary { color: #bcbcbc; }

/*--------------------------------
 5 Header / Navigations 
----------------------------------*/

/*--------------------
     5.1 Header Regular 
    ----------------------*/

.header-regular { background-color: rgba(40, 60, 80, 1); position: relative; z-index: 8; }
.top-bar { border-bottom: 1px solid white; padding-top: 10px; padding-bottom: 10px; line-height: 1; }
.mail-text, .top-nav { font-size: 11px; color: white; text-transform: uppercase; font-weight: 600; }
.top-nav { }
.top-nav span { margin-right: 25px; border-left: 1px solid white; padding: 10px 0px; padding-left: 20px; }
.header { padding-top: 10px; padding-bottom: 10px; }

/*--------------------------
     5.2 Navigations Regular
    ----------------------------*/
.top-nav-collapse { background-color: rgba(126,2,30, 1); }
.navigation { float: right; margin-top: 10px; width: 100%; }
.navigation-collapse { background-color: #f67269; }
#navigation { float: right; }
#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 { font-family: 'Lato', sans-serif; background: transparent; }
#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: 20px; font-size: 12px; letter-spacing: 1px; text-decoration: none; color: white; font-weight: 700; text-transform: uppercase; }
#navigation > ul > li:hover > a { color: #333; background-color: #fff; }
#navigation > ul > li.has-sub > a { padding-right: 25px; }

/*#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; }

/*#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; }
#navigation.align-right li:hover > ul { left: auto; right: 0; }
#navigation li:hover > ul > li { height: 39px; }
#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 #eceef1; padding: 13px 15px; width: 200px; font-size: 12px; text-decoration: none; color: #383c40; font-weight: 600; background: #fff; text-transform: uppercase; }
#navigation ul ul li:last-child > a, #navigation ul ul li.last-item > a { border-bottom: 0; }
#navigation ul ul li:hover > a, #navigation ul ul li a:hover { color: #d5504f; }
#navigation ul ul li.has-sub > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #7e021e; content: ''; }
#navigation.align-right ul ul li.has-sub > a:after { right: auto; left: 11px; }
#navigation ul ul li.has-sub > a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #7e021e; 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 rgb(110, 0, 25); }
#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; padding: 20px;}
#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: white; background: none; }
#navigation.small-screen ul ul li:hover > a, #navigation.small-screen ul ul li.active > a { color: #ffffff; }
#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: 17px; color: #7e021e; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; }
#navigation.small-screen #menu-button:after { position: absolute; top: 22px; right: 17px; display: block; height: 8px; width: 20px; border-top: 2px solid #d5504f; border-bottom: 2px solid #d5504f; content: ''; }
#navigation.small-screen #menu-button:before { position: absolute; top: 16px; right: 17px; display: block; height: 2px; width: 20px; background: #d5504f; content: ''; }
#navigation.small-screen #menu-button.menu-opened:after { top: 23px; border: 0; height: 2px; width: 15px; background: #d5504f; -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: #d5504f; 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 rgb(110, 0, 25); height: 52px; width: 50px; cursor: pointer; }
#navigation.small-screen .submenu-button.submenu-opened { background: #d5504f; }
#navigation.small-screen ul ul .submenu-button { height: 34px; width: 34px; }
#navigation.small-screen .submenu-button:after { position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; }
#navigation.small-screen ul ul .submenu-button:after { top: 15px; right: 13px; }
#navigation.small-screen .submenu-button.submenu-opened:after { background: #ffffff; }
#navigation.small-screen .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; }
#navigation.small-screen ul ul .submenu-button:before { top: 12px; right: 16px; }
#navigation.small-screen .submenu-button.submenu-opened:before { display: none; }
#navigation.small-screen.select-list { padding: 5px; }

/*----------------------------------------------
     5.4 Page Header
 ----------------------------------------------*/
.page-section { padding: 220px 0px 100px 0px; }
.page-header { background: linear-gradient(rgba(110, 0, 25, 0.8), rgba(110, 0, 25, 0.8)), rgba(110, 0, 25, 0.8) url(../images/managing_comitee/top.jpg) no-repeat center; background-size: cover; color: #fff; margin: 0; border: none; position: relative; padding: 0px; }
.page-description { text-align: center; }
.page-title { color: #fff; margin-bottom: 20px; font-size: 36px; font-weight: 700; }
.page-title:after { display: block; margin: 15px auto; content: ""; border-bottom: 3px solid #d5504f; width: 100px; }
.page-breadcrumb { background-color: transparent; }
.page-breadcrumb .breadcrumb { background-color: transparent; padding: 10px 0px; margin-bottom: 0px; font-size: 12px; font-weight: 700; border: none; font-family: 'Libre Baskerville', serif; font-style: italic; }
.page-breadcrumb .breadcrumb>li a { color: #fff; }
.page-breadcrumb .breadcrumb>li a:hover { color: #fff; }
.page-breadcrumb .breadcrumb>.active { color: #fff; }
.page-breadcrumb .breadcrumb>li+li:before { padding: 0 5px; color: #fff; content: "\f101"; font: normal normal normal 12px/1 FontAwesome; }
.page-text { font-family: 'Libre Baskerville', serif; font-size: 21px; color: #eae7e2; font-style: italic; line-height: 32px; }

/*-----------------------------------
     6. Slider 
-------------------------------------*/
.slider { }
.slider-captions { position: absolute; bottom: 240px; text-align: center; width: 100%; }
.slider-title { color: #fff; font-size: 42px; line-height: 56px; margin-bottom: 20px; }
.slider-text { color: #fff; font-size: 18px; }
.slider-img { background: -moz-linear-gradient(top, rgba(126, 2, 30, 0.8) 0%, rgba(126, 2, 30, 0.8) 100%); background: -webkit-linear-gradient(top, rgba(126, 2, 30, 0.8) 0%, rgba(126, 2, 30, 0.8) 100%); background: linear-gradient(to bottom, rgba(126, 2, 30, 0.8) 0%, rgba(126, 2, 30, 0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc1b2429', endColorstr='#cc1b2429', GradientType=0); position: relative; }
.slider-img img { position: relative; z-index: -1; display: block; width: 100%; height: auto; }
#slider { position: relative; }
#slider .owl-buttons { }
#slider .owl-buttons div { background-color: transparent; }
#slider .owl-prev, #slider .owl-next { border: 2px solid #d5504f; font-size: 22px; width: 40px; height: 40px; line-height: 1.3 }
#slider .owl-prev { position: absolute; top: 50%; left: 20px; }
#slider .owl-next { position: absolute; top: 50%; right: 20px; }
#slider .owl-pagination { position: absolute; bottom: 20px; margin: 0 auto; width: 100%; }
#slider .owl-controls .owl-page span { background-color: transparent; border-radius: 2px; border: 2px solid #d5504f; }
#slider .owl-controls { margin-top: 0px; text-align: center; }

/*-----------------------------------
7. Content 
-------------------------------------*/
.content { padding-bottom: 100px; padding-top: 100px; }
.content-area { }
.sidebar-area { }

/*-----------------------------------
8. Footer 
-------------------------------------*/
.footer { background-color: #141414; color: white }
.footer-navigation { }
.footer-navigation ul { }
.footer-navigation ul li { }
.footer-navigation ul li a { float: left; padding: 10px 20px; text-transform: uppercase; font-size: 12px; color: #6e7f9e; letter-spacing: 1px; font-weight: 600; }
.footer-navigation ul li a:hover { color: #d5504f; }
.dark-line { border-top: 2px solid #2f3c53; }
.widget-footer { color: white; }
.widget-footer ul { }
.widget-footer ul li { margin-bottom: 5px; }
.widget-footer ul li a { font-size: 14px; color: white; }
.widget-footer ul li a:hover { color: #d5504f; padding-left: 20px; transition: all 1s ease-in-out; }
.footer-title { font-size: 14px; color: white; text-transform: uppercase; }
.address-text, .call-text, .time-text { font-size: 14px; color: white; }
.address-text a { color: white }
.address-text a:hover { color: royalblue; }

.call-text { }
.time-text { }
.footer-social { }
.footer-social ul { }
.footer-social ul li { margin-bottom: 15px; font-size: 12px; color: #6e7f9e; text-transform: uppercase; font-weight: 600; }
.footer-social ul li a { height: 22px; width: 22px; background-color: #41506c; color: #6e7f9e; border-radius: 50px; text-align: center; padding: 5px; font-size: 12px; display: inline-block; line-height: 1px; margin-right: 10px; text-transform: uppercase; }
.footer-social ul li a:hover { background-color: #d5504f; color: #fff; }
.newsletter-title { font-size: 14px; color: white; text-transform: uppercase; }
.tiny-footer { background-color: rgb(126,2,30); font-size: 12px; padding-top: 25px; padding-bottom: 25px; color: white; }

/*-----------------------------------
9. Pages 
-------------------------------------*/

/*-------------------------
  9.1 About us
---------------------------*/

.about-info { }
.counter-text { margin-bottom: 20px; padding-bottom: 18px; }
.team-info { font-weight: 600; font-size: 24px; color: #d5504f; }
.about-img { position: relative; text-align: center; }

/*--------------------------
  9.2  Borad of Director
----------------------------*/
.director-img { }
.director-info { padding-top: 158px; padding-left: 60px; }
.director-name { font-size: 26px; color: #312e2a; margin-bottom: 10px; }
.director-meta { color: #d5504f; font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: 3px; }

/*--------------------------
  9.3  Team / Team single
----------------------------*/
.team-block { }
.team-img { }
.team-img img { width: 100%; }
.team-content { padding-top: 20px; margin-bottom: 5px; }
.team-meta { font-size: 11px; color: #d5504f; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; }
.team-social { }
.team-social a { height: 32px; width: 32px; background-color: #e8e6e1; color: #aba9a4; border-radius: 50px; text-align: center; padding: 9px; font-size: 12px; display: inline-block; line-height: 1px; }
.team-social a:hover { background-color: #d5504f; color: #fff; }

/*-------------Agent-Details-------------*/
.contact-block { }
.contact { }
.contact li { position: relative; padding-left: 70px; margin-bottom: 20px; }
.contact li i { display: block; position: absolute; left: 0; font-size: 25px; font-size: 35px; text-align: center; }
.contact-form { margin-bottom: 40px; }

/*-------------------------
  9.4  Service / single / sidebar
--------------------------*/
.service-icon-box { display: inline-block; width: 100%; background-color: #fdfcfb; padding: 30px; margin-bottom: 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-radius: 4px; }
.service-icon-box:hover { background-color: #fff; -webkit-box-shadow: 0px 0px 24px 0px rgba(208, 206, 201, 0.62); -moz-box-shadow: 0px 0px 24px 0px rgba(208, 206, 201, 0.62); box-shadow: 0px 0px 24px 0px rgba(208, 206, 201, 0.62); }
.service-icon { }
.icon-circle { height: 84px; width: 84px; background-color: #feeae9; border-radius: 50px; border: 2px solid #fbd5d3; float: left; padding: 15px 15px 15px 18px; line-height: 1px; margin-right: 30px; }
.service-content { padding-top: 15px; }
.service-title { }
.service-img { }
.service-img img { width: 100%; }
.small-cta { position: relative; top: 130px; }
.call-no { font-size: 28px; color: #d5504f; }

/*-- service image block --*/
.service-image-block { margin-bottom: 30px; }

/*-------------Service-sidebar-------------*/
.sidenav { border-bottom: 1px solid #efeee9; }
.sidenav li { }
.sidenav li a { padding-top: 10px; padding-bottom: 10px; display: block; line-height: 16px; color: #312e2a; font-size: 16px; font-weight: 500; }
.sidenav li a i { padding-right: 10px; }
.sidenav li a:hover { color: #d5504f; }
.side-contact { font-size: 18px; }
.side-contact li { margin-bottom: 20px; }
.side-contact .contact-no { color: #312e2a; font-weight: 600; }

/*--------------------------
  9.5  Testimonial
---------------------------*/
.testimonial-block { box-shadow: 0px 0px 5px 0px rgba(222, 222, 222, 1); }
.customer-box { padding: 20px 0px 40px 30px; }
.testimonial-img { float: left; }
.customer-name { font-size: 14px; color: #d5504f; text-transform: uppercase; font-weight: 600; padding-left: 40px; display: inline-block; padding-top: 20px; letter-spacing: 2px; }
.testimonial-ctn { }
.testimonial-text { font-size: 20px; color: #312e2a; font-style: italic; line-height: 36px; }
#testimonial { }
#testimonial { position: relative; }
#testimonial .owl-buttons { }
#testimonial .owl-buttons div { background-color: transparent; }
#testimonial .owl-prev, #testimonial .owl-next { border: 2px solid #d5504f; font-size: 22px; width: 40px; height: 40px; line-height: 1.3; color: #d5504f; }
#testimonial .owl-prev { position: absolute; top: 50%; left: 20px; }
#testimonial .owl-next { position: absolute; top: 50%; right: 20px; }
#testimonial .owl-pagination { position: absolute; bottom: 20px; margin: 0 auto; width: 100%; }
#testimonial .owl-controls .owl-page span { background-color: transparent; border-radius: 2px; border: 2px solid #d5504f; }
#testimonial .owl-controls { margin-top: 0px; text-align: center; }

/*--------------------------
  9.7  Porpoerty listing
---------------------------*/
.property-block { }
.property-title { font-size: 20px; }
.property-img { }
.property-head { border-bottom: 2px solid #eae7e2; margin-bottom: 20px; padding-bottom: 18px; }
.property-price { font-size: 16px; color: #d5504f; font-weight: 600; }
.property-detail { }
.bedroom, .sqft, .bathroom { display: inline-block; width: 150px; line-height: 1 }
.bedroom i, .sqft i, .bathroom i { float: left; }
.description { font-size: 12px; color: #6b7175; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; padding-left: 10px; }
.property-meta { margin-bottom: 5px; }
.testimonial-box { }
.customer-img { display: inline-block; border: 5px solid #fff; border-radius: 50%; }

/*---------------------------
  9.8  Property single v1
----------------------------*/
.property-gallery { }
.map { height: 400px; }
.widget-price { }
.widget-feature { }
.widget-feature ul { }
.widget-feature ul li, .widget-address ul li { font-size: 16px; color: #312e2a; margin-bottom: 5px; font-weight: 600; }
.widget-address { }
.widget-address ul { }
.widget-address ul li { }
.widget-city { font-size: 16px; color: #383c40; font-weight: 600; }
.widget-property-social { }
.property-social { }
.property-social a { height: 32px; width: 32px; background-color: #e8e6e1; color: #aba9a4; border-radius: 50px; text-align: center; padding: 9px; font-size: 12px; display: inline-block; line-height: 1px; margin-right: 5px; }
.property-social a:hover { background-color: #d5504f; color: #fff; }

/*-------------------------
  9.9 Request form
---------------------------*/
.request-form { }
.form-title { font-size: 18px; color: #312e2a; }
.form-section { margin-bottom: 40px; }
.form-section-title { margin-bottom: 20px; border-bottom: 1px solid #e8e6e1; padding-bottom: 20px; font-size: 16px; }

/*-------------------------
  9.10 Faq's
---------------------------*/
.faq-block { margin-bottom: 30px; padding-bottom: 29px; border-bottom: 1px solid #eae7e3; }
.q-text { font-size: 20px; color: #fff; text-transform: uppercase; line-height: 2.3; }
.a-text { color: #d5504f; font-size: 20px; text-transform: uppercase; line-height: 2.3; }
.widget-faq { }
.widget-faq ul { margin-bottom: 15px; }
.widget-faq ul li { }
.question-circle { height: 46px; width: 46px; border-radius: 50px; background-color: #d5504f; text-align: center; }
.answer-circle { height: 46px; width: 46px; border-radius: 50px; background-color: #f5f4f4; text-align: center; }
.question { font-size: 18px; color: #312e2a; padding-left: 25px; }
.question-block { display: inline-block; }
.answer-block { }

/*-------------------------
  9.11 Error / 404
--------------------------*/

/*-------------Error-------------*/

.error-block { }
.error-img { border-bottom: 1px solid #eae7e2; margin-bottom: 40px; padding-bottom: 39px; }
.error-img img { width: 100%; }
.error-title { }

/*------------------------
  9.12 Contact us
--------------------------*/

/*--Location Block --*/

.location-block { }
.location-head-title { text-transform: uppercase; letter-spacing: 1px; font-size: 13px; padding-bottom: 30px; color: #d5504f; font-weight: 700; }
.location-title { font-family: 'Lato', sans-serif; font-weight: bold; }

/*------------------------
 10. Blog pages
--------------------------*/
.post-holder { }
.post-img { }
.post-sticky { position: absolute; top: 1px; left: 25px; background: url(../images/sticky.png); width: 24px; height: 32px; }
.post-title { }
.post-block { }
.post-header { }
.post-meta { line-height: 34px; font-size: 11px; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; color: #7e7b76; border-top: 2px solid #eae7e3; margin-bottom: 20px; padding-bottom: 18px; }
.meta-date { color: #d75858; }
.meta-comment { }
.meta-author { }
.meta-cat { }
.meta-date, .meta-comment, .meta-author, .meta-cat { padding-right: 20px; padding: 10px 9px; }
.post-content { }
.post-meta span { border-right: 2px solid #eae7e3; }
.quote-block { background-color: #f8f7f4; }
.quote-sign { font-size: 36px; color: #eae7e3; }
.related-post-block{margin-top: 30px; margin-bottom: 30px;}
.related-post{}
.related-content{}
.related-img{margin-bottom: 30px;}
.related-title{line-height: 28px;}

.next-prev-post{margin-top: 30px; margin-bottom: 30px; background-color: #f8f7f4;  padding:30px;}
.prev-post{}
.next-post{text-align: right;}
.prev-link{}
.next-link{}
.next-link,.prev-link{font-size: 11px; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; color: #7e7b76;font-family: 'Lato', sans-serif; font-weight: bold;}
.next-link:hover,.prev-link:hover{}
.prev-link-title{}
.next-link-title{}

.post-author-block{background-color: #fff;  border:1px solid #efeee9; margin-bottom: 30px;}
.post-author-name{margin-bottom: 30px;}
.author-profile{padding: 30px; display: inline-block;}
.author-badge{font-family: 'Lato', sans-serif; background-color: #d5504f; padding: 2px 10px; color: #fff; 
border-radius: 20px; font-weight: 700;line-height: 1; font-size: 12px; margin-left: 10px;   }
.author-img{text-align: center;}
.author-info{}
.author-social{background-color: #f8f7f4; padding: 10px;}
.author-social a{  color: #aba9a4; background-color: #e8e6e1; border-radius:30px; padding-left: 10px;
    padding-top: 3px;
    width: 30px; height: 30px; display: inline-block; font-size: 12px;}
.author-social a:hover{background-color: #d5504f; color: #fff;}
.author-social a>i:hover{color: #fff;}
/*----- comments-----*/
.comments-area { border-bottom: 1px solid #e8eaec; padding: 40px;    background-color: #fff;
    border: 1px solid #efeee9; }
.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: 12px; font-weight: 400; text-transform: uppercase; margin-top: 10px; }
.comment-meta-date { }
.comment-content { }
.reply { }
.reply-title { margin-bottom: 40px; }
.childern { padding-left: 140px; }
.childern .comment{background-color: #f8f7f4;}
.childern .comment-body{padding: 20px;}
.leave-comments { background-color: #f3f5f5; }

/*-------------Pagination-------------*/
.st-pagination { }
.st-pagination .pagination>li>a, .pagination>li>span { position: relative; float: left; margin-left: -1px; line-height: 1.42857143; color: #7e7b77; text-decoration: none; font-size: 13px; border-color: #f4f1ec; font-weight: 800; border-radius: 50px; text-transform: uppercase; margin-right: 7px; margin-bottom: 5px; padding: 10px 15px; background-color: #f4f1ec; }
.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: #d5504f; border-color: #d5504f; border-radius: 50px; }
.st-pagination .pagination>li:first-child>a, .st-pagination .pagination>li:first-child>span { margin-left: 0; border-radius: 50px; }
.st-pagination .pagination>li:last-child>a, .st-pagination .pagination>li:last-child>span { border-radius: 50px; }
.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: #d5504f; border-color: #d5504f; border-radius: 50px; }

/*------------------------
  11. Sidebar / Widgets
--------------------------*/
.sidebar { background-color: #f8f7f4; }
.widget { border-bottom: 1px solid #efeee9; }
.widget-title { font-size: 13px; color: #d5504f; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 800; letter-spacing: 2px; }
.widget-search { }
.widget-category { }
.widget-category li a, .widget-archives li a { padding-top: 10px; padding-bottom: 10px; display: block; line-height: 16px; color: #7e7b76; font-size: 16px; font-weight: 500; }
.widget-category li a i, .widget-archives li a i { padding-right: 10px; }
.widget-category li a:hover, .widget-archives li a:hover { color: #d5504f; }
.widget-archives { }
.widget-recent-post { }
.recent-block { }
.recent-title { font-size: 16px; color: #312e2a; line-height: 26px; }
.widget-tags { }
.widget-tags a { text-transform: uppercase; background-color: #e2e0dc; border-color: #e2e0dc; padding: 11px 10px; display: inline-block; margin-bottom: 5px; font-weight: 700; font-size: 12px; line-height: 12px; color: #7e7b76; }
.widget-tags a:hover { background-color: #d65453; color: #fff; border-color: #d65453; }

/*---------------------------------
12. Shortcodes
----------------------------------*/

/*-----------------
    12.1 Tabs
-------------------*/

.st-tabs { }
.st-tabs .nav-tabs { border-bottom: 1px solid transparent; }
.st-tabs .nav-tabs>li>a { margin-right: 0px; line-height: 1.42857143; border: 1px solid #e8e6e1; border-radius: 2px 2px 0 0; background-color: #fff; font-size: 12px; text-transform: uppercase; color: #383c40; font-weight: 600; padding: 20px 8px; letter-spacing: 1px; }
.st-tabs .nav-tabs>li>a:hover { background-color: #d5504f; border-bottom: 1px solid #eae7e3; color: #fff; border-color: transparent; }
.st-tabs .nav-tabs>li.active>a, .st-tabs .nav-tabs>li.active>a:focus, .st-tabs .nav-tabs>li.active>a:hover .st-tabs .nav-tabs>li>a:hover { background-color: #d5504f; border-bottom: 1px solid #eae7e3; color: #fff; border-color: transparent; }
{ color: #383c40; cursor: default; background-color: #f8f7f4; border: 1px solid #dee7f2; border-bottom-color: transparent; }
.st-tabs .tab-content { padding: 30px; background-color: #fff; border-left: 1px solid #e8e6e1; border-right: 1px solid #e8e6e1; border-bottom: 1px solid #e8e6e1; }
.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 { background-color: #d5504f; border: 1px solid #d5504f; border-bottom: 1px solid #d5504f; color: #fff; }

/*----------------------
    12.2 Accordion
-----------------------*/
.st-accordion { }
.st-accordion .panel { }
.st-accordion .panel-default { border-color: #eae7e2; }
.st-accordion .panel-default>.panel-heading { background-color: transparent; }
.st-accordion .panel-heading { padding: 20px 40px; }
.st-accordion .panel-body { padding: 40px; }

/*----------------------
    12.2 Alert
-----------------------*/

/*-----------------
    12.4 Column
-------------------*/

.column-block { margin-bottom: 30px; }

/********** 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; opacity: 0; border-radius: 10px; background: rgba(213, 80, 79, 100) url(../images/cd-top-arrow.svg) no-repeat center 50%; -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: #fff; opacity: 1; }

/*-------------------------------- 
    Media Query 
--------------------------------*/
@media only screen and (max-width:768px) {

    /* header */
    .header-transparent { background-color: rgba(40, 60, 80, 1); position: relative; }
    .navbar-fixed-top { position: relative; right: 0; left: 0; z-index: 1030; }

    /* slider */
    .slider-captions { position: absolute; bottom: 40px; text-align: center; width: 100%; }
    .slider-title { color: #fff; font-size: 32px; line-height: 46px; margin-bottom: 20px; }
    .slider-text { color: #fff; font-size: 18px; }
    #slider .owl-prev { position: absolute; top: 30%; left: 10px; }
    #slider .owl-next { position: absolute; top: 30%; right: 10px; }
    #slider .owl-prev, #slider .owl-next { border: 2px solid #d5504f; font-size: 12px; width: 30px; height: 30px; line-height: 1.5; }
    #slider .owl-pagination { position: absolute; bottom: 0px; margin: 0 auto; width: 100%; }

    /* page header */
    .page-section { padding: 60px 0px 60px 0px; }

    /* Director page */
    .director-info { padding-top: 40px; padding-left: 20px; }
    /* blog single page comments*/
    .childern{padding-left: 0px;}
}
@media only screen and (max-width:1024px) {
    /* header */
    .header-transparent { background-color: rgba(110, 0, 25, 1); position: relative; }
    .navbar-fixed-top { position: relative; right: 0; left: 0; z-index: 1030; }
    #navigation > ul > li > a {
    padding: 10px;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #e4edff;
    font-weight: 700;
    text-transform: uppercase;
}
/* slider */
    .slider-captions { position: absolute; bottom: 80px; text-align: center; width: 100%; }
    .slider-title { color: #fff; font-size: 32px; line-height: 46px; margin-bottom: 20px; }
    .slider-text { color: #fff; font-size: 18px; }
    #slider .owl-prev { position: absolute; top: 30%; left: 10px; }
    #slider .owl-next { position: absolute; top: 30%; right: 10px; }
    #slider .owl-prev, #slider .owl-next { border: 2px solid #d5504f; font-size: 12px; width: 30px; height: 30px; line-height: 1.5; }
    #slider .owl-pagination { position: absolute; bottom: 0px; margin: 0 auto; width: 100%; }
    /* page header */
    .page-section { padding: 60px 0px 60px 0px; }


}


@media screen and (max-width:1366px) {
    /* slider */
    .slider-captions { position: absolute; bottom: 80px; text-align: center; width: 100%; }
    .slider-title { color: #fff; font-size: 32px; line-height: 46px; margin-bottom: 20px; }
    .slider-text { color: #fff; font-size: 18px; }
    #slider .owl-prev { position: absolute; top: 50%; left: 10px; }
    #slider .owl-next { position: absolute; top: 50%; right: 10px; }
    #slider .owl-prev, #slider .owl-next { border: 2px solid #d5504f; font-size: 12px; width: 30px; height: 30px; line-height: 1.5; }
    #slider .owl-pagination { position: absolute; bottom: 0px; margin: 0 auto; width: 100%; }
    /* page header */
    .page-section { padding: 60px 0px 60px 0px; }
   
}
@media screen and (min-width:1300px) and (max-width:1440px) {
     /* slider */
    .slider-captions { position: absolute; bottom: 100px; text-align: center; width: 100%; }
    .slider-title { color: #fff; font-size: 32px; line-height: 46px; margin-bottom: 20px; }
    .slider-text { color: #fff; font-size: 18px; }
    #slider .owl-prev { position: absolute; top: 50%; left: 10px; }
    #slider .owl-next { position: absolute; top: 50%; right: 10px; }
    #slider .owl-prev, #slider .owl-next { border: 2px solid white; color: white; font-size: 12px; width: 30px; height: 30px; line-height: 1.5; }
    #slider .owl-pagination { position: absolute; bottom: 0px; margin: 0 auto; width: 100%; }
    /* page header */
    .page-section { padding: 180px 0px 60px 0px;}
   
}

@media only screen and (max-width:375px) {
    .slider-captions { position: absolute; bottom: 40px; text-align: center; width: 100%; }
    .slider-title { color: #fff; font-size: 18px; line-height: 21px; margin-bottom: 10px; }
}
/*my css*/
.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: #7e021e; margin-bottom: 6px; font-size: 18px; }

.mybtn-secondary { background-color: #7e021e; color: white; }
.mybtn-secondary:hover { background-color: #7e021e; color: black; }

.mybtn-block {
    display: block;
    width: 100%;
}
.mybtn { font-size: 14px; border-radius: 2px; line-height: 12px; letter-spacing: 1px; text-transform: uppercase; padding: 10px 30px; border: none; font-weight: 600; }
.btn-outline { border: 2px solid #dee4ee; color: #9aa9c3; background-color: transparent; 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: #15549a; font-weight: 500; padding-bottom: 4px; border-bottom: 2px solid #15549a; display: inline-block; }
.btn-link:hover { color: #f51f8a; font-weight: 500; padding-bottom: 4px; border-bottom: 2px solid #f51f8a; text-decoration: none; }
.btn-link-white { }
.btn-link-white:hover { }
.btn-link-orange { }
.btn-link-white:hover { }

/*blink */
/*.blink_me {
    !*animation: blinker 1s linear infinite;*!
    text-decoration: blink;
}*/
.blink_me {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}
@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

.my-bullets ul{
    list-style: none;
    padding: 0;
}
.my-bullets li {
    padding-left: 2.3em;
}
.my-bullets li:before {
    content: "\f00c"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 2em; /* same as padding-left set on li */
    color: rgba(126,2,30, 1);
}
.my-bullets a:link {
    color: black;
}
.my-bullets a:visited {
    color: black;
}
.my-bullets a:hover {
    color:  rgba(126,2,30, 1);
    font-weight: bold;
    padding-left: 20px;
    transition: all 0.5s ease-in-out;
}




.quick-down ul{
    list-style: none;
    padding: 0;
}
.quick-down li {
    padding-left: 2.3em;
}
.quick-down li:before {
    content: "\f1c1"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 2em; /* same as padding-left set on li */
    color: rgba(126,2,30, 1);
}
.quick-down a:link {
    color: black;
}
.quick-down a:visited {
    color: black;
}
.quick-down a:hover {
    color:  rgba(126,2,30, 1);
    font-weight: bold;
    padding-left: 20px;
    transition: all 0.5s ease-in-out;
}

.my-p-moc-name{
    margin-bottom: 0px;
    font-weight: bold;
    color:#4b5565;
    font-size: 15px;
}
.my-p-moc-name:hover{
    font-size: 17px;
    transition: all 0.5s ease-in-out;
}

.my-p-moc-desig{
    margin-bottom: 0px;
    font-weight: bold;
}
.my-p-moc-desig:hover{
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 15px;
    transition: all 0.5s ease-in-out;
}

.quick-link-moc ul{
    list-style: none;
    padding: 0;
}
.quick-link-moc li {
    padding-left: 2.3em;
}
.quick-link-moc li:before {
    content: "\f0c1"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 2em; /* same as padding-left set on li */
    color: rgba(126,2,30, 1);
}
.quick-link-moc a:link {
    color: black;
}
.quick-link-moc a:visited {
    color: black;
}
.quick-link-moc a:hover {
    color:  rgba(126,2,30, 1);
    font-weight: bold;
    padding-left: 20px;
    transition: all 0.5s ease-in-out;
}

/*about mcoop*/
.about-mcoop-page-header {
    background: linear-gradient(rgba(110, 0, 25, 0.8), rgba(110, 0, 25, 0.8)), rgba(110, 0, 25, 0.8) url(../images/aboutmcoop/about-us.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    margin: 0;
    border: none;
    position: relative;
    padding: 0px;
}

/*mission vision mcoop*/
.mission-mcoop-page-header {
    background: linear-gradient(rgba(110, 0, 25, 0.8), rgba(110, 0, 25, 0.8)), rgba(110, 0, 25, 0.8) url(../images/mission-vision/mission-vision.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    margin: 0;
    border: none;
    position: relative;
    padding: 0px;
}

.gallery-mcoop-page-header {
    background: linear-gradient(rgba(110, 0, 25, 0.8), rgba(110, 0, 25, 0.8)), rgba(110, 0, 25, 0.8) url(../images/gallery/gal.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    margin: 0;
    border: none;
    position: relative;
    padding: 0px;
}

/*financial mcoop*/
.finance-mcoop-page-header {
    background: linear-gradient(rgba(110, 0, 25, 0.8), rgba(110, 0, 25, 0.8)), rgba(110, 0, 25, 0.8) url(../images/financial-statement/top.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    margin: 0;
    border: none;
    position: relative;
    padding: 0px;
}

/*Loans*/
.loans-page-header {
    background: linear-gradient(rgba(110, 0, 25, 0.8), rgba(110, 0, 25, 0.8)), rgba(110, 0, 25, 0.8) url(../images/loans/top.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    margin: 0;
    border: none;
    position: relative;
    padding: 0px;
}

/*contact*/
.contact-page-header {
    background: linear-gradient(rgba(110, 0, 25, 0.8), rgba(110, 0, 25, 0.8)), rgba(110, 0, 25, 0.8) url(../images/contact-us/top.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    margin: 0;
    border: none;
    position: relative;
    padding: 0px;
}

/*Depoait*/
.deposit-mcoop-page-header {
    background: linear-gradient(rgba(110, 0, 25, 0.8), rgba(110, 0, 25, 0.8)), rgba(110, 0, 25, 0.8) url(../images/deposit/top.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    margin: 0;
    border: none;
    position: relative;
    padding: 0px;
}
.fin-state a:link {
    color: black;
}
.fin-state a:visited {
    color: black;
}
.fin-state a:hover {
    color:  rgba(126,2,30, 1);
    font-weight: bold;
    /*padding-left: 20px;*/
    transition: all 0.5s ease-in-out;
}
.table_text02 {
    font-family: 'Signika', sans-serif;
    color: rgba(126,2,30, 1);
    font-size: 17px;
    font-weight: normal;
    line-height: 23px;
    padding: 5px 0px;
    margin-bottom: 0px;
}

.run_text {
    color: #2F2F2F;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 23px;
    padding-top: 10px;
    margin-bottom: 0px;
}

.table.rt-responsive-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Roboto Condensed', sans-serif;
    color: #373737;
    font-size: 14px;
    font-weight: normal;
}
.table.rt-responsive-table td, table.rt-responsive-table th {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left;
}

.rt-responsive-table th {
    background: rgba(126,2,30, 1);
    font-family: 'Roboto Condensed', sans-serif;
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
}
.rt-responsive-table th {
    background: rgba(126,2,30, 1);
    font-family: 'Roboto Condensed', sans-serif;
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
}
.rt-responsive-table tr:nth-of-type(odd) {
    background: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    color: #373737;
    font-size: 14px;
    font-weight: normal;
}
.rt-responsive-table tr:nth-of-type(odd) {
    background: #eff1f4;
    font-family: 'Roboto Condensed', sans-serif;
    color: #373737;
    font-size: 14px;
    font-weight: normal;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.rt-responsive-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Roboto Condensed', sans-serif;
    color: #373737;
    font-size: 14px;
    font-weight: normal;
}
.rt-responsive-table td, table.rt-responsive-table th {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left;
}
.zoomImg:hover img{
    width: auto;
    height: auto;
    margin: 0 auto;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.button {
    /*font: bold 15px Arial;*/
    text-decoration: none;
    background-color: rgba(126,2,30, 1);
    color: white !important;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid rgba(126,2,30, 1);
    border-right: 1px solid rgba(126,2,30, 1);
    border-bottom: 1px solid rgba(126,2,30, 1);
    border-left: 1px solid rgba(126,2,30, 1);
}
.button:hover {
    /*font: bold 15px Arial;*/
    text-decoration: none;
    background-color: white;
    color: rgba(126,2,30, 1) !important;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-left: 1px solid white;
}

/* Style the tab */
.tab {
    float: left;
    /*border: 1px solid #ccc;*/
    /*background-color: rgba(126,2,30, 1)*/;
    width: 30%;
    height: 300px;
}

/* Style the buttons inside the tab */
.tab button {
    display: block;
    background-color: white;
    color: rgba(126,2,30, 1);
    padding: 3px 16px;
    width: 100%;
    border: 1px solid rgba(126,2,30, 1);
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    /*font-size: 17px;*/
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: rgba(126,2,30, 0.2);
    color: black;
}

/* Create an active/current "tab button" class */
.tab button.active {
    background-color: rgba(126,2,30,1);
    color: white;
    border-top: 1px solid rgba(126,2,30, 1);
    border-bottom: 1px solid rgba(126,2,30, 1);
    border-left: 1px solid rgba(126,2,30, 1);
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 10px 10px 10px 10px;
    border: 1px solid rgba(126,2,30, 1);
    width: 70%;
    border-left: none;
    height: auto;
}

.shadow{
    border-radius: 5px;
    box-shadow: 10px 10px 5px #ccc;
    -moz-box-shadow: 10px 10px 5px #ccc;
    -webkit-box-shadow: 10px 10px 5px #ccc;
    -khtml-box-shadow: 10px 10px 5px #ccc;
    margin-bottom: 5px;
}

.tabImageDiv{
    margin-bottom: 5px;
}
my-benifits{
    font-size: 20px;
    color: rgba(126,2,30, 1);
    font-weight: bold;
}
my-polaroid {
    width: 80%;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 25px;
}

my-container {
    text-align: center;
    padding: 10px 20px;
}

.link-designer{
    color: white;
}
.link-designer:hover {
    color: royalblue;
}
.link-designer:focus {
    color: white;
}