/*-----------------------------------------------------------------------
/*  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 { background-color: #0d0c0d; font-family: 'Lato', sans-serif; font-size: 18px; line-height: 30px; overflow-x: hidden; }
h4, .h4 { font-size: 18px !important; font-weight:bold; }
.titlesmall { font-weight:bold !important; text-transform: capitalize; margin: 0; }
.titlesmall p { margin:0px; text-align:left; }
.text-muted { color: #000; font-weight: normal; }
.leftpanel h2 { margin-top: 12px; }
.cherytitle { color: #c80a48; }
#finamt1, #finamt2, #finamt3, #finamt4, #finamt5, #finamt6, #finamt7, #finamt8, #finamt9, #finamt10 { font-weight:normal; }
/*---------------------------------------------------------------------*/
/*  1.2. Why Text 
/*---------------------------------------------------------------------*/

.why-text p, .why-text { color: #000000; text-align: justify; }
.why-text ul { margin:0; padding:0px; }
.why-text ul li { margin: 0 0 10px 0px; padding:0px; list-style:none; }
.why-text ul li strong { color:#171717; }
.why-text h2 { text-align:center; margin: 15px 0; font-size:24px; font-weight:bold; }
.countval { left: 0; top: 0; z-index: 0; display:none; }
/*---------------------------------------------------------------------*/
/*  1.2. TEXT COLOR
/*---------------------------------------------------------------------*/
.text-grey { color: #000000; }
footer .text-grey { color: #999 }
.colored-text { color: #c80a48; }
.profile-picture { text-align:center; margin-bottom:15px; margin-top: 20px; }
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: inherit !important }
/*---------------------------------------------------------------------*/
/*  1.3. ANCHOR
/*---------------------------------------------------------------------*/
a { color: #c80a48; outline: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
a:hover, a:focus { color: #c80a48; outline: none; text-decoration: none; }
/*---------------------------------------------------------------------*/
/*  1.4. HEADING

/*---------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: 'Raleway', sans-serif; }
.panel-title h4 { margin: 0; }
.work-experience h3 { margin-bottom: 10px; margin-top: 20px; }
h2, .h2 { font-size: 24px !important; font-weight:bold; color: #000000; margin-bottom:10px; }
.subheading { font-size: 24px; font-weight: bold; margin: 20px 0; }
.smallcase { text-transform:lowercase !important; }
h3, .h3 { font-size: 24px !important; font-weight: bold; text-transform:capitalize; }
#accolades h3 { text-transform: capitalize; }
.author { color: #999; font-weight: bold; }
/*---------------------------------------------------------------------*/
/*  2. COMPONENTS
/*  2.1. BUTTON
/*---------------------------------------------------------------------*/

.page-scroll2 { margin:0 auto; }
.btn.btn-custom, .btn-info, .btn, .readbtn { background-color: #c80a48; background-color: #c80a48; font-family: 'Raleway', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #ffffff; border-radius: 3px; box-shadow: 0 3px 0 #970837; }
.page-scrollbtn { display: block; text-align:center; margin: 20px auto; }
.readbtn { }
.btn.btn-custom:hover, .btn-info:hover, .btn:hover, .readbtn:hover { background-color: #b0093f; background-color: #171717; box-shadow: 0 3px 0 #000; }
.btn.btn-custom > i { padding-right: 2px; }
.tablehead { background: #FEFBFB none repeat scroll 0 0; border-bottom: 2px solid #eeeeee; color: #000; }
.boxmain { background-color: #fff; border-bottom: 0px solid #9e9e9e; border-left: 0px solid #9e9e9e; border-right: 0px solid #9e9e9e; }
/*.boxmain .col-md-4 {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
}*/
.boxmain img { float: left; height: 175px; overflow: hidden; position: relative; width: 269px; z-index: 45; }
.prop-container { background-color: #fff; width: 75%; float: right; padding: 0px 10px 10px 10px; }
.mainbox { background:#FEFBFB; padding-bottom: 16px; }
.leftpanel { width:24%; float:left; background:#FEFBFB; }
select, select.form-control { font-size:18px; width:95%; font-weight:normal; }
.devfil > option, .locfil > option, .stat > option, .monthamorfil > option, .sortdata > option { padding: 5px; }
.sortdata { width:25%; margin-bottom:0px; float:right; }
.text-center img { margin: 4px 0 0; vertical-align: middle; }
.col-md-middle { float: left; width: 100%; text-align: left; }
.col-md-middle .text-center { text-align: left; padding-left: 0 !important; }
.col-md-new { float: left; text-align: left !important; padding-left: 0 !important; width: 100%; }
.base1 p, .base2 p { padding:0 !important; }
.text-center { text-align: center; padding-left:19px; }
.row.tablehead { padding: 10px; }
.row.text-center.small { float: left; text-align: left; }
.slidemainlabel { float: left; margin: 58px 0 0 !important; width: 100%; }
.layout { font-family: "Lato", sans-serif; margin: 0px 0 28px; }
.base1 { float: left; text-align: left; width: 100%; margin: 15px 0; }
.leftbutton { float: left; margin: 0 10px 0 0; }
.rightbutton { float: left; }
.left { float: left; margin: 0px 0px 10px; width: 59%; }
.right { float: left; margin: 0px 0px 10px; width: 40%; }
.left p { margin:0px; }
.right p, .full p { margin:0px; }
.full { width: 100%; float: left; margin: 0px 0px 0px; }
.base2 { float: left; text-align: left; margin-top:0px; width: 100%; }
.base3 { float: left; margin-top:10px; text-align: left; width: 20%; }
h5.propcnt { margin: 0 0 0 -15px; font-weight:bold; font-size:24px; color:#000; padding: 10px; }
.prop-container .row:nth-child(1) {
 margin-top: 0 !important;
}
.prop-container .row:first-child { margin-top: 0 !important; }
.dproj { background: #fff none repeat scroll 0 0; border: thin solid #bbbbbc; background-color: #fff; left: 0%; position: absolute; top: 20%; width: 90%; z-index: 9999999; padding: 5px; -webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.53); -moz-box-shadow:    0px 0px 20px 0px rgba(50, 50, 50, 0.53); box-shadow:         0px 0px 20px 0px rgba(50, 50, 50, 0.53); }
.close-cross { font-size: 14px; position: absolute; cursor:pointer; right: -5%; text-align: center; top: 81% !important; z-index: 999; }
.btn.btn-custom.btn-circle { width: 48px; height: 48px; line-height: 46px; padding: 0; border-radius: 50%; box-shadow: none; }
.btn.btn-sm.btn-custom.btn-circle { width: 40px; height: 40px; line-height: 38px; }
.btn.btn-lg.btn-custom.btn-circle { width: 54px; height: 54px; line-height: 52px; }
/*---------------------------------------------------------------------*/
/*  2.2. DIVIDER
/*---------------------------------------------------------------------*/
span.divider { display: block; margin: 35px 0px; width: 150px; height: 2px; background-color: #c80a48; }
span.divider.center { margin-right: auto; margin-left: auto; }
/*---------------------------------------------------------------------*/
/*  2.3. UPPERCASE
/*---------------------------------------------------------------------*/
.uppercase { text-transform: uppercase; }
/*---------------------------------------------------------------------*/
/*  2.4. SELECT BOXES CUSTOM
/*---------------------------------------------------------------------*/
.select2-container--default .select2-selection--single.select2-container-custom { background-color: #0d0c0d; height: 46px; padding: 8px; border-color: #3b3b3b; border-radius: 0px; }
.select2-container--default .select2-selection--single.select2-container-custom:focus { outline: none; }
.select2-container--default .select2-selection--single.select2-container-custom .select2-selection__rendered { color: #a1a1a1; }
.select2-container--default .select2-selection--single.select2-container-custom .select2-selection__arrow { height: 46px; }
.select2-container--default .select2-selection--single.select2-container-custom .select2-selection__arrow b { border-color: #3b3b3b transparent transparent transparent; border-width: 8px 6px 0 6px; margin-left: -12px; margin-top: -4px; }
.select2-dropdown-custom { background-color: #0d0c0d; border-color: #3b3b3b; border-radius: 0px; }
.select2-dropdown-custom .select2-results > .select2-results__options { max-height: 400px; }
.select2-dropdown-custom .select2-results > .select2-results__options > .select2-results__option { padding: 8px 15px; color: #a1a1a1; }
.select2-dropdown-custom .select2-results > .select2-results__options > .select2-results__option:hover { background-color: #212121; }
.select2-dropdown-custom .select2-results > .select2-results__options > .select2-results__option--highlighted[aria-selected] { background-color: #212121; }
.select2-dropdown-custom .select2-results > .select2-results__options > .select2-results__option[aria-selected=true] { background-color: #c80a48; color: #ffffff; }
/*---------------------------------------------------------------------*/
/*  2.5. RADIO BUTTON CUSTOM
/*---------------------------------------------------------------------*/
.form-group .radio { margin-bottom: 5px; padding-left: 1px; }
.form-group .radio:last-child { margin-bottom: 0px; }
.form-group .radio > label { display: inline-block; position: relative; padding-left: 26px; height: 30px; line-height: 30px; }
.form-group .radio > label:before { position: absolute; content: ''; top: 50%; left: 0; width: 18px inherit; height: 18px; margin-top: -9px; border: 1px solid #3b3b3b; border-radius: 50%; }
.form-group .radio input[type=radio] { position: absolute; visibility: hidden; }
.js-open-modal { cursor:pointer; }
*::before, *::after {
 box-sizing: inherit;
}
*::before, *::after {
 box-sizing: inherit;
}
.form-group .radio input[type=radio]:checked + label:before { content: '\f00c'; font-family: 'FontAwesome'; font-weight: 400; font-size: 10px; color: #555555; text-align: center; line-height: 16px; }
/*---------------------------------------------------------------------*/
/*  2.6. CHECKBOX CUSTOM
/*---------------------------------------------------------------------*/
.form-group .checkbox { margin-bottom: 5px; padding-left: 1px; }
.form-group .checkbox:last-child { margin-bottom: 0px; }
.form-group .checkbox > label { display: inline-block; position: relative; padding-left: 26px; height: 30px; line-height: 30px; }
.form-group .checkbox > label:before { position: absolute; content: ''; top: 50%; left: 0; width: 18px; height: 18px; margin-top: -9px; border: 1px solid #3b3b3b; border-radius: 1px; }
.form-group .checkbox input[type=checkbox] { position: absolute; visibility: hidden; }
.form-group .checkbox input[type=checkbox]:checked + label:before { content: '\f00c'; font-family: 'FontAwesome'; font-weight: 400; font-size: 10px; color: #555555; text-align: center; line-height: 16px; }
/*---------------------------------------------------------------------*/
/*  3. PRELOADER
/*---------------------------------------------------------------------*/
#jpreOverlay { background-color: #0d0c0d; }
#jpreLoader { width: 100%; height: 5px; }
#jpreBar { background-color: #c80a48; }
/*---------------------------------------------------------------------*/
/*  4. HOME
/*---------------------------------------------------------------------*/
header.hero { display: table; position: relative; z-index: 5; width: 100%; height: 100%; 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; }
.active > a { background-color: #171717; color: #c80a48; }
/*---------------------------------------------------------------------*/
/*  6.1.3. PROFILE PICTURE
/*---------------------------------------------------------------------*/
#profile .pp-wrapper { position: relative; }
#profile .pp-wrapper .profile-picture.style-one { position: absolute; top: 0; left: 0; width: 100%; height: auto; }
#profile .pp-wrapper .profile-picture.style-two img { margin-top: 100px; }
#profile .pp-wrapper .profile-picture.style-two .title { display: block; width: 100%; height: 55px; line-height: 55px; background-color: #2e2e2e; font-weight: 700; text-align: center; letter-spacing: 2px; }
/*---------------------------------------------------------------------*/
/*  6.2. SECTION - PORTFOLIO
/*---------------------------------------------------------------------*/
#investment-properties { position: relative; z-index: 5; background-color: #fff; border-bottom:3px solid #ccc; border-top:0px dashed #ccc; }
#investment-properties .section-wrapper > .section-content { padding-bottom: 0px; }
.investment-properties { margin-top: 5px; }
.investment-properties .item { position: relative; padding: 0px; }
.investment-properties .item > .project-wrapper { position: relative; z-index: 5; }
.investment-properties .item > .project-wrapper:before { position: absolute; z-index: 10; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.investment-properties .item > .project-wrapper:hover:before { background-color: rgba(0, 0, 0, 0.7); }
.investment-properties .item > .project-wrapper:hover > .project-link { opacity: 0.9; }
.investment-properties .item > .project-wrapper:hover > .project-link > a.zoom { left: 0; }
.investment-properties .item > .project-wrapper:hover > .project-link > a.external-link { left: 40px; }
.investment-properties .item > .project-wrapper:hover > .project-title > h4 { margin-top: 0px; opacity: 1; }
.investment-properties .item > .project-wrapper > .project-link { position: absolute; z-index: 20; top: 50%; left: 50%; width: 88px; height: 48px; margin-top: -48px; margin-left: -44px; opacity: 0; }
.investment-properties .item > .project-wrapper > .project-link > a { display: block; position: absolute; top: 0; width: 48px; height: 48px; line-height: 48px; color: #ffffff; font-size: 20px; text-align: center; border-radius: 50%; }
.investment-properties .item > .project-wrapper > .project-link > a.zoom { left: 40px; background-color: #2e2e2e; }
.investment-properties .item > .project-wrapper > .project-link > a.external-link { left: 0; background-color: #c80a48; }
.investment-properties .item > .project-wrapper > .project-title > h4 { display: block; position: absolute; z-index: 15; top: 50%; left: 0; width: 100%; height: 48px; line-height: 48px; margin-top: -48px; text-align: center; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.filterable-investment-properties-nav { margin: 30px 0px 5px; }
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; }
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; }
/*---------------------------------------------------------------------*/
/*  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; }
.services .row{border-bottom: 1px dashed #3b3b3b;border-top: 1px dashed #3b3b3b;border-left: 1px solid #ccc;}
/*---------------------------------------------------------------------*/
/*  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: #171717; 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: #171717; }
.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: #171717; color: #ffffff; }
.navbar.navbar-fixed-top .navbar-nav > li > a:focus { background-color: #171717; color: #a1a1a1; }
.navbar.navbar-fixed-top .navbar-nav > li.active > a { background-color: #171717; color: #c80a48; }
.navbar.navbar-fixed-top .navbar-nav > li.active > a:hover { background-color: #171717; color: #c80a48; }
.navbar.navbar-fixed-top .navbar-nav > li.active > a:focus { background-color: #171717; color: #c80a48; }
.navbar.navbar-fixed-top .navbar-nav > li.dropdown > a:hover { color: #ffffff; }
.navbar.navbar-fixed-top .navbar-nav > li.dropdown.open > a { background-color: #171717; color: #ffffff; }
.navbar.navbar-fixed-top .navbar-nav > li.dropdown.open > a:focus { background-color: #171717; }
.navbar.navbar-fixed-top .navbar-nav > li.dropdown.active > a, .navbar.navbar-fixed-top .navbar-nav > li.dropdown.active.open > a { color: #c80a48; }
.navbar.navbar-fixed-top .navbar-nav > li.dropdown.active > a:hover, .navbar.navbar-fixed-top .navbar-nav > li.dropdown.active.open > a:hover { color: #c80a48; }
.navbar.navbar-fixed-top .navbar-nav .dropdown-menu { min-width: 180px; padding: 10px 0px; background-color: #171717; }
.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: #171717; color: #ffffff; }
.navbar.navbar-fixed-top .navbar-nav .dropdown-menu > li a:focus { background-color: #171717; color: #a1a1a1; }
.navbar.navbar-fixed-top .navbar-nav .dropdown-menu > li.active a { color: #c80a48; background-color: #171717; }
.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: #c80a48; background-color: #171717; }
.navbar.navbar-fixed-top .navbar-nav .caret { margin-top: -4px; }
.navbar.navbar-fixed-top .navbar-toggle { background-color: #c80a48; 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
/*---------------------------------------------------------------------*/


/*---------------------------------------------------------------------*/
/* 6. SECTION
/*---------------------------------------------------------------------*/
.section .section-wrapper > .section-content { padding: 50px 20px 50px; }
.section .section-title { margin: 0px; margin-bottom: 20px; font-size: 35px; letter-spacing: 1px; color:#c80a48; font-weight:bold; }
.section .section-subtitle { color: #000; font-weight:bold; font-size: 18px; font-style: italic; }
.section.bg-image-yes { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }
.section.bg-image-yes .container-fluid.section-wrapper { position: relative; }
.section.bg-image-yes .container-fluid.section-wrapper > .section-content { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.section.bg-image-yes .container-fluid.section-wrapper > .section-content:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(234, 232, 232, 0.5); }
.section.parallax-yes > .parallax { width: 100%; height: 100%; }
.section.parallax-yes > .parallax > .bcg { display: table; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center bottom; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }
.section.parallax-yes .container-fluid.section-wrapper { position: relative; }
.section.parallax-yes .container-fluid.section-wrapper > .section-content { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.section.parallax-yes .container-fluid.section-wrapper > .section-content:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: #F4F3F3; }
.section#strenghts.parallax-yes .container-fluid.section-wrapper > .section-content:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: #fff; }
/*---------------------------------------------------------------------*/
/*  6.1. SECTION - PROFILE
/*---------------------------------------------------------------------*/
#profile { background-color: #fff; }
section#contact, section#faqs, section#accolades, section#why-Philippines, section#references, section#how-it-Works, section#services, section#profile { padding: 0px 0 50px }
section#why-Philippines .section-content .section, section#why-Philippines .section-content { padding-bottom: 0px }
section#references .section-content { padding-bottom: 0px }
#references .margin{padding: 0px;}

 @media screen and (min-width:1000px) and (max-width:1024px) {
 .navbar-nav > li > a {
 padding: 0 5px;
}
.section .section-wrapper > .section-content {
    padding: 50px 20px 0;
}

}
@media (min-width: 992px) {
#profile .section-wrapper > .section-content {
 padding: 50px 0 20px;
}

}
/*---------------------------------------------------------------------*/
/*  6.1.1. PROFILE TEXT
/*---------------------------------------------------------------------*/
#profile .profile-text { text-align: center; }
/*---------------------------------------------------------------------*/
/*  6.1.2. CONTACT DETAILS
/*---------------------------------------------------------------------*/
#profile .contact-details { margin-top: 30px; }
#profile .contact-details ul.list-unstyled > li { padding: 2px 0px; font-size: 16px; }
#profile .contact-details a.btn-custom { margin-top: 20px; }
/*---------------------------------------------------------------------*/
/*  6.2.1. MAGNIFIC POP UP CUSTOM
/*---------------------------------------------------------------------*/
.mfp-bg { background-color: #0d0c0d; }
button.mfp-arrow { display: block; position: absolute; top: 50%; width: 90px; height: 60px; line-height: 20px; margin-top: -30px; }
button.mfp-arrow:active { margin-top: -30px; }
.mfp-arrow-left:before { border-right: none; margin: 0; display: block; position: absolute; top: 50%; left: 0; width: 90px; height: 60px; line-height: 20px; margin-top: -30px; content: '\ea26'; font-family: 'icomoon'; font-size: 50px; }
.mfp-arrow-left:after { border-right: none; }
.mfp-arrow-right:before { border-left: none; margin: 0; display: block; position: absolute; top: 50%; left: 0; width: 90px; height: 60px; line-height: 20px; margin-top: -30px; content: '\ebf9'; font-family: 'icomoon'; font-size: 50px; }
.mfp-arrow-right:after { border-left: none; }
/*---------------------------------------------------------------------*/
/*  6.2.2. MAGNIFIC POP CUSTOM - FADE EFFECT
/*---------------------------------------------------------------------*/
.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }
/*---------------------------------------------------------------------*/
/*  6.3. SECTION - SERVICES
/*---------------------------------------------------------------------*/
#services { background-color: #fff; }
.services .item { padding: 0px; }
.services h4 { color:#000; font-weight:bold; }
.services .text-grey { color: #000000; }
.services .item > .inner-content { position: relative; padding: 25px 15px 15px 15px; text-align: justify; }
.services .item > .inner-content > i { font-size: 38px; }
.services .item > .inner-content > h4 { margin-top: 15px; letter-spacing: 1px; }
.services .item > .inner-content > p { margin: 0px; margin-top: 8px; }
/*---------------------------------------------------------------------*/
/*  6.4. SECTION - STRENGHTS
/*---------------------------------------------------------------------*/
#strenghts { /*  background-image: url('../images/bg-strenghts.jpg');*/ background:#fff; background-position: center top; }
#strenghts .section-wrapper > .section-content { padding-bottom: 0px; }
/*#strenghts.parallax-yes {
  background: none;
}
*/
.flex-control-nav { position: relative !important; }
#references .flexslider.references .flexslider-controls > .flex-control-nav { bottom:0 !important; }
#how-it-Works.bottom { padding-bottom:25px; }
#contact.bottom { padding-bottom:25px; }
#strenghts.parallax-yes > .parallax > .bcg { /*  background-image: url('../images/bg-strenghts.jpg');*/ background:#fff; }
.column-chart { position: relative; z-index: 20; bottom: 0; left: 50%; width: 100%; height: 320px; margin-top: 40px; margin-left: -50%; opacity: 1; }
.column-chart:before, .column-chart:after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% + 30px); height: 25%; margin-left: -15px; border-top: 1px dashed #a1a1a1; border-bottom: 1px dashed #a1a1a1; }
.column-chart:after { top: 50%; }
.column-chart > .legend { position: absolute; z-index: -1; top: 0; }
.column-chart > .legend.legend-left { left: 0; width: 25px; height: 75%; margin-left: -55px; border: 1px solid #a1a1a1; border-right: none; }
.column-chart > .legend.legend-left > .legend-title { display: block; position: absolute; top: 50%; left: 0; width: 65px; height: 50px; line-height: 50px; margin-top: -25px; margin-left: -60px; font-size: 28px; letter-spacing: 1px; }
.column-chart > .legend.legend-right { right: 0; width: 100px; height: 100%; margin-right: -115px; }
.column-chart > .legend.legend-right > .item { position: relative; width: 100%; height: 25%; }
.column-chart > .legend.legend-right > .item > h4 { display: block; position: absolute; top: 0; right: 0; width: 100px; height: 40px; line-height: 40px; margin-top: -20px; font-size: 14px; text-align: right; }
.column-chart > .chart { position: relative; z-index: 20; bottom: 0; left: 50%; width: 98%; height: 100%; margin-left: -49%; }
.column-chart > .chart > .item { position: relative; float: left; width: 20%; height: 100%; }
.column-chart > .chart > .item:before { position: absolute; z-index: -1; content: ''; bottom: 0; left: 50%; width: 1px; height: calc(100% + 15px); border-right: 1px dashed #a1a1a1; opacity: 0.7; }
.column-chart > .chart > .item > .bar { position: absolute; bottom: 0; left: 3px; width: 94%; height: 100%; }
.column-chart > .chart > .item > .bar > span.percent { display: block; position: absolute; z-index: 25; bottom: 0; left: 0; width: 100%; height: 26px; line-height: 26px; background-color: #eee; color: #000; font-size: 14px; font-weight: 700; text-align: center; letter-spacing: 1px; }
.column-chart > .chart > .item > .bar > .item-progress { position: absolute; bottom: 0; left: 0; color:#fff; width: 100%; height: 20%; background-color: #c80a48; }
.column-chart > .chart > .item > .bar > .item-progress > .title { position: absolute; top: calc(50% - 13px); left: 50%; font-size: 14px; text-align: center; letter-spacing: 2px; -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg); transform: translateX(-50%) translateY(-50%) rotate(-90deg); }

 @media (max-width: 767px) {
 #profile .contact-details {
 text-align: center;
}
.services .row{border-bottom: 1px dashed #3b3b3b;border-top: 1px dashed #3b3b3b;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
}
 @media (min-width: 992px) {
 #profile .contact-details {
 padding-bottom: 10px;
}
}
#profile .contact-details h4 { margin-bottom: 15px; font-size: 18px; }
 @media (min-width: 480px) and (max-width: 767px) {
 #profile .contact-details h4 {
 font-size: 22px;
}
}
 @media (min-width: 480px) and (max-width: 767px) {
 #profile .contact-details ul.list-unstyled > li {
 padding: 5px 0px;
 font-size: 20px;
}
}
 @media (min-width: 768px) {
 #profile .contact-details a.btn-custom {
 margin-top: 50px;
}
}
 @media (min-width: 992px) {
 #profile .contact-details.padding-right-yes {
 padding-right: 20px;
}

}
 @media (min-width: 992px) {
 #profile .contact-details.padding-left-yes {
 padding-left: 20px;
}
}
 @media (max-width: 599px) {
 .filterable-investment-properties-nav a {
 margin-bottom: 15px;
}
}
.section .section-title span { text-transform: lowercase !important; }
 @media (max-width: 767px) {
 .services .item {
 margin-top: 10px;
}
}
 @media (min-width: 768px) {
 .services .item:after {
 position: absolute;
 content: '';
 top: 0;
 right: 0;
 width: 1px;
 height: 100%;

 border-right: 1px solid #ccc;
}

 .services {
 margin-top: 30px;
}
}
 @media (min-width: 480px) {
 .services .item > .inner-content {
 padding: 25px 78px 15px 78px;
}
}
 @media (min-width: 640px) {
 .services .item > .inner-content {
 padding: 25px 118px 15px 118px;
}
}
 @media (max-width: 767px) {
 .services .item > .inner-content {
 text-align: center;
}
}
 @media (min-width: 768px) {
 .services .item > .inner-content {
 padding: 25px 28px 15px 28px;
}
}
 @media (min-width: 768px) {
	 
 .services .item.top:before {
 position: absolute;
 content: '';
 bottom: 0;
 left: 0;
 width: 100%;
 height: 1px;

}

}
 @media (min-width: 768px) {
 .services .item.top > .inner-content {
 padding: 15px 28px 25px 28px;
}
}
 @media (min-width: 768px) {
 .services .item.dark-bg {
 background-color: #fefbfb;
}
 .services h4 {
color:#000;
}
}
 @media (min-width: 568px) {
 .column-chart {
 width: 80%;
 margin-left: -40%;
}
}
 @media (min-width: 768px) {
 .column-chart {
 width: 60%;
 margin-left: -30%;
}
}
 @media (min-width: 992px) {
 .column-chart {
 width: 40%;
 margin-left: -20%;
}
}
 @media (min-width: 1024px) {
 .column-chart {
 width: 36%;
 margin-left: -18%;
}
}
@media (min-width: 360px) {
 .column-chart > .chart > .item > .bar > .item-progress > .title {
 font-size: 16px;
}
}
 @media (min-width: 480px) {
 .column-chart > .chart > .item > .bar > .item-progress > .title {
 font-size: 18px;
}
}
 @media (max-width: 568px) {
.container {
 width: 95%;
}
}
 @media (min-width: 768px) {
 .panel-group.resume .resume-item:before {
 position: absolute;
 content: '';
 width: 1px;
 height: calc(100% + 20px);
 top: 0;
 left: 17px;
 border-left: 1px dashed #484848;
}
 #how-it-Works h3 {
 text-align: left;
}
}
@media (min-width: 568px) {
 .panel-group.resume .resume-item {
 margin-bottom: 20px;
}
 .panel-group.resume .resume-item .resume-year {
 position: absolute;
 top: 0;
 left: 0;
 margin: 0 0 0 50px;
}
 .panel-group.resume .resume-item .resume-year .resume-year {
 position: absolute;
 top: 0;
 left: 0;
 /*margin: 0px;*/
}
}
/*---------------------------------------------------------------------*/
/*  6.5. SECTION - RESUME
/*---------------------------------------------------------------------*/
#how-it-Works { background-color: #fff; }
#how-it-Works h3 { text-align: center; color:#c80a48; }
#how-it-Works .education { margin-top: 30px; }
#how-it-Works .work-experience { margin-top: 50px; }
.panel-group.resume { position: relative; margin-top: 30px; }
.panel-group.resume .resume-item { position: relative; margin-bottom: 22px; }
.panel-group.resume .resume-item:last-child { margin-bottom: 0px; }
.panel-group.resume .resume-item:last-child:before { display: none; }
.panel-group.resume .resume-item .resume-year { display: block; color:#fff; position: relative; width: 120px; height: 40px; margin-bottom: -20px; line-height: 40px; background-color: #c80a48; text-align: center; font-weight: 700; text-transform: uppercase; border-radius: 4px; }
.panel-group.resume .resume-item .resume-btn { position: absolute; z-index: 5; top: 0; left: 0px; width: 35px; height: 35px; background-color: #2e2e2e; border-radius: 4px; }
.panel-group.resume .resume-item .resume-btn > a { display: block; position: absolute; z-index: 10; top: 0; left: 0; width: 35px; height: 35px; }
.panel-group.resume .resume-item .resume-btn > a:before { display: block; position: absolute; z-index: 15; content: '-'; top: 0; left: 0; width: 35px; height: 35px; line-height: 32px; color: #ffffff; font-size: 30px; font-weight: 700; text-align: center; }
.panel-group.resume .resume-item .resume-btn > a.collapsed:before { content: '+'; }
.panel-group.resume .resume-item .panel { padding: 0px 10px 0px 10px; background: transparent; border: 1px solid #6e6e6e; border-radius: 0px; }
 @media (min-width: 771px) {
 .panel-group.resume .resume-item .panel {
 width: calc(100% - 140px);
 margin-left: 140px;
}
}
 @media (min-width: 768px) {
 .panel-group.resume .resume-item .panel {
/* width: calc(100% - 210px);*/
 margin-left: 166px;
}
 #faqs .panel-group.resume .resume-item .panel {
 margin-left: 30px;
}
}
.panel-group.resume .resume-item .panel .panel-heading { position: relative; }
.panel-group.resume .resume-item .panel .panel-heading .panel-title { /*text-transform: uppercase;*/ color: #000000; }
 @media (max-width: 567px) {
 .panel-group.resume .resume-item .panel .panel-heading .panel-title {
 padding-top: 20px;
font-weight:bold;
}
}
.panel-group.resume .resume-item .panel .panel-collapse .panel-body { padding-top: 5px; border-top: none; }
.panel-group.resume .resume-item .panel .panel-collapse .panel-body p { margin-bottom: 0px; text-align: justify; }
/*---------------------------------------------------------------------*/
/*  6.6. SECTION - REFERENCES
/*---------------------------------------------------------------------*/
#references { /*  background-image: url('../images/bg-references.jpg');*/ background:#fff; }
/*#references .section-wrapper > .section-content { padding-bottom: 0px; }*/
#references .flexslider.references { margin-top: 30px; margin-bottom: 0px; background: transparent; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
#references .flexslider.references:hover .flex-direction-nav-custom > li > a { opacity: 1; }
#references .flexslider.references > .slides > .item .profile { position: absolute; top: 0; left: 0; width: 120px; height: 120px; }
#references .flexslider.references > .slides > .item .profile:before { display: none; position: absolute; color:#fff; content: '\ec98'; bottom: 0; left: 0; width: 45px; height: 45px; line-height: 47px; margin-bottom: -8px; background-color: #c80a48; font-family: 'icomoon'; font-size: 18px; text-align: center; -webkit-box-shadow: 3px 3px 10px #0d0c0d; -moz-box-shadow: 3px 3px 10px #0d0c0d; -o-box-shadow: 3px 3px 10px #0d0c0d; box-shadow: 3px 3px 10px #0d0c0d; border-radius: 50%; }
#references .flexslider.references > .slides > .item .profile > img { display: block; width: 120px; height: 120px; }
#references .flexslider.references > .slides > .item .content { color: #000; }
/*---------------------------------------------------------------------*/
/*  6.6. SECTION - REFERENCES2
/*---------------------------------------------------------------------*/
#references .flexslider2.references { margin-top: 30px; margin-bottom: 0px; background: transparent; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
#references .flexslider2.references:hover .flex-direction-nav-custom > li > a { opacity: 1; }
#references .flexslider2.references > .slides > .item .profile { position: absolute; top: 0; left: 0; width: 120px; height: 120px; }
#references .flexslider2.references > .slides > .item .profile:before { display: block; position: absolute; color:#fff; display:none; content: '\ec98'; bottom: 0; left: 0; width: 45px; height: 45px; line-height: 47px; margin-bottom: -8px; background-color: #c80a48; font-family: 'icomoon'; font-size: 18px; text-align: center; -webkit-box-shadow: 3px 3px 10px #0d0c0d; -moz-box-shadow: 3px 3px 10px #0d0c0d; -o-box-shadow: 3px 3px 10px #0d0c0d; box-shadow: 3px 3px 10px #0d0c0d; border-radius: 50%; }
#references .flexslider2.references > .slides > .item .profile > img { display: block; width: 120px; height: 120px; }
#references .flexslider2.references > .slides > .item .content { }
#references .flexslider.references > .slides > .item .content h3 { margin-bottom: 20px; color: #000000; text-transform: uppercase; letter-spacing: 1px; }
#references .flexslider.references > .slides > .item .content p { font-size: 22px; font-style: italic; text-align: center; }
.slides h3 { margin: 0 0 10px; }
.content > p { text-align: justify; }
#references .flexslider.references > .slides > .item .content p { text-align: justify; }
#references .flexslider.references > .slides > .item .content p.source { margin-top: 20px; color: #c80a48; font-size: 18px; }
#references .flexslider.references > .slides > .item .content p.source > span { color: #000000; }
#references .flexslider.references .flexslider-controls > .flex-control-nav { bottom: -60px; }
#references .flexslider.references .flexslider-controls > .flex-control-nav > li { position: relative; margin: 0 3px; }
#references .flexslider.references .flexslider-controls > .flex-control-nav > li:hover { cursor: pointer; }
#references .flexslider.references .flexslider-controls > .flex-control-nav > li:before { display: block; position: absolute; content: ''; top: 0; left: 0; width: 40px; height: 40px; background-color: #0d0c0d; border-radius: 3px; opacity: 0.7; }
#references .flexslider.references .flexslider-controls > .flex-control-nav > li > img { width: 40px; height: 40px; border-radius: 3px; }
#references .flexslider.references .flexslider-controls > .flex-control-nav > li.flex-active:before { opacity: 0.2; }
#references .flexslider.references > .flex-direction-nav-custom { position: absolute; z-index: 15; top: 0; right: 0; margin-top: -5px; }
#references .flexslider.references > .flex-direction-nav-custom > li { padding: 0px; }
#references .flexslider.references > .flex-direction-nav-custom > li:hover { cursor: pointer; }
#references .flexslider.references > .flex-direction-nav-custom > li:hover > a { color: #ffffff; }
#references .flexslider.references > .flex-direction-nav-custom > li > a { color: #a1a1a1; font-size: 35px; }
#references .flexslider.references > .flex-direction-nav-custom > li > a.flex-prev { padding-right: 20px; }
#references .flexslider2.references > .slides > .item .content p.source { margin-top: 20px; color: #c80a48; font-size: 18px; }
#references .flexslider2.references > .slides > .item .content p.source > span { color: #000000; }
#references .flexslider2.references > .slides > .item .content p.source1 { margin-top: 20px; color: #c80a48; font-size: 18px; float:left; margin-right:5%; text-align: left; font-weight:bold; }
#references .flexslider2.references > .slides > .item .content p.source1 > span { color: #000000; font-weight: normal; }
#references .flexslider2.references > .slides > .item .content p.source2 { margin-top: 20px; color: #c80a48; font-size: 18px; float:left; margin-right:5%; text-align: left; font-weight:bold; }
#references .flexslider2.references > .slides > .item .content p.source2 > span { color: #000000; font-weight: normal; }
#references .flexslider2.references > .slides > .item .content p.source3 { margin-top: 20px; color: #c80a48; font-size: 18px; float:left; margin-right:5%; text-align: left; font-weight:bold; }
#references .flexslider2.references > .slides > .item .content p.source3 > span { color: #000000; font-weight: normal; }
#references .flexslider2.references > .slides > .item .content p.source4 { margin-top: 20px; color: #c80a48; font-size: 18px; float:left; margin-right:5%; text-align: left; font-weight:bold; }
#references .flexslider2.references > .slides > .item .content p.source4 > span { color: #000000; font-weight: normal; }
#references .flexslider2.references .flexslider-controls > .flex-control-nav { bottom: 0px; }
#references .flexslider2.references .flexslider-controls > .flex-control-nav > li { position: relative; margin: 0 3px; }
#references .flexslider2.references .flexslider-controls > .flex-control-nav > li:hover { cursor: pointer; }
#references .flexslider2.references .flexslider-controls > .flex-control-nav > li:before { display: block; position: absolute; content: ''; top: 0; left: 0; width: 40px; height: 40px; background-color: #0d0c0d; border-radius: 3px; opacity: 0.7; }
#references .flexslider.references .flexslider-controls > .flex-control-nav > li > img { width: 40px; height: 40px; border-radius: 3px; }
#references .flexslider.references .flexslider-controls > .flex-control-nav > li.flex-active:before { opacity: 0.2; }
#references .flexslider.references > .flex-direction-nav-custom { position: absolute; z-index: 15; top: 0; right: 0; margin-top: -5px; }
#references .flexslider.references > .flex-direction-nav-custom > li { padding: 0px; }
#references .flexslider.references > .flex-direction-nav-custom > li:hover { cursor: pointer; }
#references .flexslider.references > .flex-direction-nav-custom > li:hover > a { color: #ffffff; }
#references .flexslider.references > .flex-direction-nav-custom > li > a { color: #a1a1a1; font-size: 35px; }
#references .flexslider.references > .flex-direction-nav-custom > li > a.flex-prev { padding-right: 20px; }
#references .flexslider2 .animated { position: relative; }
.flexslider2 .item { margin: 10px 0 !important; }
.flexslider2 .item { border-bottom: 1px dashed #ccc; margin: 31px 0 0px !important; padding: 10px 0; }
#references .flexslider2 .flexslider-controls { float: left; margin: 95px 0 0; width: 100%; }
#references .flexslider2 .flex-direction-nav-custom.list-inline.hidden-xs { float: right; }
#references.parallax-yes { background: none; }
#references.parallax-yes > .parallax > .bcg { /*background-image: url('../images/bg-references.jpg');*/ background:#fff; }
/*---------------------------------------------------------------------*/
/*  6.7. SECTION - SKILLS
/*---------------------------------------------------------------------*/
#why-Philippines { background-color: #fff; }
/*#why-Philippines .section-wrapper > .section-content { padding-bottom: 0px; }*/

.circle-chart .item > .circle { position: relative; margin: 0 auto; padding: 6px; width: 120px; height: 120px; background-color: #a1a1a1; border-radius: 50%; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.circle-chart .item > .circle > .item-progress { display: inline-block; position: relative; width: 108px; height: 20px; overflow: hidden; }
.circle-chart .item > .circle > .item-progress:before { display: block; content: ""; width: 108px; height: 108px; background-color: #3b3b3b; border-radius: 106px; }
 .circle-chart .item > .percent, {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 40px;
 height: 40px;
 line-height: 40px;
 margin-top: -40px;
 margin-left: -20px;
 background-color: #c80a48;
 font-size: 14px;
 font-weight: 700;
 text-align: center;
 border-radius: 4px;
 box-shadow: 3px 3px 10px #0d0c0d;
color:#fff;
}
.circle-chart .item > h4 { margin-top: 20px; letter-spacing: 1px; color:#171717; }
.jslider_round_plastic .jslider-bg i { }
/*---------------------------------------------------------------------*/
/*  6.8. SECTION - KNOWLEDGE
/*---------------------------------------------------------------------*/
#knowledge { background-color: #fff; padding-top:25px; padding-bottom:25px; border-bottom:2px dashed #ccc; }
#knowledge .section-wrapper > .section-content { padding-top: 0px; }
.bar-chart { position: relative; margin-top: 40px; }
.bar-chart > .item { position: relative; margin-bottom: 40px; width: 100%; }
.bar-chart > .item:last-child { margin-bottom: 0px; }
.bar-chart > .item > h4 { margin-bottom: 18px; letter-spacing: 1px; color:#000000; }
.bar-chart > .item > .bar { display: block; position: relative; width: 100%; height: 20px; margin-top: 3px; border-radius: 2px; background-color: #a1a1a1; }
.bar-chart > .item > .bar > .item-progress { z-index: 5; position: absolute; top: 0; left: 0; width: 1%; height: 100%; border-radius: 2px; background-color: #3b3b3b; }
.bar-chart > .item > .bar > .percent { z-index: 10; position: absolute; top: 50%; right: calc(100% - 40px); width: 40px; height: 40px; line-height: 40px; margin-top: -20px; background-color: #c80a48; font-size: 18px; font-weight: 700; text-align: center; border-radius: 4px; box-shadow: 3px 3px 10px #0d0c0d; }
.line { margin: 40px 0 0; background-color: #c80a48; display: block; height: 2px; }
.jslider_round_plastic .jslider-pointer { position: absolute; width: 40px; height: 40px; background-color: #c80a48; font-size: 18px; font-weight: 700; top: -17px; border-radius: 4px; box-shadow: 3px 3px 10px #0d0c0d; }
#two .jslider_round_plastic .jslider-pointer { z-index: 10; position: absolute; width: 15px; height: 15px; line-height: 40px; background-color: #c80a48; font-size: 18px; font-weight: 700; text-align: center; border-radius: 4px; box-shadow: 0px 0px 0px #0d0c0d; top: -2px; }
#two .jslider .jslider-value { border-radius: 2px; font-size: 13px; line-height: 12px; padding: 1px 2px 0; position: absolute; top: 16px; white-space: nowrap; height: 17px; }
#two .jslider .jslider-bg .l { background-position: 0 0; /*background-color: #3b3b3b;*/ background-color: #fff; background-image:none; left: 0; height: 10px; width: 10%; }
#two .jslider .jslider-bg .f { background-position: 0 -20px; background-repeat: repeat-x; /*background-color: #3b3b3b;*/ background-color: #fff; background-image:none; left: 10%; width: 80%; height: 10px; }
#two .jslider .jslider-bg .r { background-position: right 0; /*background-color: #3b3b3b;*/ background-color: #fff; background-image:none; left: 90%; width: 10%; height: 10px; }
#two .jslider .jslider-bg .v { background-position: 0 -40px; background-repeat: repeat-x; background-color: #3b3b3b; background-image: none; left: 20%; position: absolute; top: 0; width: 60%; height: 10px; }
.labeler2 { font-family: "Lato", sans-serif; font-size:18px; font-weight:bold; }
.labeler { font-family: "Lato", sans-serif; font-size:18px; font-weight:bold; margin-bottom: 18px; }
.texter-1 { cursor: pointer; font-size: 18px; padding: 0; }
.jslider_round_plastic .jslider-pointer { background-image:none; }
.jslider .jslider-bg { background-color: #a1a1a1; margin: 0; position: relative; }
.jslider .jslider-bg .l { background-position: 0 0; background-color: #3b3b3b; background-image:none; left: 0; height: 10px; width: 10%; }
.jslider .jslider-bg .f { background-position: 0 -20px; background-repeat: repeat-x; background-color: #3b3b3b; background-image:none; left: 10%; width: 80%; height: 10px; }
.jslider .jslider-bg .r { background-position: right 0; background-color: #3b3b3b; background-image:none; left: 90%; width: 10%; height: 10px; }
.jslider .jslider-bg .v { background-position: 0 -40px; background-repeat: repeat-x; background-color: #2BA8E9; /* background-image: none; */ left: 20%; position: absolute; top: 0; width: 60%; height: 10px; }
.jslider .jslider-value { border-radius: 2px; font-size: 13px; line-height: 12px; padding: 1px 2px 0; position: absolute; top: 40px; white-space: nowrap; height: 17px; font-weight:bold }
/*---------------------------------------------------------------------*/
/*  6.9. SECTION - ACCOLADES
/*---------------------------------------------------------------------*/
#accolades { background-color: #fff; }
#accolades .section-wrapper > .section-content { padding-top: 0px; padding-bottom: 0px; }
#accolades .bookmark { margin-top: 80px; font-size: 40px; display:none; }
.accolades { margin-top: 30px; }
.accolades > .item { position: relative; padding-bottom: 15px; }
.accolades > .item:before { display: block; position: absolute; content: ''; top: 0; left: 30px; width: 1px; height: 100%; border-left: 1px dashed #6e6e6e; }
.accolades > .item:last-child { padding-bottom: 0px; }
.accolades > .item:last-child:before { display: none; }
.accolades > .item:last-child > .content { padding-bottom: 0px; border-bottom: none; }
.accolades > .item > i { position: absolute; width: 60px; height: 60px; line-height: 60px; background:#c80a48; font-size: 28px; text-align: center; border-radius: 50%; color:#fff; }
.accolades > .item > .content { margin-left: 90px; padding-bottom: 15px; border-bottom: 1px dashed #6e6e6e; }
.accolades > .item > .content h3 { margin-bottom: 15px; color:#000000; padding-top: 15px; font-weight: bold; }
.accolades > .item > .content p { font-size: 18px; }
/*---------------------------------------------------------------------*/
/*  6.10. SECTION - MILESTONES
/*---------------------------------------------------------------------*/
#milestones { /*  background-image: url("../images/bg-milestones.jpg");*/ background:#fff; border-bottom: 3px dashed #ccc; border-top: 0px dashed #ccc; }
/*#milestones.parallax-yes {
  background: none;
}*/

#milestones.parallax-yes > .parallax > .bcg { /*  background-image: url("../images/bg-milestones.jpg"); */ background:#fff; }
.milestones { margin-top: 40px; }
.milestones .item { text-align: center; }
.milestones .item > .circle { position: relative; margin: 0 auto; margin-bottom: 20px; width: 100px; height: 100px; background-color: #c80a48; border-radius: 50%;/* opacity: 0.8;*/ }
.milestones .item > .circle > i { display: block; position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; line-height: 60px; margin-top: -30px; margin-left: -30px; font-size: 45px; text-align: center; color:#fff; }
.milestones .item > .number { font-size: 32px; color:#171717; }
.milestones .item h4 { margin-top: 5px; font-size: 22px; color:#c80a48; font-weight: 700; }
.work-process .item .inner-content { z-index: 5; position: relative; width: 100%; height: 132px; }
/*---------------------------------------------------------------------*/
/*  6.11. SECTION - WORK PROCESS
/*---------------------------------------------------------------------*/
#work-process { /*  background-color: #171717;*/ background:#fff; border-bottom: 3px dashed #ccc; }
#work-process .divider { margin-bottom: 60px; }
.work-process { margin-top: 20px; margin-bottom: 20px; }
.work-process .item { position: relative; padding: 0; }
.work-process .item .inner-content:before { position: absolute; z-index: 10; content: ''; top: 50%; left: 0; width: 100%; height: 1px; border-top: 1px solid #6e6e6e; }
.work-process .item .inner-content:after { position: absolute; z-index: 10; content: ''; top: 50%; right: 0; width: 1px; height: 100%; margin-top: -132px; border-left: 1px dashed #6e6e6e; }
.work-process .item .inner-content > i { position: absolute; z-index: 15; top: 50%; left: 50%; display: block; width: 86px; height: 66px; line-height: 66px; margin-top: -33px; margin-left: -43px; background-color: #c80a48; font-size: 30px; text-align: center; border-radius: 3px; }
.work-process .item .inner-content > span.title { display: block; color:#171717; position: absolute; top: 0; left: 0; width: 100%; height: 66px; line-height: 66px; margin-top: -18px; text-align: center; text-transform: uppercase; }
.work-process .item .inner-content > span.dot { position: absolute; z-index: 15; content: ''; top: 50%; left: 0; width: 8px; height: 8px; margin-top: -4px; background-color: #6e6e6e; border-radius: 25%; }
.work-process .item > i.icon-Arrow { display: block; position: absolute; z-index: 15; top: 50%; right: 0; width: 50px; height: 50px; line-height: 50px; margin-top: 45px; margin-right: -25px; font-size: 25px; text-align: center; }
 @media (min-width: 768px) {
 .work-process .item > i.icon-Arrow.icon-Down-3 {
 margin-top: 25px;
}
}
 @media (max-width: 767px) {
 .work-process .item > i.icon-Arrow.icon-Up-3 {
 left: 0;
 margin-left: -25px;
 -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
}
 @media (min-width: 768px) {
 .work-process .item > i.icon-Arrow.icon-Up-3 {
 margin-top: -25px;
}
}
@media screen and (min-width:670px) and (max-width:769px) {
section#references.margin{ padding-top:50px !important;background: #f4f3f3 none repeat scroll 0 0;}	
section#why-Philippines.margin{ padding-top:50px !important;}
section#profile.margin{ padding-top:50px;}
.panel-group.resume .resume-item .panel {
 margin-top: -40px;
 padding: 0;
}
.panel-group.resume .resume-item .panel {
 margin-left: 183px;
}
.section .section-wrapper > .section-content {
 padding: 80px 0 0;
}
.margin .section-content{ padding: 0px 0 0;}

}
.work-process .item.first .inner-content:before { left: auto; right: 0; }
@media screen and (min-width:641px) and (max-width:991px) {
.section .section-wrapper > .section-content {
 padding: 80px 0px;
}
.margin .section-wrapper >.section-content{ padding: 0px 0 0;}
/*.panel-group.resume .resume-item .panel {
 margin-top: 22px;
 padding: 0 !important;
}*/
 .panel-heading {
 padding: 10px 0 !important;
}
.panel-body {
 padding: 15px 0;
}
}
@media screen and (min-width:641px) and (max-width:767px) {
 .panel-group.resume .resume-item .panel {
 margin-top: 0px;
}
/*.section .section-wrapper > .section-content {
 padding: 25px 0;
}*/
}
 @media (max-width: 767px) {
 .work-process .item.last:before {
 display: none;
}
}
 @media (max-width: 767px) {
 .work-process .item.last .inner-content:before {
 left: auto;
 right: 0;
}
}
.work-process .item.last .inner-content:after { display: none; }
 @media (min-width: 768px) {
 .work-process .item.last .inner-content > span.dot {
 right: 0;
 left: auto;
}
}
 @media (max-width: 767px) {
 .work-process .item.no-margin:before {
 display: none;
}
}
.work-process .item.no-margin .inner-content { margin-top: 0px; }
.work-process .item.no-margin .inner-content:after { margin-top: 0px; }
 @media (min-width: 768px) {
 .work-process .item.no-margin .inner-content > span.title {
 top: auto;
 bottom: 0;
 margin-bottom: -33px;
}
}
resume-item .panel-body.text-grey > p { text-align:justify; }
.navbar.navbar-fixed-top .navbar-nav > li > a > span { text-transform:inherit !important; }
/*---------------------------------------------------------------------*/
/*  6.12. SECTION - CONTACT
/*---------------------------------------------------------------------*/
#faqs { /*  background-color: #171717;*/ background:#fff; border-bottom: 0px solid #ccc; }
#faqs h3 { color: #c80a48; }
/*---------------------------------------------------------------------*/
/*  6.12. SECTION - CONTACT
/*---------------------------------------------------------------------*/
#contact { /*  background-color: #171717;*/ background:#fff; border-bottom: 0px solid #ccc; }
/*---------------------------------------------------------------------*/
/*  6.12.1. CONTACT FORM
/*---------------------------------------------------------------------*/
#contact .contact-form { margin-top: 40px; }
#contact .contact-form .form-group { margin-bottom: 20px; }
#contact .contact-form .form-group label { color: #a1a1a1; font-size: 16px; font-weight: 400; margin-bottom: 0px; }
#contact .contact-form .form-group label.error { font-size: 14px; margin-top: 5px; }
#contact .contact-form .form-group .input-group { width: 100%; }
#contact .contact-form .form-group .input-group input { padding: 0; background-color: transparent; color: #a1a1a1; font-size: 16px; border: none; border-bottom: 1px solid #3b3b3b; border-radius: 0px; }
#contact .contact-form .form-group .input-group input:focus { box-shadow: none; }
#contact .contact-form .form-group .input-group textarea { margin-bottom: 10px; padding: 0; height: 250px; background-color: transparent; color: #ffffff; font-size: 16px; border: none; border-bottom: 1px solid #3b3b3b; border-radius: 0px; }
#contact .contact-form .form-group .input-group textarea:focus { box-shadow: none; }

/* WebKit browsers */
#contact .contact-form .form-group .input-group ::-webkit-input-placeholder {
 color: #a1a1a1;
}

/* Firefox 4 to 18 */
#contact.contact-form .form-group .input-group :-moz-placeholder {
 color: #a1a1a1;
 opacity: 1;
}

/* Firefox 19+ */
#contact .contact-form .form-group .input-group ::-moz-placeholder {
 color: #a1a1a1;
 opacity: 1;
}

/* IE 10+ */
#contact .contact-form .form-group .input-group :-ms-input-placeholder {
 color: #a1a1a1;
}
#contact .contact-form .form-group button { margin-top: 5px; padding: 0; width: 100%; height: 50px; line-height: 50px; background-color: #212121; color: #a1a1a1; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; border: none; outline: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#contact .contact-form .form-group button:hover { color: #ffffff; }
#contact .contact-form .form-group button:focus { box-shadow: none; }
#contact .contact-details { margin: 0px auto 0; width: 100%; }
/*---------------------------------------------------------------------*/
/*  6.12.2. CONTACT DETAILS
/*---------------------------------------------------------------------*/
#contact .contact-details .speech-bubble { position: relative; width: 170px; height: 170px; margin: auto; }
#contact .contact-details .speech-bubble > i { display: block; position: absolute; z-index: 5; color: #a1a1a1; font-size: 170px; }
#contact .contact-details .speech-bubble h4 { padding-top: 50px; font-size: 30px; font-weight: 700; text-align: center; letter-spacing: 1px; }
#contact .contact-details h2 { margin-top: 10px; color:#000 font-size: 40px;
letter-spacing: 1px; }
#contact .contact-details h4 { margin-top: 0px; }
#contact .contact-details span.divider { margin-bottom: 20px; width: 60px; height: 4px; }
/* Images and Images overlay
---------------------------------- */
.fixed-image { background-position: center center; background-repeat: no-repeat; height: 400px; }
.no-touch .fixed-image { background-attachment: fixed; }
.fixed-image { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.overlay-container { position: relative; display: block; float: left;/*	overflow: hidden;*/ }
.image-how { float:left; margin:0 26px 0 0; }
.overlay { position: absolute; top: 0; bottom: -1px; left: 0; right: -1px; background-color: rgba(241, 241, 241, 0.85); overflow: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -ms-transition: all linear 0.2s; -o-transition: all linear 0.2s; transition: all linear 0.2s; }
.overlay a { display: inline-block; width: 50px; height: 50px; font-size: 26px; color: #e84c3d; background-color: #ffffff; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; }
.overlay span { position: absolute; display: block; bottom: 10px; text-align: center; width: 100%; color: #000000; font-style: italic; }
.overlay-links { display: block; margin: 0 auto; position: absolute; top: 50%; margin-top: -25px; left: 50%; margin-left: -50px; font-size: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.4); transform: scale(0.4); -webkit-transition: all 0.25s linear 0.05s; -moz-transition: all 0.25s linear 0.05s; -ms-transition: all 0.25s linear 0.05s; -o-transition: all 0.25s linear 0.05s; transition: all 0.25s linear 0.05s; }
.overlay-links a { position: static; margin-top: 0; margin-left: 0; }
.overlay-links a + a { left: 50px; color: #ffffff; background-color: #e84c3d; }
.overlay a:hover { color: #ffffff; background-color: #333333; text-decoration: none; }
.overlay i { line-height: 50px; }
.box-style-1 .overlay i { font-size: 26px; margin: 0; }
a.overlay { background-color: rgba(255, 255, 255, 0.9); cursor: pointer; }
a.overlay:hover { text-decoration: none; }
.listing-item a.overlay { -webkit-transition: linear 0.25s; -o-transition: linear 0.25s; transition: linear 0.25s; background-color: rgba(255, 255, 255, 0.7); -webkit-transform: scale(1); transform: scale(1); }
.listing-item a.overlay:hover { text-decoration: none; }
a.overlay i { position: absolute; left: 50%; top: 50%; font-size: 40px; line-height: 42px; color: #e84c3d; margin-top: -22px; margin-left: -18px; text-align: center; }
a.overlay.small i { font-size: 18px; line-height: 1; margin-top: -8px; margin-left: -8px; }
.overlay .social-links { margin: 0; position: absolute; bottom: 10px; width: 100%; text-align: center; }
.overlay .social-links li { margin: 0 auto; }
.overlay .social-links li a { margin: 2px; width: 40px; height: 40px; font-size: 18px; position: static; }
.overlay .social-links li a:hover { background-color: #fff; border-color: #fff; text-decoration: none; }
.overlay .social-links li a i { line-height: 38px; font-size: 24px; margin: 0; }
.overlay-container:hover .overlay, .overlay-container:hover .overlay-links { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
.box-style-1 { margin: 7px 0; padding: 35px 0 20px 0; text-align: center; }
.gray-bg { background-color: #FEFBFB; float:left; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.13) !important; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.13) !important; position: relative; }
.gray-bg:before { position: absolute; top: 0; left: 0; background-color: transparent; height: 5px; content: ""; width: 100%; -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.13); box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.13); }
.imgleft { padding:9px 10px 10px 0px; float:left; }
.imgright { padding:9px 0px 10px 10px; float: right; }
/* Social icons block
---------------------------------- */
.social-links { list-style: none; font-size: 0; padding: 0; margin: 40px 0 20px 0; }
.social-links li { display: inline-block; margin: 0 2px 2px 0; }
.social-links li a { width: 45px; height: 45px; display: block; text-align: center; font-size: 20px; background: #e84c3d; border: 1px solid #e84c3d; color: #fff; }
.social-links.large li a { width: 60px; height: 60px; font-size: 24px; }
.social-links.light li a { background: #fafafa; border: 1px solid #f3f3f3; color: inherit; }
.social-links.dark li a { background: #454545; border: 1px solid #333333; color: #acacac; }
.social-links.radius-5px li a { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.social-links.circle li a { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.social-links li a:hover { background-color: transparent; border-color: #cd3c2e; color: #cd3c2e; }
.social-links.dark li a:hover { background: #fafafa; border: 1px solid #acacac; color: inherit; }
.social-links.light li a:hover { border: 1px solid #d2d2d2; color: #333333; }
.social-links li a i { line-height: 44px; }
.social-links.large li a i { line-height: 60px; }
#how-it-Works .box-style-1 h3 { font-size: 22px; margin-bottom: 10px; margin-top: 20px; text-align:center; }
.box-style-1 h3 { font-size: 22px; margin-bottom: 10px; margin-top: 20px; text-align:center; color: #c80a48; }
/*---------------------------------------------------------------------*/
/*  6.13. SECTION - BLOG
/*---------------------------------------------------------------------*/
#blog { background-color: #0d0c0d; }
#blog .launch { margin-top: 50px; }
#blog .blog-post { position: relative; margin-top: 40px; }
#blog .blog-post > .post-media img { border-top-right-radius: 5px; border-top-left-radius: 5px; }
#blog .blog-post > .post-meta { position: relative; color: #bbbbbb; padding: 35px 30px 30px 30px; border: 1px solid #3b3b3b; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
#blog .blog-post > .post-meta > span.date { display: block; position: absolute; top: 0; width: 60px; height: 60px; margin-top: -40px; color: #ffffff; font-size: 12px; text-align: center; text-transform: uppercase; border-radius: 2px; background-color: #c80a48; padding-top: 8px; }
#blog .blog-post > .post-meta > span.date > span.day { display: block; font-size: 30px; font-weight: 700; }
#blog .blog-post > .post-meta > .post-title a { color: #d4d4d4; font-size: 18px; font-weight: 700; line-height: 25px; }
#blog .blog-post > .post-meta > .post-title a:hover { color: #eeeeee; }
/*---------------------------------------------------------------------*/
/*  7. MAP
/*---------------------------------------------------------------------*/
#map { position: relative; }
#map > .address { z-index: 5; width: 100%; height: 55px; text-align: center; background-color: #c80a48; border-bottom: 2px solid #970837; opacity: 0.8; }
#map > .address h4 { line-height: 52px; }
#map #google-container { position: relative; width: 100%; height: 400px; }
/*---------------------------------------------------------------------*/
/*  8. FOOTER
/*---------------------------------------------------------------------*/
footer.footer { background-color: #171717; padding-top: 70px; padding-bottom: 50px; }
footer.footer .page-scroll > a { display: block; position: absolute; top: 0; left: 50%; width: 48px; height: 46px; line-height: 48px; margin-top: -94px; margin-left: -24px; background-color: #c80a48; color: #ffffff; font-size: 24px; text-align: center; border-radius: 4px; box-shadow: 0 3px 0 #970837; }
footer.footer ul.social-icons { margin: 0; text-align: center; }
footer.footer ul.social-icons > li:hover > .item img { opacity: 0.7; }
footer.footer ul.social-icons > li > .item { position: relative; width: 48px; height: 48px; background-color: #2e2e2e; border-radius: 4px; box-shadow: 0 3px 0 #212121; }
footer.footer ul.social-icons > li > .item > a { display: block; position: absolute; top: 0; left: 0; width: 48px; height: 48px; line-height: 48px; font-size: 25px; color: rgba(255, 255, 255, 0.5); }
footer.footer ul.social-icons > li > .item > a:hover { color: rgba(255, 255, 255, 0.7); }
footer.footer ul.social-icons > li > .item img { margin: 0 auto; margin-top: 12px; opacity: 0.5; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
footer.footer .copyright { margin-top: 20px; }
footer.footer .copyright p { font-size: 14px; }
/*--------------------------*/

.break-section { position: absolute; z-index: 99999; top: 20%; left: 20%; background-color: #fff; width: 60%; }
.break-con { float: left; margin: 0; padding: 10px; width: 100%; }
.break-holder { width: 100%; float: left; /* margin: 1% 10%; */ border: thin solid #c80a48; padding-bottom: 35px; }
.breaklabel { width:100%; float:left; text-align:center; border-bottom:1px solid #c80a48; margin:1% 0%; }
.breaklabel-cl { padding:1% 0%; font-size: 24px; font-weight: bold; }
.breakrow { width:100%; float:left; }
.breakcol { width:50%; float:left; }
.breakcol-con { width:96%; float:left; margin:0 2%; }
.breakcol-con ul { list-style:none; }
.breakcol-con ul li { float:left; width:95%; font-size:18px; color:#000; padding:2% 2%; border:1px solid #ccc; margin: 1% 0%; height: 50px; }
.blakdiv { background-color: rgba(0, 0, 0, 0.68); position: absolute; z-index: 999; }
.break-holder .btn { float: right; position: absolute; right: 11px; top: 10px; color:#fff !important; font-weight:bold; }
.break-holder .btn a { color:#fff; }
.break-holder .btn a { color:#000; }
.btn a { color:#fff; }
.btn a:hover { color:#fff; }
/*-------------------------*/

textarea[disabled], textarea.form-control[disabled], input.form-control[disabled], input[type="text"][disabled], input[type="password"][disabled], input[type="email"][disabled], input[type="number"][disabled], .form-control[type="text"][disabled], .form-control[type="password"][disabled], .form-control[type="email"][disabled], .form-control[type="tel"][disabled], .form-control[contenteditable][disabled], textarea[readonly], textarea.form-control[readonly], input.form-control[readonly], input[type="text"][readonly], input[type="password"][readonly], input[type="email"][readonly], input[type="number"][readonly], .form-control[type="text"][readonly], .form-control[type="password"][readonly], .form-control[type="email"][readonly], .form-control[type="tel"][readonly], .form-control[contenteditable][readonly] { border-bottom: 0px dotted #ddd; box-shadow: none; }
/*---------------------------*/

#references .margin{padding: 0px;}
 .layout { font-family: Georgia, serif; }
.layout-slider { width: 100%; }
.layout-slider-settings { font-size: 12px; padding-bottom: 10px; }
.layout-slider-settings pre { font-family: Courier; }
.propdescp { height: 170px; overflow-x: hidden; overflow-y: visible; display:none; }
.dproj { width: 100%; overflow-x: hidden; overflow-y: auto; border: solid thin #BBBBBC; padding:2%; border-radius: 5px; min-height: 150px; }
.close-cross { position:absolute; z-index:999; font-size:14px; top:72%; right:0; text-align:center; }
.crs-cl { width:20%; }
.dprojcontact { width: 50%; overflow-x: hidden; overflow-y: auto; border: solid thin #BBBBBC; border-radius: 5px; left: 25%; }
a.close { background-color: #c80a48; text-decoration: none; border-radius: 3px; box-shadow: 0 3px 0 #970837; color: #ffffff; font-family: "Raleway", sans-serif; position: absolute; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; width: 33px; top: 0; top: 0; padding: 5px; text-align:center; cursor:pointer; right: 0%; opacity:1; }
a.close:hover { background-color: #000; color:#fff; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; transition: color 1s ease; }
#popup9 a.close { background-color: #c80a48; text-decoration: none; border-radius: 3px; box-shadow: 0 3px 0 #970837; color: #ffffff; font-family: "Raleway", sans-serif; position: absolute; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; width: 33px; top: 0; top: 1%; text-align:center; cursor:pointer; right: 7px;/* font-size: 34px !important;*/ padding: 5px; }
#popup9 a.close:hover { background-color: #000; color:#fff; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; transition: color 1s ease; }
/*-------------	 ---------*/
.v-center { height: 100vh; width: 100%; display: table; position: relative; text-align: center; }
.v-center > div { display: table-cell; vertical-align: middle; position: relative; top: -10%; }
.image-how h3 { width:90%; margin: 10px auto; }
/*.btn {
  font-size: 3vmin;
  padding: 0.75em 1.5em;
  background-color: #fff;
  border: 1px solid #bbb;
  color: #333;
  text-decoration: none;
  display: inline;
  border-radius: 4px;
  -webkit-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  transition: background-color 1s ease;
}

.btn:hover {
  background-color: #ddd;
  -webkit-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  transition: background-color 1s ease;
}

.btn-small {
  padding: .75em 1em;
  font-size: 0.8em;
}
*/
#popup5 { border-bottom: 1px solid #aaa; border-radius: 4px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.1); }
.modal-box { display: none; position: absolute; z-index: 1000; width: 98%; background: white; border-bottom: 1px solid #aaa; border-radius: 4px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.1); background-clip: padding-box; }
#popup4 .close { background-color: #c80a48; border-radius: 3px; box-shadow: 0 3px 0 #970837; color: #ffffff; font-family: "Raleway", sans-serif; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; width: 33px; top: 0; }
#popup4 .close:hover { background:#000; }
#popup4.modal-box { width:50%; }
#popup4 .breaklabel { margin: 1% 0 3%; }
/*----------------------------*/

/*---------------------------Form Contac--------------------*/

.form-section { width:100%; float:left; }
.form-con { width:96%; float:left; margin:0 2%; }
.form-holder { width:100%; float:left; margin:0%; border: 0px solid #D4D4D4; }
.form-label { width:100%; float:left; text-align:center; border-bottom:1px solid #d4d4d4; }
.form-labeltext { font-size:18px; color:#000; padding: 1% 0%; }
.form-content { width:100%; float:left; }
.f-row { width:100%; float:left; }
.f-col1 { width:30%; float:left; padding: 1% 0%; }
.contact-details .f-col1 { width:30%; float:left; padding: 1% 0%; text-align:left; }
.contact-details .f-col2 { float: left; padding: 1% 0; width: 100%; }
.f-col2 { width:70%; float:left; padding: 1% 0%; }
.f-coltext { font-size:18px; color:#00; padding:2% 10%; }
.f-colfield { padding: 1% 2%; border:1px solid #DEDEDE; width: 94%; }
.f-textarea { border:1px solid #DEDEDE; width: 94%; height:110px; padding:0 2% 0 1% }
.sub-tab { width:100%; float:left; text-align:center; padding:1% 0%; }
.f-submit { padding: 1% 4%; background-color: #c80a48; border-radius: 3px; box-shadow: 0 3px 0 #970837; color: #ffffff; font-family: "Raleway", sans-serif; font-weight: 700; letter-spacing: 1px; border:0px; text-transform: uppercase; }
select { border-color:#DEDEDE; }
select option { color:#000; }
textarea, textarea.form-control, input.form-control, input[type="text"], input[type="password"], input[type="email"], input[type="number"], .form-control[type="text"], .form-control[type="password"], .form-control[type="email"], .form-control[type="tel"], .form-control[contenteditable] { border: medium none; border-radius: 0; box-shadow: 0 0px 0 #dddddd inset; padding: 5px; color: #000; border: 1px solid #ccc; }
textarea, textarea.form-control, input.form-control, input[type=text], input[type=password], input[type=email], input[type=number], [type=text].form-control, [type=password].form-control, [type=email].form-control, [type=tel].form-control, [contenteditable].form-control { -webkit-box-shadow: inset 0 -1px 0 #dddddd; box-shadow: inset 0 0px 0 #dddddd; }
textarea:focus, textarea.form-control:focus, input.form-control:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, [type=text].form-control:focus, [type=password].form-control:focus, [type=email].form-control:focus, [type=tel].form-control:focus, [contenteditable].form-control:focus { -webkit-box-shadow: inset 0 -2px 0 #2196f3; box-shadow: inset 0 0px 0 #2196f3; }
#formcontact2 .form-content { float: none; margin: 0 auto; width: 99%; }
/*----------------------------*/

#formsucess { text-align:center; margin-bottom:35px; }
/*.print{ display:none;}
#popup9 {
    padding: 0;
    z-index: 99999 !important;
	left: 20% !important;
    position: fixed;
    top: 20% !important;
    width: 60% !important
}

*/
header.hero .hero-body .hero-text h1.small { font-size: 45px; font-weight: 400; color: #ffffff; }
#example { margin:0px; padding:0px 0px 0px 0px; list-style:none; }
#example li { margin:0px 0px 10px 0px; padding:0px 0px 0px 30px; list-style:none; background:url(../images/bullet.jpg) no-repeat left 8px; }
.panel-group { margin-bottom: 0px !important; }
select, select.form-control { opacity: 0.5; }
#formcontact2 .f-row input { color: #000; font-size: 18px; opacity: 0.5; }
#formcontact2 .f-row .f-submit { background-color: #c80a48; border: 0 none; border-radius: 3px; box-shadow: 0 3px 0 #970837; color: #ffffff; font-family: "Raleway", sans-serif; font-weight: 700; letter-spacing: 1px; padding: 1% 4%; text-transform: uppercase; opacity: 1; }
#formcontact2 .f-row .f-submit:hover { background-color: #000; border: 0 none; border-radius: 3px; box-shadow: 0 3px 0 #970837; color: #ffffff; font-family: "Raleway", sans-serif; font-weight: 700; letter-spacing: 1px; padding: 1% 4%; text-transform: uppercase; opacity: 1; }
/*.f-row .f-textarea { opacity: 0.5; }*/
.circle-chart .item { margin-top: 70px; margin-bottom: 70px; }
 @media (min-width: 1280px) {
 header.hero.bg-slideshow-yes {
 background: transparent;
}
 header.hero.parallax-yes > .parallax > .bcg {
 background-attachment: fixed;
}
}
 @media (min-width: 1280px) {
.section.bg-image-yes {
 background-attachment: fixed;
}
.section.parallax-yes > .parallax > .bcg {
 background-attachment: fixed;
}
}
@media (min-width: 1280px) {
 .bar-chart > .item > h4 {
 margin-bottom: 12px;
}
}
 @media (min-width: 1200px) {
 .section.bg-image-yes .container-fluid.section-wrapper > .section-content {
 width: 1170px;
}
}
 @media (min-width: 1200px) {
 .section.parallax-yes .container-fluid.section-wrapper > .section-content {
 width: 1170px;
}
}
 @media (min-width: 992px) {
 .navbar.navbar-fixed-top {
 position: relative;
}
}
@media (min-width: 992px) {
 .navbar.navbar-fixed-top .navbar-nav > li > a {
 height: 65px;
 line-height: 65px;
}
}
 @media (min-width: 992px) {
 .navbar.navbar-fixed-top.center-menu .navbar-nav {
 float: none;
 text-align: center;
}
}
 @media (min-width: 992px) {
 .navbar.navbar-fixed-top.center-menu .navbar-nav > li {
 float: none;
 display: inline-block;
}
 .section.bg-image-yes .container-fluid.section-wrapper > .section-content {
 width: 970px;
}
}
 @media (max-width: 992px) {
 .milestones .item:first-child, .milestones .item:nth-child(2) {
 margin-bottom: 60px;
}
}
 @media (min-width: 992px) {
 header.hero {
 height: calc(100% - 65px);
}
}
 @media (min-width: 992px) {
 #profile .profile-text {
 padding-top: 20px;
}
}
 @media (min-width: 992px) {
 #profile .profile-text.padding-right-yes {
 padding-right: 20px;
}
}
 @media (min-width: 992px) {
 .section.parallax-yes .container-fluid.section-wrapper > .section-content {
 width: 970px;
}
}
 @media (min-width: 992px) {
 #profile .profile-text.padding-left-yes {
 padding-left: 20px;
}
}
@media (min-width: 992px) {
 header.hero .hero-body .hero-text h1.small > span.blinker:before {
 width: 3px;
 height: 50px;
 margin-top: -25px;
}
}
 @media (max-width: 991px) {
 header.hero {
 margin-top: 65px;
}
}
 @media (max-width: 991px) {
.section.parallax-yes.margin {
    padding: 0 !important;
}	 
	 
	 
 .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;
}
}
 @media screen and (min-width:900px) and (max-width:1199px) {
.nav > li > a {
 padding: 10px 5px;
}
}
 @media screen and (min-width:1000px) and (max-width:1024px) {
.mainbox img {
width:100% !important;
height: 200px !important;
}
#navigation .container {
    padding-left:  !important;
    padding-right:  !important;
}
.navbar.navbar-fixed-top .container {
    padding-left:  !important;
    padding-right:  !important;
}
.nav > li > a{  padding: 0px 5px !important;}
.navbar.navbar-fixed-top .navbar-nav > li > a{  padding: 0px 5px !important;}
#navigation .container {
    width: 100% !important;
}
 }
 @media screen and (min-width:769px) and (max-width:1024px) {
.panel-group.resume .resume-item .resume-year .resume-year {margin: 0;	 }
/*.mainbox img {
width:100% !important;
height: auto !important;
}*/
.ipad {
padding-left: 18px !important;
}
.leftbutton, .rightbutton {
margin-top:5px;
 width: 100%;
}
.ipad .row {
width:73%;
float:left;
}
.leftbutton .btn, .rightbutton .btn {
width:90%;
margin:0 auto;
}
#one.layout.layoutu1{
   padding-top: inherit;
}
}
 @media screen and (min-width:769px) and (max-width:1024px) {
.mainbox > .col-md-4:nth-child(1) {
width: 37.1% !important;
}
.mainbox > .col-md-4:nth-child(2) {
width: 32.333% !important;
}
.mainbox > .col-md-4:nth-child(3) {
width: 30.333% !important;
}
}
@media screen and (min-width:769px) and (max-width:1000px) {
.nav > li > a {
 padding: 10px 5px;
}
}
 @media (max-width: 767px) {
 .btn.btn-lg.btn-custom {
 padding: 6px 12px;
 font-size: 16px;
 line-height: 1.42857143;
}
}
@media (min-width: 768px) {
 #references .flexslider2.references > .slides > .item .content {
 padding-left: 160px;
}
 #references .flexslider.references > .slides > .item .content {
 padding-left: 160px;
}
 #references .flexslider.references > .slides > .item .content p {
 text-align: justify;
}
 .milestones .item:nth-child(3) {
 margin-bottom: 60px;
}
.image-how {
 float: left;
 margin: 0 26px 0 0;
}
}
 @media (max-width: 767px) {
 #references .flexslider.references > .slides > .item .content h3 {
 text-align: center;
}
}
 @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 screen and (min-width:668px) and (max-width:990px) {
#faqs .panel-group.resume .resume-item .panel {
 margin-left: 45px;
}
}
@media (max-width: 767px) {
 #work-process .text-justify {
 text-align: center;
}
.container {
 width: 100%;
}
.box-style-1 {
 padding: 35px 25px 20px;
}
 #work-process .divider {
 margin-right: auto;
 margin-left: auto;
}
 .work-process .item {
 margin: 0 auto;
 width: 200px;
 height: 132px;
}
 .work-process .item:before {
 position: absolute;
 z-index: 10;
 content: '';
 bottom: 0;
 left: 0;
 width: 1px;
 height: 100%;
 margin-bottom: -66px;
 border-left: 1px dashed #6e6e6e;
}
}
@media (min-width: 768px) {
.ipad .text-center {    padding-left: 0px; text-align:left;}	
.ipad1024{ text-align:left;}
.text-center.ipad1024 {  padding-left: 0px; }
header.hero .hero-body .hero-text h1 { font-size: 78px;}
 .work-process .item .inner-content {
 margin-top: 102px;
 height: 102px;
}
 .work-process {
 margin-top: 30px;
 margin-bottom: 30px;
 padding: 0px 15px;
}
.work-process .item .inner-content:after {
 margin-top: -102px;
}
.work-process .item .inner-content > span.title {
 margin-top: -33px;
}
 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;
}
 .section.bg-image-yes .container-fluid.section-wrapper > .section-content {
 width: 750px;
}
 .section.parallax-yes .container-fluid.section-wrapper > .section-content {
 width: 750px;
}
 #profile .profile-text {
 text-align: justify;
color:#171717;
}
#why-Philippines {
 padding-bottom: 0px;
}
 .circle-chart .item {
 margin-top: 30px;
 margin-bottom: 30px;
}
}




@media (max-width: 768px) {
.print {
    padding-left: 85% !important;
}	 
#breakdown { width:100% !important;}	 
.ipad {
float: left;
padding-left: 0px !important;
width: 50% !important;
margin:10px 0 10px 0 !important;
}
#one {
padding-top:20px !important;
}
.leftpanel {
 width: 30%;
}
.prop-container {
 width: 67%;
}
.slidemainlabel {
 margin: 0 !important;
}
#contact .contact-details {
 margin: 0px auto 0;
 width: 75%;
}
.row {
 margin-left: 0;
 margin-right: 0;
}
.container {
 width: inherit;
}
}


@media (max-width: 767px) {
 .panel-group.resume .resume-item .panel {
padding:0px;
}
.panel-group.resume >.resume-item >.resume-year >.resume-year  {
margin-left: 0px;
}

 .circle-chart {
 margin-top: -30px;
}
 #profile .profile-text .divider {
 margin-right: auto;
 margin-left: auto;
}
}

@media (max-width: 668px) {
	 
/*.panel-group.resume .resume-item .resume-btn {
 display: none;
}*/
.panel-title h4 {
 margin: 0 0 0 0px;
text-align:left;
}
.panel-group.resume .resume-item .panel {
 margin-top: 0;
 display: inline-block;
    margin-top: 50px;
}
#faqs .panel-group.resume .resume-item .panel .panel-heading {
margin-left:183px;
}
#faqs .panel-group.resume .resume-item .panel .panel-heading {
margin-left:0px;
}
.panel-group.resume .resume-item .resume-year {
 margin-left: 48px;
}
/*.panel-group.resume .resume-item .panel {
    margin-left: 51px;
    width: calc(100% - 0px);
}*/

 }
 @media (min-width: 600px) {
 header.hero .hero-body .hero-text h1.small {
 font-size: 58px;
}
}
 @media screen and (min-width:481px) and (max-width:767px) {
.text-center.ipad1024 { text-align: left; padding-left:0px; }	 
.nav > li {
 display: block;
 float: left;
 position: relative;
 width: 50%;
}
 #blog .blog-post > .post-meta > .post-title a {
 font-size: 26px;
 line-height: 35px;
}

.contact { width:70% !important;}
.dprojcontact { left:12%; top:8%}
.break-section {
    left: 12% !important;
    top: 15% !important;
    width: 70% !important;
}
.print {
    padding-left: 75% !important;
}

}
 @media screen and (min-width:481px) and (max-width:568px) {
.col-md-4.text-center.ipad1024 > img {
    height: auto !important;
    width: 100% !important;
}	 
.ipad {
float: left;
padding-left: 18px !important;
width: 100% !important;
margin:10px 0 10px 0 !important;
}
 }
 @media (max-width: 624px) {

.image-how {
float:none;
 margin: 0 auto 0;
 width: 90%;
}
.panel-group.resume .resume-item .panel {
 margin-left: 0px;
 width:100%;;
}
.panel-heading {
 padding: 10px 0 !important;
}
.panel-body {
 padding: 15px 0 0 !important;
}
/*.panel-group.resume .resume-item .panel {
 margin-top: 0px !important;
}*/
}
@media (max-width: 640px) {
	

section#why-Philippines.margin{ margin:0px;}
section#faqs.margin{ margin:0px;}
section#contact.margin{ margin:0px;}
section#how-it-Works.margin{ margin:0px;}
section#services.margin{ margin:0px;}
section#references.margin{ margin:0px;}	 	
section#why-Philippines.margin{ margin:0px;}	 
section#contact, section#faqs, section#accolades, section#why-Philippines, section#references, section#how-it-Works, section#services, section#profile {
    padding: 0;
}
.panel-group.resume .resume-item .resume-year {
 margin: 0 0 20px 43px;
}
.panel-group.resume .resume-item .resume-year  .resume-year { margin: 0px;}
 .panel-heading {
 padding: 0px 15px 10px 0 !important;
}
/* .panel-group.resume .resume-item .panel {
margin:0px !important;
}*/
.panel-group.resume .resume-item .panel .panel-collapse .panel-body {
 padding: 0;
}
.section .section-wrapper > .section-content {
 padding: 20px 0;
}
 .panel-group.resume .resume-item .panel .panel-heading .panel-title {
 padding-top: 0px;
}
section {
 margin-top: 80px;
}
section#contact, section#faqs, section#accolades, section#why-Philippines, section#references, section#how-it-Works, section#services, section#profile {
 margin-top: 80px;
}
.section-content section {
margin-top: 0px;
}
#accolades.section {
margin-top: 0px;
}
.panel-group.resume .resume-item .resume-year {
margin-bottom: 18px;
}
#references .flexslider2.references {
 margin-top: 0px;
}
.flexslider2 .item {
margin-top: 0px;
}
}


 @media screen and (min-width:0px) and (max-width:480px) {
.contact { width:90% !important;}
.dprojcontact { left:5%; top:8%}
.break-section {
    left: 5% !important;
    top: 10% !important;
    width: 90% !important;   height: 420px; overflow:scroll;
}
.print {
    padding-left: 75% !important;
}

.panel-group.resume .resume-item .panel .panel-heading {
    margin-left: 0px;
}

/*.panel-title h4 {
 margin: 0px;
text-align:left;
}*/
/*.showheading{ display:block;}
.hideheading{ display:none}

.panel-group .resume-btn{ display:none;}*/
.panel-group.resume .resume-item .panel {
 display: inline-block;
    margin-top: 0px;
}
.resume-title { padding-left:46px}
 }


 @media screen and (min-width:0px) and (max-width:480px) {

.section .section-wrapper > .section-content {
 padding: 20px 0 35px;
}
.text-center img {
 width: 100% !important;
}
 .text-center img {
 width: 100% !important;
}
.contact-details.text-center img {
 width: auto !important;
}
 .col-sm-4.col-md-4.item.top.dark-bg.match-height.mobileservices {
margin-left: 0px !important;
width: 100% !important;
}
.services .item > .inner-content {
 padding: 25px 0 15px;
}
#contact .contact-details {
 margin: 20px auto 0;
 width: 100%;
}
#accolades {
 padding: 0px 15px;
}
#services .services .col-md-4 {
margin-left: 0px !important;
width: 100% !important;
}
 .mobile, .developer {
padding-left: 0px;
 padding-right: 0px;
}
 .container, {
 padding-left: 0px;
 padding-right: 0px;
}
.jplist-drop-down {
margin: 6px 0 0;
width: 100%;
}
.jslider .jslider-value {
 padding: 10px 2px 3px 7px;
}
#one {
margin-bottom: -1px !important;
 padding-top: 9px !important;
}
.col-md-4.text-center > img {
 height: auto !important;
 width: 99% !important;
}
.col-md-2 {
padding-left: 0px;
 padding-right: 0px;
}
.layout-slider {
 margin: 10px 0;
}
.prop-container .text-center {
 padding-left: 0;
 text-align: center;
}
#demo .container {
 margin: 0;
 padding: 0;
}
.prop-container {
 padding: 0 0 10px;
}
.row {
 margin-left: 0;
 margin-right: 0;
}
.mainbox {
margin-left: 0 !important;
 margin-right: 0 !important;
}
.panel-group.resume .resume-item .panel .panel-heading .panel-title {
 padding-top: 0px;
}
.panel-group.resume {
 margin-top: 10px;
}
 .panel-group.resume .resume-item .panel {
padding: 0;
}
.panel-group.resume .resume-item {
 margin-bottom: 25px;
}
.col-md-4 p:nth-child(2n+1) {
 width: 100%;
}
p {
 margin: 0;
}
.leftpanel {
 width: 100%;
}
.prop-container {
 width: inherit;
}
.col-md-4 {
 float: left !important;
margin-left: 10px;
margin-top: 10px;
padding: 0 !important;
text-align: center;
width: 93% !important;
}

.list-item .col-md-4{margin-left: 0px;}
.titlesmall p {
 text-align:  center;
}
.sortdata {
 float: none;
 margin:0;
 width: 100%;
}
.left {
 padding: 0 0 0 0px;
}
.full {
 padding-left: 0;
 width: 80%;
}
 .col-md-4 p:nth-child(odd) {
width:100%;
float:left;
}
 .col-md-4 p:nth-child(even) {
width:100%;
float:left;
}
.image-how {
float:none;
 margin: 0 auto 0;
 width: 90%;
}
/*p {
    margin: 0 13px 10px;
}
*/
.image-how img {
width: 100%;
}
 .col-md-4.labeler2 p:nth-child(odd) {
width:100%;
float:left;
}
 .col-md-4.labeler2 p:nth-child(even) {
width:50%;
float:left;
}
 .col-md-4 {
text-align:left;
}
.titlesmall p {
 text-align:left;
}
 .col-md-4 .slidemainlabelp:nth-child(even) {
width:100%;
float:left;
}
.col-md-4 .slidemainlabelp:nth-child(odd) {
width:100%;
float:left;
}
 .col-md-4 .slidemainlabel {
width:100% !important;
float:left;
}
.col-md-4 .left p:nth-child(2n+1), .col-md-4 .right p:nth-child(2n+1) {
 float: left;
 width: 100%;
}
.col-md-4 .full p {
width:100%;
}
.col-md-4 #one .labeler2 p {
width:100%;
}
 .slidemainlabel {
 float: left;
 margin: 20px 0 0 !important;
 width: 100%;
}
.col-md-4 .slidemainlabel p:nth-child(2n+1) {
width: 100%;
}
 .layout {
 float: left;
 width: 100%;
}
 .labeler {
 float: left;
 width: 100%;
}
.layout-slider {
 float: left;
 width: 100%;
}
.text-muted.titlesmall {
padding-left:0px;
}
/*.text-center {
 padding-left: 0px;
}*/
#formcontact2 .form-content {
 width: 100%;
}
.full {
 padding-left: 0;
 width: 100%;
}
.image-how img img {
 display: block;
 height: auto;
 max-width: 100%;
}
.image-how {
 float: none;
 margin: 0 auto 0;
 width: 90%;
}
h4 {
 font-family: "Raleway", sans-serif;
 margin: 27px 0 0;
 text-align: center;
}
h3 {
text-align:  left;
}
/*.container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}*/
/*#faqs .collapse{ display:block !important;}*/

}
 @media (min-width: 480px) {
/*.ipad {
float: left;
padding-left: 0px !important;
margin:10px 0 10px 0 !important;
}	*/ 
 header.hero .hero-body {
 padding: 100px 50px;
}
}

 @media (max-width: 380px) {
.col-md-4 {
margin-left: 0px;

}
section.margin{
    margin-top: 0 !important;
}
 }
 @media (max-width: 320px) {
.leftbutton .btn {
 margin: 8px auto;
 width: 95%;
}
 .rightbutton .btn {
 margin: 8px auto;
 width: 95%;
}
 .container {
 padding-left: 0;
 padding-right: 0;
}
.container .section-content {
 padding-left: 15px;
 padding-right: 15px;
}
.panel-group.resume .resume-item .resume-year {
 margin: 18px auto;
}
.services .item > .inner-content {
 padding: 25px 15px 15px;
}
.mobile, .developer {
 padding-left: 15px;
 padding-right: 15px;
}
.panel-group.resume .resume-item {
 margin-bottom: 25px;
}
.col-md-4 {
margin-left: 0px;

}
.resume-title { padding-left:0px}
}



 .panel-group.resume .resume-item .resume-year .resume-year {

 margin: 0 0 0 0px;
}


 @media (min-width: 769px) {
#investment .panel-heading {
    margin: -38px 0 0;
}
 }