/*-----------------------------------------------------------------------
/*  Theme Name  : BERG
/*  Description : Creative Resume Template
/*  Version     : 1.4
/*-----------------------------------------------------------------------

1. GLOBAL STYLES (USED IN VARIOUS SECTION OF THE WEBSITE)
        1.1 GENERAL STYLES
        1.2 TEXT COLOR
        1.3 ANCHOR
        1.4 HEADING

2. COMPONENTS (ELEMENTS USED IN MANY SECTION)
        2.1. BUTTON
        2.2. DIVIDER
        2.3. UPPERCASE
        2.4. SELECT BOXES CUSTOM
        2.5. RADIO BUTTON CUSTOM
        2.6. CHECKBOX CUSTOM

3. PRELOADER

4. HOME
        4.1. TEXT SLIDER
        4.2. SLIDESHOW
        4.3. PARALLAX
        4.4. BLINKER

5. NAVIGATION
        5.1. NAVIGATION - CENTER MENU

6. SECTION STYLES & COMPONENTS

        6.1. SECTION - PROFILE
            6.1.1. PROFILE TEXT
            6.1.2. CONTACT DETAILS
            6.1.3. PROFILE PICTURE

        6.2. SECTION - PORTFOLIO
            6.2.1. MAGNIFIC POP UP CUSTOM
            6.2.2. MAGNIFIC POP UP CUSTOM - FADE EFFECT

        6.3. SECTION - SERVICES

        6.4. SECTION - STRENGHTS

        6.5. SECTION - RESUME

        6.6. SECTION - REFERENCES

        6.7. SECTION - SKILLS

        6.8. SECTION - KNOWLEDGE

        6.9. SECTION - ACCOLADES

        6.10. SECTION - MILESTONES

        6.11. SECTION - WORK PROCESS

        6.12. SECTION - CONTACT
            6.12.1. CONTACT FORM
            6.12.2. CONTACT DETAILS

        6.13. SECTION - BLOG

7. MAP

8. FOOTER

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


/*---------------------------------------------------------------------*/
/*  1. GLOBAL STYLES
/*  1.1 GENERAL STYLES
/*---------------------------------------------------------------------*/
body, html { width: 100%; height: 100%; color:#000; letter-spacing: inherit; line-height: 25px; }
#investment-properties p { line-height: 25px; }
body {  font-family: 'Lato', sans-serif; font-size: 18px; line-height: 30px; overflow-x: hidden; }
/*---------------------------------------------------------------------*/


.btn.btn-custom, .btn-info, .btn, .readbtn { background-color: #4295d1; background-color: #4295d1; font-family: 'Raleway', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #ffffff; border-radius: 3px; box-shadow: 0 3px 0 #218689; }
.page-scrollbtn { display: block; text-align:center; margin: 20px auto; }
.readbtn { }
.btn.btn-custom:hover, .btn-info:hover, .btn:hover, .readbtn:hover { background-color: #218689;  box-shadow: 0 3px 0 #218689; }
.btn.btn-custom > i { padding-right: 2px; }
header.hero:before { position: absolute; content: ''; z-index: 10; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
header.hero .pattern-overlay { position: absolute; z-index: 15; width: 100%; height: 100%; background-image: url('../images/bg-pattern.png'); background-repeat: repeat; }
header.hero .hero-body { position: relative; z-index: 15; display: table-cell; vertical-align: middle; padding: 80px 30px; }
header.hero .hero-body .hero-text { color: rgba(255, 255, 255, 0.9); }
header.hero .hero-body .hero-text h1 { font-size: 48px; font-weight: 700; letter-spacing: -4px; color:#fff; }
header.hero .hero-body .hero-text h1.small > span.blinker { position: relative; }
header.hero .hero-body .hero-text h1.small > span.blinker:before { position: absolute; top: 50%; left: 8px; content: ''; width: 2px; height: 30px; margin-top: -15px; background-color: #ffffff; -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }
.text-center { text-align: center; padding-left:19px; }
/*---------------------------------------------------------------------*/
/*  4.3. PARALLAX
/*---------------------------------------------------------------------*/
header.hero .hero-body .hero-text p { margin-top: 10px; font-size: 20px; }
header.hero .hero-body .hero-text .page-scroll { margin-top: 50px; }
header.hero.parallax-yes { display: block; background: none; }
header.hero.parallax-yes > .parallax { width: 100%; height: 100%; }
header.hero.parallax-yes > .parallax > .bcg { display: table; width: 100%; height: 100%; background: #24252b; background-image: url('../images/bg-hero.jpg'); background-repeat: no-repeat; background-position: center bottom; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }

/*---------------------------------------------------------------------*/
/*  4.4. BLINKER
/*---------------------------------------------------------------------*/
@-moz-keyframes blinker { 0% {
 opacity: 1.0;
}
 50% {
 opacity: 0.0;
}
 100% {
 opacity: 1.0;
}
}
 @-webkit-keyframes blinker { 0% {
 opacity: 1.0;
}
 50% {
 opacity: 0.0;
}
 100% {
 opacity: 1.0;
}
}
 @keyframes blinker { 0% {
 opacity: 1.0;
}
 50% {
 opacity: 0.0;
}
 100% {
 opacity: 1.0;
}
}
/*---------------------------------------------------------------------*/
/*  5. NAVIGATION
/*---------------------------------------------------------------------*/
.navbar.navbar-fixed-top { margin: 0; border: 0; height: 66px; background-color: #2c3e50; border-bottom: 1px solid #282428; }
/*---------------------------------------------------------------------*/
/*  4.1. TEXT SLIDER
/*---------------------------------------------------------------------*/
#text-slider .carousel-inner { padding-bottom: 3px; }
/*---------------------------------------------------------------------*/
/*  4.2. SLIDESHOW
/*---------------------------------------------------------------------*/

.navbar.navbar-fixed-top .navbar-container { background-color: #2c3e50; }
.navbar.navbar-fixed-top .navbar-brand { font-family: 'Raleway', sans-serif; font-size: 27px; font-weight: 700; color: #a1a1a1; text-transform: uppercase; letter-spacing: 0.1em; height: 65px; line-height: 65px; padding-top: 0px; padding-bottom: 0px; }
.navbar.navbar-fixed-top .navbar-nav > li > a { padding-top: 0px; height: 40px; line-height: 40px; font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 700; color: #a1a1a1; /*  text-transform: uppercase;*/ letter-spacing: 2px; }
.navbar.navbar-fixed-top .navbar-nav > li > a:hover { background-color: #2c3e50; color: #ffffff; }
.navbar.navbar-fixed-top .navbar-nav > li > a:focus { background-color: #2c3e50; color: #a1a1a1; }
.navbar.navbar-fixed-top .navbar-nav > li.active > a { background-color: #2c3e50; color: #4295d1; }
.navbar.navbar-fixed-top .navbar-nav > li.active > a:hover { background-color: #2c3e50; color: #4295d1; }
.navbar.navbar-fixed-top .navbar-nav > li.active > a:focus { background-color: #2c3e50; color: #4295d1; }
.navbar.navbar-fixed-top .navbar-nav > li.dropdown > a:hover { color: #ffffff; }
.navbar.navbar-fixed-top .navbar-nav > li.dropdown.open > a { background-color: #2c3e50; color: #ffffff; }
.navbar.navbar-fixed-top .navbar-nav > li.dropdown.open > a:focus { background-color: #2c3e50; }
.navbar.navbar-fixed-top .navbar-nav > li.dropdown.active > a, .navbar.navbar-fixed-top .navbar-nav > li.dropdown.active.open > a { color: #4295d1; }
.navbar.navbar-fixed-top .navbar-nav > li.dropdown.active > a:hover, .navbar.navbar-fixed-top .navbar-nav > li.dropdown.active.open > a:hover { color: #4295d1; }
.navbar.navbar-fixed-top .navbar-nav .dropdown-menu { min-width: 180px; padding: 10px 0px; background-color: #2c3e50; }
.navbar.navbar-fixed-top .navbar-nav .dropdown-menu > li a { height: 35px; line-height: 35px; font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 700; color: #a1a1a1; text-transform: uppercase; letter-spacing: 2px; }
.navbar.navbar-fixed-top .navbar-nav .dropdown-menu > li a:hover { background-color: #2c3e50; color: #ffffff; }
.navbar.navbar-fixed-top .navbar-nav .dropdown-menu > li a:focus { background-color: #2c3e50; color: #a1a1a1; }
.navbar.navbar-fixed-top .navbar-nav .dropdown-menu > li.active a { color: #4295d1; background-color: #2c3e50; }
.navbar.navbar-fixed-top .navbar-nav .dropdown-menu > li.active a:hover, .navbar.navbar-fixed-top .navbar-nav .dropdown-menu > li.active a:focus { color: #4295d1; background-color: #2c3e50; }
.navbar.navbar-fixed-top .navbar-nav .caret { margin-top: -4px; }
.navbar.navbar-fixed-top .navbar-toggle { background-color: #4295d1; border-radius: 3px; margin-top: 18px; }
.navbar.navbar-fixed-top .navbar-toggle .icon-bar { background-color: #fff; }
.navbar.navbar-fixed-top .navbar-collapse { border: 0; }
/*---------------------------------------------------------------------*/
/*  5.1. NAVIGATION - CENTER MENU
/*---------------------------------------------------------------------*/

.footer{ color:#ccc;}
.right > p, .copyright_info {
    color: #ccc;
}

.copyright_info a {
    color: #fff;
}
.copyright_info a:hover {
    color: #ccc;
}


 @media (max-width: 767px) {
 .btn.btn-lg.btn-custom {
 padding: 6px 12px;
 font-size: 16px;
 line-height: 1.42857143;
}
}
 @media (max-width: 991px) {
 header.hero {
 margin-top: 65px;
}
}
 @media (min-width: 992px) {
 header.hero {
 height: calc(100% - 65px);
}
}
 @media (min-width: 480px) {
 header.hero .hero-body {
 padding: 100px 50px;
}
}
 @media (min-width: 768px) {
 header.hero .hero-body {
 padding: 50px;
}
}
 @media (min-width: 992px) {
 header.hero .hero-body {
 padding: 0px;
}
}
 @media (min-width: 600px) {
 header.hero .hero-body .hero-text h1 {
 font-size: 58px;
}
}
 @media (min-width: 768px) {

 header.hero .hero-body .hero-text h1.small > span.blinker:before {
 left: 10px;
 width: 3px;
 height: 40px;
 margin-top: -20px;
}
 header.hero .hero-body .hero-text h1.small {
 font-size: 66px;
}
}

@media screen and (min-width:769px) and (max-width:1000px) {
.nav > li > a {
 padding: 10px 5px;
}
}
 @media (min-width: 600px) {
 header.hero .hero-body .hero-text h1.small {
 font-size: 58px;
}
}
 @media (min-width: 992px) {
 header.hero .hero-body .hero-text h1.small > span.blinker:before {
 width: 3px;
 height: 50px;
 margin-top: -25px;
}
}
@media (min-width: 1280px) {
 header.hero.bg-slideshow-yes {
 background: transparent;
}
 header.hero.parallax-yes > .parallax > .bcg {
 background-attachment: fixed;
}
}
 @media (min-width: 992px) {
 .navbar.navbar-fixed-top {
 position: relative;
}
}
 @media screen and (min-width:481px) and (max-width:767px) {
.nav > li {
 display: block;
 float: left;
 position: relative;
 width: 50%;
}
}
 @media (min-width: 992px) {
 .navbar.navbar-fixed-top .navbar-nav > li > a {
 height: 65px;
 line-height: 65px;
}
}
 @media (max-width: 991px) {
 .navbar.navbar-fixed-top .navbar-nav .dropdown-menu {
 padding-top: 0px;
}
}
 @media (max-width: 991px) {
 .navbar.navbar-fixed-top .navbar-collapse {
 border-bottom: 1px solid #282428;
}
}