
@font-face{
font-family:"Calibri";
src:url("../fonts/3bf8ead2-2902-446a-af57-fcf4e5da22db.eot?#iefix");
src:url("../fonts/3bf8ead2-2902-446a-af57-fcf4e5da22db.eot?#iefix") format("eot"),url("../fonts/52f16f8c-2868-43ee-a2ca-378b097a3580.woff2") format("woff2"),url("../fonts/9cb02ba8-d928-43f5-a1bd-32fb78238194.woff") format("woff"),url("../fonts/1cc9eda5-6732-4a23-ad69-782421f8c81b.ttf") format("truetype"),url("../fonts/bf08ac41-3def-4da6-976b-7f125842a2c3.svg#bf08ac41-3def-4da6-976b-7f125842a2c3") format("svg");
font-weight: 300;
}
@font-face{
font-family:"Calibri";
src:url("../fonts/443c8ba0-016c-4a11-af5c-58f3c01f635c.eot?#iefix");
src:url("../fonts/443c8ba0-016c-4a11-af5c-58f3c01f635c.eot?#iefix") format("eot"),url("../fonts/aa102de4-ec9f-42ac-b628-6c30e83d0d93.woff2") format("woff2"),url("../fonts/b67d06e6-0656-41da-a1f4-e700d786580b.woff") format("woff"),url("../fonts/ed45e86a-ab65-4c27-9c41-b4b3d13bc2c6.ttf") format("truetype"),url("../fonts/301a0a5a-16af-4dae-84e6-c032da865cac.svg#301a0a5a-16af-4dae-84e6-c032da865cac") format("svg");
font-weight: 300;
font-style: italic;
}
@font-face{
font-family:"Calibri";
src:url("../fonts/d4acc8cd-67f2-4139-80be-d669bb2564d7.eot?#iefix");
src:url("../fonts/d4acc8cd-67f2-4139-80be-d669bb2564d7.eot?#iefix") format("eot"),url("../fonts/367341fc-4cc6-4a79-89ad-d6c61561611e.woff2") format("woff2"),url("../fonts/1ff86dd4-d3b2-4325-89bc-c6eb493cedba.woff") format("woff"),url("../fonts/aa6b4b64-5ce0-48fd-887a-bece037cd9c9.ttf") format("truetype"),url("../fonts/59b6060c-d311-413e-b351-d79aaf982f7a.svg#59b6060c-d311-413e-b351-d79aaf982f7a") format("svg");
font-weight: 400;
}
@font-face{
font-family:"Calibri";
src:url("../fonts/f5fb4de8-efeb-47a8-94a7-50b825a6966a.eot?#iefix");
src:url("../fonts/f5fb4de8-efeb-47a8-94a7-50b825a6966a.eot?#iefix") format("eot"),url("../fonts/e1cc7218-de20-4af1-a27c-6f325a4b0f0f.woff2") format("woff2"),url("../fonts/cac25ebb-269d-41e9-8ee5-78589746706e.woff") format("woff"),url("../fonts/6a4b5dab-ebbd-4741-80c7-3b30cd46e05d.ttf") format("truetype"),url("../fonts/318af76f-0012-4791-a785-d241f2613955.svg#318af76f-0012-4791-a785-d241f2613955") format("svg");
font-weight: 400;
font-style: italic;
}
@font-face{
font-family:"Calibri";
src:url("../fonts/26989e0d-2435-46c9-ab53-ae63e1816b99.eot?#iefix");
src:url("../fonts/26989e0d-2435-46c9-ab53-ae63e1816b99.eot?#iefix") format("eot"),url("../fonts/3ded7064-503f-4fa0-853b-9f7a2cf55f20.woff2") format("woff2"),url("../fonts/4e7b2126-77d3-4e53-810d-7ccfde46450a.woff") format("woff"),url("../fonts/dcb27c78-fcd6-43bb-ab8b-9152bcfeb336.ttf") format("truetype"),url("../fonts/ab531dcb-6916-45d8-9326-ab3e33d75ef3.svg#ab531dcb-6916-45d8-9326-ab3e33d75ef3") format("svg");
font-weight: 700;
}
@font-face{
font-family:"Calibri";
src:url("../fonts/c0f723f3-c373-4abc-9043-0fb0b460b8dc.eot?#iefix");
src:url("../fonts/c0f723f3-c373-4abc-9043-0fb0b460b8dc.eot?#iefix") format("eot"),url("../fonts/fe969ae7-f9ce-40b2-93cc-9cc7138809a2.woff2") format("woff2"),url("../fonts/e43fbe67-bdec-48c3-b305-e4f021d8e755.woff") format("woff"),url("../fonts/7cf1f907-81f8-4b27-8ae5-986118860da1.ttf") format("truetype"),url("../fonts/d5b3dbd1-291d-4354-bdcd-216ef956c562.svg#d5b3dbd1-291d-4354-bdcd-216ef956c562") format("svg");
font-weight: 700;
font-style: italic;
}


a.social {
    color:white;
}

a:hover.social {
    color:#337ab7;
}


body {
    font-family: 'Calibri', helvetica, Arial, sans-serif;
}



h3 {
    color:#084D68;
}

.top-bar
{
    background-color: #084D68;
    padding-top: 10px;
    padding-bottom: 10px;
}


/*Contact Details*/

.contact_details {
    margin: 15px;
    padding: 0;
    float: right;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    list-style: none;
}

.contact_details li {
    text-align: right;
    color: #FFF;
}

@media screen and (min-width: 1024px) {
    .contact_details li {
        float: left;
        margin-left: 12px;
    }
}

.contact_details i {
    margin-right: 6px;
}

.contact_details a
{
    color: #fff;
}

.contact_details-number {

}

.contact_details-address {
    display: none;
}

.contact_details-email {
    display: none;
}

@media screen and (min-width: 768px) {
    .contact_details-address {
        display: list-item;
    }

    .contact_details-email {
        display: list-item;
    }
}


.social-details {
    margin: 15px;
    float:left;
    color: #fff;
}

.social-icons i {
    margin-right: 6px;
}


/*LOGO*/

.logo {
    display: block;
    padding: 30px 100px 30px 30px;
}

@media screen and (min-width: 768px) {

    .logo {
        padding: 30px;
    }
}

@media screen and (min-width: 992px) {

    .logo {
        padding: 15px;
    }
}

.logo-img
{
    /*width: 450px;
    margin-top: 30px;
    margin-left: 20px;*/
    display: block;
    width: 100%;
}

.height-30
{
    height: 30px;
}


/*NAVIGATION*/

.nav {
}

@media screen and (min-width: 991px) {
    .nav {
        margin-top: 10px;
    }
}

.nav>li {
    border-bottom: 1px solid #ccc;
    font-family: 'Raleway', sans-serif !important;
}

.navbar {
    margin: 0;
}

.navbar-header {
    float: none;
}

@media screen and (min-width: 991px) {
    
    .navbar-header {
        float: left;
        width: 372px;
    }
}

.navbar-nav {
    margin: 0;
}

@media screen and (min-width: 768px) {

    .navbar-nav {
        float: none !important;
        margin-left: 68px;
    }
}

@media screen and (min-width: 992px) {

    .navbar-nav {
        float: right !important;
        margin: 10px 0 0;
    }
}

.navbar-collapse {
    /*margin-bottom: 40px;*/
    border: none;
}

.nav-main-text
{
    font-weight: 700;
    text-transform: uppercase;
    color:#084D69;
}


.navbar-toggle {
    position: absolute;
    right: 30px;
    top: 25px;
    margin: 0;
}

.navbar-inverse
{
    background-color: #fff;
    border: none;
}

.navbar-nav>li>a
{
    color: #0D7685 !important;
}

.navbar-nav>li>a:hover
{
    background-color: transparent !important;
    opacity: 0.5;
}


#home ul li .home, #services ul li .services, #projects ul li .projects, #news ul li .news, #team ul li .team, #contact ul li .contact {
    background-color: #EFEFEF;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

/*CAROUSEL*/
.container-no-padd {
padding: 0!important;
}

.carousel-caption
{
    bottom: 180px !important;
    text-align: left;
}

.carousel-caption h2
{
    font-size: 58px;
}

.carousel-caption p
{
    font-size: 18px;
}

.carousel.fade {
  opacity: 1;
  /*margin-top: 40px;*/
}
.carousel.fade .item {
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
.carousel.fade .item:first-child {
  top:auto;
  position:relative;
}
.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  z-index:2;
}


/*INTRO TEXT*/

.intro-wrapper
{   padding: 0px 0px 90px 0px;
    background-image: url(../images/plans.png);
}

.intro-big
{
    font-size: 32px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    color: #0D7685;
}

.intro-1
{
    font-family: 'Open Sans', sans-serif !important;
    margin-top: 15px;
    line-height: 28px;
    font-size: 18px;
    text-align: left;

}

.intro
{
    font-family: 'Open Sans', sans-serif !important;
    margin-top: 15px;
    line-height: 28px;
    font-size: 16px;
    opacity: .8;
    text-align: left;
}


/*FOOTER*/

footer
{
    margin: 0px !important;
}

.footer-bg
{
    background-color: #084D68;
    padding-left: 40px;
    padding-right: 40px; 
}

.footer-wrap
{
    padding: 10px;
    color: #fff;
}

.footer-logo {
    max-width: 50%;
    padding-top: 10px;
    float: right;
}

.copyright {
    
    padding-top: 10px;
    font-size: 16px;
}


/*INSIDE PAGES*/


.bg-title
{
    z-index: 100;/*

    background-color: #0D7685;
    margin-top: -76px;
*/
    color: #fff;
    padding: 0px;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    margin-bottom:20px;
    font-size:24px;
}


.nav-tabs>li.active>a
{
    border: none !important;
}

#myTab li
{
    border: none !important;
}


.page-header {
    font-size: 16px;
    text-align: center;
}

.team {
    /*text-align: center;*/

    margin-left: -12px;
    list-style: none;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: stretch;
    align-items: flex-start;
}

.team-member {
    /*display: inline-block;
    width: 100%;
    max-width: 186px;
    padding: 0 15px;*/

    min-height: 100px;
    /*   min-width: calc(50% - 12px); */
    margin: 0 0 24px 12px;

    order: 0;
    flex: 1 1 auto;
    align-self: auto;
}

@media screen and (min-width: 768px) {

    .team-member{

        max-width: 182px;
    }
}

.team-border
{
    border: 1px solid #444;
}

.team-thumbnail img{
    display: block;
    width: 100%;
}



.team-img
{
    float: left;
}

.team-img-padding
{
    /*margin-left: 15px !important;*/
    /*height: 190px;*/
}

.team-details {
    margin-top: 25px;
    overflow: hidden;
}

.team-info {
    margin-top:50px;
}
.name
{
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    color: #084D68;
    font-weight: 700;
}

.title
{
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    height: 40px;
}

.team-text
{
    margin-top: 40px;
    line-height: 28px;
}

.height-40
{
    height: 40px;
}

.clear-both
{
    clear: both;
}

.modal-content
{
    padding: 70px;
    min-height: 430px !important;
}

.modal-content-2
{
    padding: 70px;
    height: 490px !important;
}

.modal-text
{
    float: right !important;
}

.btn-primary
{
    background-color: #337ab7 !important;
    border: none;
}



/*PROJECTS*/

.project-box-color
{
    background: #EFEFEF;
    padding: 20px;
    margin-top: -1px;
    text-align: center;
}

.project-title
{
    color: #337ab7;
    line-height: 28px;
}

.project-text
{
    line-height: 24px;
    margin-top: 24px;
    font-size: 15px;
}

.news-right-text {
    margin-top: 20px;
    margin-bottom: 120px;
}


/*SERVICES*/

.service-text
{
    color: #fff;
    padding-top: 55px;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 700;

}

.service-1
{
    
    width: 250px;
    height: 150px;
    background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(0, 0, 0, 0.6), 
      rgba(0, 0, 0, 0.6)
    ),
    /* bottom, image */
    url(https://placeimg.com/250/150/nature/1);
}

.service-2
{
    width: 250px;
    height: 150px;
    background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(0, 0, 0, 0.6), 
      rgba(0, 0, 0, 0.6)
    ),
    /* bottom, image */
    url(https://placeimg.com/250/150/nature/3);
}

.service-3
{
    width: 250px;
    height: 150px;
    background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(0, 0, 0, 0.6), 
      rgba(0, 0, 0, 0.6)
    ),
    /* bottom, image */
    url(https://placeimg.com/250/150/nature/4);
}

.service-4
{
    width: 250px;
    height: 150px;
    background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(0, 0, 0, 0.6), 
      rgba(0, 0, 0, 0.6)
    ),
    /* bottom, image */
    url(https://placeimg.com/250/150/nature/5);
}

.services-wrapper
{   margin-bottom: 50px;
    background-image: url(../images/plans.png);
    border-bottom: 1px solid #eee;
}


.blog-text p, .blog-text li
{
    font-size: 16px;
    opacity: .8;
}

@media screen and (min-width:992px){
    .pop-up {
     margin-top:-10px;
     text-align: justify;
    }
    
    .close {
    margin-top:-25px !important;
}

}

.breadcrumb {
    background: none !important; 
    text-align: center !important;
}

.navbar-inverse .navbar-toggle{

     border: 1px solid #69C181 !important;
    
}

.navbar-inverse .navbar-toggle .icon-bar {
     background-color:  #084D68;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #EFEFEF !important;
}
/* MEDIA QUERIES */


@media screen and (min-width:768px) and (max-width:991px) {

    .name {
        /*margin-top:190px !important;*/
    }
}



@media screen and (max-width:767px) {
    .logo-img {
        /*width: 80%;
        margin-top: 20px;*/
    }

}


@media screen and (max-width:991px) {

    .news-small {
        padding: 0 !important;
    }
}


@media screen and (max-width:585px) {
    .footer-logo {
        max-width: 100%;
        padding-top: 10px;
        float: right;
    }
    .disp-none {
        display: none;
    }


    .name {
        /*margin-top:190px !important;*/
    }

}


@media screen and (max-width:991px) {
    .nav {
        /*width: 100%;
        margin: 0 auto;*/
    }
    
    .logo-img {
        /*margin-left:20px;*/
    }
    
    .modal-content {
        float:left;
    }
    
    .pop-up {
        padding: 0 !important;
        margin:0 auto;
        width:80%;
    }
    
    .modal-content .team-img img {
        display:none !important;
    }
    
    
    .modal-content .name {
        margin-top:0 !important;
    }
    
    
}


@media screen and (min-width:1200px) {
    .name {
        margin-top:-10px;
        float:left;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    
    .logo-img {
        /*width:130%;
        margin-left:0;
        margin-top:20px;*/
    }
    
    .navbar-header {
        /*width:250px;*/
    }
    
    .nav {
        /*margin:0px;
        float:right;
        padding-top:0;*/
    }
    
}

@media screen and (min-width:992px) {
    /*.team-img {
        width: 250px;
        height: 200px;
    }*/
}

.MarkupPagerNav {
        clear: both;
        margin: 1em 0;
        font-family: Arial, sans-serif;
}
.MarkupPagerNav li {
    display: inline;
    list-style: none;
    margin: 0;
}

.MarkupPagerNav li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.MarkupPagerNav li:last-child>a, .pagination>li:first-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.MarkupPagerNav li a,
.MarkupPagerNav li.MarkupPagerNavSeparator {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;}

.MarkupPagerNav li.MarkupPagerNavOn a,
.MarkupPagerNav li a:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

.MarkupPagerNav li.MarkupPagerNavSeparator {
    display: inline;
    color: #777;
    background: #d2e4ea;
    padding-left: 3px;
    padding-right: 3px;
}
  @media only screen and (min-width:997px){
    /* STYLES HERE */
 .media {
    min-height:150px!important;
}
}


