@import 'https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,700i,900,900i';
body { font-family: 'Lato', sans-serif; font-size: 14px; color: #484848; }
h2 { font-size: 1.5em; font-weight: 700; letter-spacing: 2px; margin-bottom: 15px; padding-bottom: 10px; }
.navbar-brand { height: auto; }
.text-bold { font-weight: 700; }
.hline { border-bottom: 1px solid #a1a1a1; }
.para { margin-bottom: 30px; }
.para p { margin-bottom: 20px; }
.para p:last-child { margin-bottom: auto; }
.text-2x { font-size: 1.17em; }
.primary-color { color: #244d77 !important; }
.homepage header { margin-top: 50px; }
.otherpages header { margin-top: 50px; }
.homepage { background: #fff url(../images/homepage-bg.jpg) center top no-repeat; background-size: auto; }
.otherpages.approach { background: url(../images/header-approach.jpg) top center no-repeat; background-size: auto; background: url(../images/header-approach.jpg) top center no-repeat, url(../images/otherpages-bg.jpg) repeat-x; }
.otherpages.about { background: url(../images/header-about.jpg) top center no-repeat; background-size: auto; background: url(../images/header-about.jpg) top center no-repeat, url(../images/otherpages-bg.jpg) repeat-x; }
.otherpages.contact { background: url(../images/header-contact.jpg) top center no-repeat; background-size: auto; background: url(../images/header-contact.jpg) top center no-repeat, url(../images/otherpages-bg.jpg) repeat-x; }
.otherpages.newsmedia { background: url(../images/header-media.jpg) top center no-repeat; background-size: auto; background: url(../images/header-media.jpg) top center no-repeat, url(../images/otherpages-bg.jpg) repeat-x; }
.otherpages.clientlogin { background: url(../images/header-clientlogin.jpg) top center no-repeat; background-size: auto; background: url(../images/header-clientlogin.jpg) top center no-repeat, url(../images/otherpages-bg.jpg) repeat-x; }
.otherpages.portfolio { background: url(../images/header-portfolio.jpg) top center no-repeat; background-size: auto; background: url(../images/header-portfolio.jpg) top center no-repeat, url(../images/otherpages-bg.jpg) repeat-x; }
.navbar-default { font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 138px; }
.navbar-nav>li>a { padding-top: 17px; padding-bottom: 16px; }
.main-text .list-unstyled li { font-size: 6.4em; font-weight: 300; color: #fff; border-bottom: 1px solid #fff; }
.main-text .list-unstyled li:last-child { border-bottom: none; }
.main-text .homepagetext { font-size: 2em; color: #fff; line-height: 1.6em; letter-spacing: 3px; }
.homepage .main-section { min-height: 396px; background-color: transparent; }
.heading h1 { color: #fff; font-size: 3.4em; border-bottom: 1px solid #fff; padding-bottom: 5px; font-weight: 300; margin-top: 0; letter-spacing: 3px; padding-bottom: 8px; }
.main-section { padding-top: 50px; min-height: 880px; background: #fff; }
.quote-text { margin: 40px 0; padding: 20px 0; border-top: 1px solid #a1a1a1; border-bottom: 1px solid #a1a1a1; }
.quote-text p { font-size: 1.8em; font-style: italic; }
.contact .main-section { padding-top: 30px; }
.contact-details { font-size: 1.46em; font-weight: 300; padding-bottom: 30px; margin-bottom: 56px; }
.contact-details .disp-block { display: block; width: 100%; margin-bottom: 5px; }
.contact-details li { display: block; padding: 18px 0; border-bottom: 1px solid #a1a1a1; }
.contact-details li:first-child { padding-top: 0; }
.contact-details li:last-child { border-bottom: none; }
.portfolio-details { font-size: 16px; font-weight: 300; padding-bottom: 20px; margin-bottom: 40px; }
.portfolio-details .disp-block { display: block; width: 100%; margin-bottom: 5px; padding-bottom: 10px; }
.portfolio-details li { display: block; padding: 18px 0; font-weight: normal; }
.portfolio-details li:first-child { padding-top: 0; }
.portfolio-details li:last-child { border-bottom: none; }
.portfolio-details-block { margin-top: 10px; margin-bottom: 10px; }
.map-details { margin-bottom: 60px; }
.news-block { margin-bottom: 60px; }
.news-date { font-size: 0.88em; letter-spacing: 1px; color: #636363; border-bottom: 1px solid #a1a1a1; padding-bottom: 10px; }
.news-date .primary-color { color: #00aeef !important; }
.news-title { font-size: 1.3em; letter-spacing: 2px; margin-top: 20px; line-height: 1.6em; }
.news-details { line-height: 1.6em; margin-top: 25px; letter-spacing: 0.03em; }
.more-news-link { color: #00aeef; letter-spacing: 3px; font-size: 0.88em; text-transform: uppercase; }
.media-contact p { font-size: 1em; }
.notready { border-top: 1px solid #a1a1a1; border-bottom: 1px solid #a1a1a1; padding: 30px 0; font-size: 3em; text-align: center; }
footer { color: #fff; background: #244d77; padding: 25px 0; font-size: 0.86em; }
footer a, footer a:hover, footer a:focus { color: #fff; text-decoration: underline; }
.pull-right { float: left !Important; }
.portfolio-header { margin-bottom: 30px; }
.portfolio-header h2 { font-size: 20px; margin-bottom: 0; }
.portfolio-header small { font-size: 20px; }
.portfolio-box { margin-bottom: 20px; }
.portfolio-box a { display: block; margin-bottom: 10px; color: #244d77; }
.portfolio-text { font-size: 18px; text-transform: uppercase; display: block; text-align: center; font-weight: bold; text-decoration: none; }
.portfolio-text span { text-transform: none; font-weight: normal; }
.portfolio-panel { background: #ececec; margin-bottom: 80px; }
.portfolio-inner-panel { position: relative; }
.portfolio-panel .list-inline { margin-bottom: 0; margin-left: auto; }
.portfolio-panel .list-inline > li { padding-left: 0; padding-right: 0; float: left; width: 33.33% }
.left-panel { width: 300px; background: #dcebf3; float: left; padding: 25px; position: absolute; left: 0; top: 0; height: 100%; }
.nav-pills>li { border: none !important; }
.nav-pills>li>a { color: #244d77; border-radius: 0; border-top: 1px solid #fff !important; font-size: 14px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; padding: 7px 10px 7px 0; }
.nav-pills>li:last-child >a { border-bottom: 1px solid #fff; }
.nav>li>a:hover, .nav>li>a:focus { background-color: transparent; }
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { background-color: transparent; color: #00aeef; }
.right-panel { margin-left: 300px; padding: 0px 40px 40px 40px; min-height: 500px; position: relative; }
.right-panel p { font-size: 16px; line-height: 28px; }
.tab-content { width: 100%; }
ul.nav-stacked { margin-top: 7px; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -24px !important; text-align: center !important; /* padding-right: 6px; */
width: 100% !important; background: #3395c5 !important; width: 24px !important; height: 24px !important; text-align: center !important; display: inline-block !important; line-height: 24px !important; opacity: 1; padding-right: 0 !important; }
@media (min-width:1600px) {
.homepage { background-size: cover; }
}
@media (max-width:1200px) {
.portfolio-details-block { width: 100%; }
}
@media (max-width:992px) {
.contact-details li { margin-bottom: 15px; }
.contact-details li:nth-child(2) { border-right: none; }
}
@media (max-width:768px) {
.otherpages header { margin-top: 40px; }
.pull-right { float: left !Important; }
}
@media (min-width:768px) and (max-width:992px) {
.navbar-default { margin-bottom: 50px; }
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse { margin-right: 0; margin-left: 0; width: 100%; display: block; text-align: center; }
.navbar-brand, .navbar-right, .navbar-nav>li, .navbar-right li > a { display: inline-block; float: none !important; }
}
@media (max-width:767px) {
	.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: 0px !important; }
.left-panel { display: none; z-index: 9; padding-top: 40px; }
#showhidesidebar.btn { border: none; background-color: transparent; font-size: 18px; color: #337ab7; }
.close-siderbar { position: absolute; right: 10px; top: 10px; z-index: 9; background-color: #337ab7; color: #fff; border: none; }
.right-panel { margin-left: 0; padding: 0 15px 15px; }
.main-text .homepagetext { margin-top: 25px; }
.navbar-collapse { background: #244d77; }
.nav>li { border-bottom: 1px solid #1e3f61; border-top: 1px solid #306194; }
.nav>li:first-child { border-top: none; }
.nav>li:last-child { border-bottom: none; }
.navbar-toggle { margin: 15px; }
.main-text .list-unstyled li { font-size: 2.4em; padding-top: 15px; }
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { border: none; background: #fff; }
.navbar-default .navbar-toggle .icon-bar { background: #244d77; }
.homepage header, .otherpages header { margin-top: 10px; }
.navbar-default { margin-bottom: 50px; }
.homepage .main-section { min-height: 100px; }
.navbar-brand { width: 80%; }
.contact-details li { margin-bottom: 15px; border: none; display: block; width: 100%; }
.portfolio-box { text-align: center; }
.portfolio-box a { display: inline-block; }
.portfolio-text { display: block !important; text-align: center; }
}
@media (max-width:620px) {
.navbar-brand { width: 76%; }
}
@media (min-width: 768px) {
.modal-dialog { width: 600px; margin: 250px auto; }
}