/* MyriadPro-Bold */
@font-face {
  font-family: 'MyriadPro-Bold';
  src: url('../fonts/MyriadPro-Bold/MyriadPro-Bold.eot');
  src: url('../fonts/MyriadPro-Bold/MyriadPro-Bold.woff2') format('woff2'),
       url('../fonts/MyriadPro-Bold/MyriadPro-Bold.woff') format('woff'),
       url('../fonts/MyriadPro-Bold/MyriadPro-Bold.ttf') format('truetype'),
       url('../fonts/MyriadPro-Bold/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg'),
       url('../fonts/MyriadPro-Bold/MyriadPro-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}





/* MyriadPro-Semibold */
@font-face {
  font-family: 'MyriadPro-Semibold';
  src: url('../fonts/MyriadPro-Semibold/MyriadPro-Semibold.eot');
  src: url('../fonts/MyriadPro-Semibold/MyriadPro-Semibold.woff2') format('woff2'),
       url('../fonts/MyriadPro-Semibold/MyriadPro-Semibold.woff') format('woff'),
       url('../fonts/MyriadPro-Semibold/MyriadPro-Semibold.ttf') format('truetype'),
       url('../fonts/MyriadPro-Semibold/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg'),
       url('../fonts/MyriadPro-Semibold/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}





/* MyriadPro-Regular */
@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('../fonts/MyriadPro-Regular/MyriadPro-Regular.eot');
  src: url('../fonts/MyriadPro-Regular/MyriadPro-Regular.woff2') format('woff2'),
       url('../fonts/MyriadPro-Regular/MyriadPro-Regular.woff') format('woff'),
       url('../fonts/MyriadPro-Regular/MyriadPro-Regular.ttf') format('truetype'),
       url('../fonts/MyriadPro-Regular/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg'),
       url('../fonts/MyriadPro-Regular/MyriadPro-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}





/* Bebas-Neue */
@font-face {
  font-family: 'Bebas-Neue';
  src: url('../fonts/Bebas-Neue/Bebas-Neue.eot');
  src: url('../fonts/Bebas-Neue/Bebas-Neue.woff2') format('woff2'),
       url('../fonts/Bebas-Neue/Bebas-Neue.woff') format('woff'),
       url('../fonts/Bebas-Neue/Bebas-Neue.ttf') format('truetype'),
       url('../fonts/Bebas-Neue/Bebas-Neue.svg#Bebas-Neue') format('svg'),
       url('../fonts/Bebas-Neue/Bebas-Neue.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}



a { color: #0957a5;}

a,
a:hover,
a:focus {

    outline: none;
    -o-transition:all .2s ease-out;
    -ms-transition:color .2s ease-out;
    -moz-transition:color .2s ease-out;
    -webkit-transition:color .2s ease-out;
    transition:color .2s ease-out;
    text-decoration: none;
    color: #0957a5;
}

b, strong { font-family: 'MyriadPro-Bold', sans-serif;}

body { font-family: "MyriadPro-Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #0957a5; font-size: 16px;}



body.bkgd-grey { background: #e9e9e9;}
body.bkgd-white { background: #ffffff;}


.container { width: 1200px;}


.content-center-block { float: none; margin: 0 auto;}


body.bkgd-grey .triangle-bottomright { width: 0; height: 0; border-bottom: 330px solid #e9e9e9; border-left: 1600px solid transparent; }

body.bkgd-white .triangle-bottomright { width: 0; height: 0; border-bottom: 330px solid #ffffff; border-left: 1600px solid transparent; }


.btn { line-height: normal}


/*.btn-black { background: #101519; border-color: #101519; color: #ffffff;}*/
.btn-black { background: #0957a5; border-color: #0957a5; color: #ffffff;}
.btn-black:hover,
.btn-black:focus { color: #ffffff;}


.img-unresponsive { width: 100%;}



/*  HEADER WRAPPER  */



.header-wrapper { font-family: "MyriadPro-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; position: absolute; top: 0; left: 0; width: 100%; z-index: 9;}
.header-wrapper .container { background: rgba(255,255,255,0.8);}
.header-wrapper .logo-div { padding-top: 20px; padding-bottom: 20px;}
.header-wrapper .logo-div a { text-decoration: none;}
.header-wrapper .logo-div span { display: inline-block; vertical-align: bottom;}
.header-wrapper .logo-div span.logo-text { color: #0957a5; padding: 0 10px; font-size: 15px; line-height: 15px;}


.header-wrapper .menu-div { margin-top: 80px;}
.header-wrapper .menu-div .nav { float: right;}
.header-wrapper .menu-div .nav li { padding: 15px; float: left;}
.header-wrapper .menu-div .nav li a { text-shadow: none; color: #0957a5; padding: 0; font-size: 16px;}
.header-wrapper .menu-div .nav li a:hover,
.header-wrapper .menu-div .nav li a:focus,
.header-wrapper .menu-div .nav li.active a { background: none; color: #0957a5;}
.header-wrapper .menu-div .nav li.active a { font-family: "MyriadPro-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: underline;}




/* BANNER WRAPPER */

.banner-wrapper { position: relative; height: 700px; overflow: hidden;}
.banner-wrapper .banner-image { width: 100%;}
.banner-wrapper .triangle-bottomright { bottom: 0; right: 0; position: absolute;}



/* CONTENT WRAPPER */



.content-wrapper { padding-bottom: 60px;}
.content-wrapper.projects-content-wrapper { padding-bottom: 0;}
.content-wrapper .content-container .content-title-div { margin-bottom: 30px; margin-top: 0;}
.content-wrapper .content-container .content-title-div .content-title { text-transform: uppercase; font-family: "MyriadPro-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 0; margin-top: 0;}
.content-wrapper .content-container .content-title-div .content-subtitle { font-family: "MyriadPro-Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 0; margin-top: 5px; font-size: 22px;}
.content-wrapper .content-container .content-div { padding: 0 15px;}
.content-wrapper .content-container .content-div .content-subtitle { font-family: "MyriadPro-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 25px; font-size: 20px;}
.content-wrapper .content-container .content-div.projects-div { height: 1000px;}
.content-wrapper .content-container .btn { font-family: "MyriadPro-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; border-radius: 0; padding: 8px 30px; font-size: 18px; margin-top: 10px;}
.content-wrapper .content-container .btn:hover { color: #ffffff;}


.our-services-content-wrapper .content-container .content-div { padding: 0;}
.our-services-content-wrapper .content-div .our-service-content-div h2{ font-family: "MyriadPro-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 24px; color: #0957a5;}
.our-services-content-wrapper .content-div .our-service-content-div h2 span{ color: #7b7b7b; font-family: "MyriadPro-Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;}


.our-services-content-wrapper .content-div .our-service-content-div .our-service-structure { border-right: 1px solid #37668b; min-height: 260px;}
.our-services-content-wrapper .content-div .our-service-content-div h3{ font-family: "MyriadPro-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 20px; }
.our-services-content-wrapper .content-div .our-service-content-div ul { padding-left: 15px; font-family: "MyriadPro-Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;}


.content-wrapper .our-project-details { margin: 15px;}
.content-wrapper .our-project-details .image-part { padding-right: 2px; padding-left: 0;}
.content-wrapper .our-project-details .image-div { position: relative; display: block; width: 100%;}
.content-wrapper .our-project-details .image-div img { width: 100%; height: 355px;}
.content-wrapper .our-project-details .over-lay { background: rgba(0, 0, 0, 0.55); position: absolute; display: block; height: 100%; width: 100%; top: 0; left:0;}
.content-wrapper .our-project-details .image-div .img-content { font-family: "Bebas-Neue", "Helvetica Neue", Helvetica, Arial, sans-serif; position: absolute; display: block; height: 100%; width: 100%; top: 0; left: 0; color: #CEC8C8; text-align: center; font-size: 60px; line-height: 50px; padding: 160px 0;}



.content-wrapper .our-project-details .image-content { background: #d5dfea; padding: 25px; font-size: 22px; min-height: 355px;}
.content-wrapper .our-project-details .image-content h4 { font-size: 26px;}


body.bkgd-white .gallery-benner-wrapper .triangle-bottomright { border-bottom: 330px solid #0a57a5;}

.main-site-container .gallery-wrapper { background: #0a57a5; color: #ffffff;}

.main-site-container .gallery-wrapper .content-title-div .content-title { float: right; text-transform: none; color: #cec8c8; }

.main-site-container .gallery-wrapper .content-div .gallery-content { font-size: 18px; margin-bottom: 25px; margin-top: 30px;}

.main-site-container .gallery-wrapper .content-div .gallery-content .project-title { font-family: "Bebas-Neue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 45px; text-align: right; margin-top: -80px; color: #CEC8C8; position: relative;}

.main-site-container .gallery-wrapper .content-div .gallery-content .project-title .project-back-btn { display: inline-block; margin-left: 50px;}

.main-site-container .gallery-wrapper .content-div .gallery-content h4 { font-size: 22px; position: relative;}



.flexslider { margin-bottom: 5px;}

.flexslider { background: #0a57a5; }



.scope-of-work-wrapper { background: url('../images/scope-of-work.png')no-repeat center; background-size: 100%;}



.scope-of-work-wrapper .content-center-block .content-title-div { }



.scope-of-work-wrapper .content-center-block{ }

.scope-of-work-wrapper .content-center-block .content-div .scope-of-work-div{ padding-top: 20px;}



.contact-us-wrapper .content-div a { color: #0957a5;}

.contact-us-wrapper .content-div span { font-family: "MyriadPro-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }



.join-us-wrapper {background: #0957a5; color: #ffffff;}

.join-us-wrapper .content-title-div .content-title{ text-transform: uppercase; font-family: "MyriadPro-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 30px; font-size: 35px;}

.join-us-wrapper .content-title-div { margin-bottom: 30px;}



.contact-form { margin: 0 60px;}

.form-group { margin-bottom: 20px;}

.form-control::-moz-placeholder{ color: #ffffff;}

.form-group .form-control { background: #1f242a; color: #ffffff; border: 1px solid #1f242a; border-radius: 0; height: auto; padding: 10px 12px;}

.form-group .form-control:hover,

.form-group .form-control:focus,

.form-group .form-control:active { border-top: 1px solid #ffffff; box-shadow: none;}

.form-group textarea.form-control { height: 170px;}
.form-group .form-control-feedback { top: 4px;}



.form-group .btn-send { background: #acb3bb; color: #ffffff; border: 1px solid #acb3bb; text-transform: uppercase; font-family: "MyriadPro-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 40px; font-size: 22px; border-radius: 0; padding : 10px 35px;}



.contact-form .form-group .btn-send { text-shadow: none;}



/* BOTTOM WRAPPER */



.bottom-wrapper { background: #dce2e0; position: relative;}

.bottom-wrapper .bottom-overlay { background: rgba(9, 87, 165, 0.6); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.bottom-wrapper .container { position: absolute; top: 0; left: 0; z-index: 9; width: 100%;}

.bottom-wrapper .container .bottom-text { color: #ffffff; margin-top: 90px; margin-left: 120px; display: table;}

.bottom-wrapper .container .bottom-text h1 { font-family: "MyriadPro-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 50px; margin-bottom: 0; line-height: normal;}

.bottom-wrapper .container .bottom-text h4 { font-family: "MyriadPro-Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 25px; margin-top: 0;}

.bottom-wrapper .discover-btn-div { position: absolute; bottom: 80px; left: 0; width: 100%;}

.bottom-wrapper .discover-btn-div .btn { font-family: "MyriadPro-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; border-radius: 0; padding: 8px 30px; font-size: 18px; margin-top: 10px; display: table; margin: 0 auto; padding-top: 12px;}

.bottom-wrapper .discover-btn-div .btn:hover { color: #ffffff;}







/* FOOTER WRAPPER */



.footer-wrapper { background: #dedede; font-family: "MyriadPro-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; padding: 15px 0 10px 0;}

.footer-wrapper a { color: #0957a5;}

.footer-wrapper .copyright-div { position: relative; top: 1px;}

.footer-wrapper .backtop-div { text-align: right; position: relative; top: 1px;}






@media (max-width: 1200px) {


	.main-site-container { width: 1200px;}



	.img-unresponsive { width: 1200px;}



	.banner-wrapper { width: 1200px;}

	.banner-wrapper .banner-image { width: 1200px;}



	.bottom-wrapper { width: 1200px;}

	

	.bottom-wrapper .container .bottom-text { margin-top: 40px; margin-left: 35px;}



	.footer-wrapper { width: 1200px;}

}