@font-face{font-family:'Open Sans Bold';src:url(../fonts/OpenSans-Bold.ttf) format('truetype'),url(../fonts/OpenSans-Bold.eot) format('embedded-opentype')}
@font-face{font-family:'Open Sans Bold Italic';src:url(../fonts/OpenSans-BoldItalic.ttf) format('truetype'),url(../fonts/OpenSans-BoldItalic.eot) format('embedded-opentype')}
@font-face{font-family:'Open Sans Extra Bold';src:url(../fonts/OpenSans-ExtraBold.ttf) format('truetype'),url(../fonts/OpenSans-ExtraBold.eot) format('embedded-opentype')}
@font-face{font-family:'Open Sans Extra Bold Italic';src:url(../fonts/OpenSans-ExtraBoldItalic.ttf) format('truetype'),url(../fonts/OpenSans-ExtraBoldItalic.eot) format('embedded-opentype')}
@font-face{font-family:'Open Sans Italic';src:url(../fonts/OpenSans-Italic.ttf) format('truetype'),url(../fonts/OpenSans-Italic.eot) format('embedded-opentype')}
@font-face{font-family:'Open Sans Light';src:url(../fonts/OpenSans-Light.ttf) format('truetype'),url(../fonts/OpenSans-Light.eot) format('embedded-opentype')}
@font-face{font-family:'Open Sans Light Italic';src:url(../fonts/OpenSans-LightItalic.ttf) format('truetype'),url(../fonts/OpenSans-LightItalic.eot) format('embedded-opentype')}
@font-face{font-family:'Open Sans Regular';src:url(../fonts/OpenSans-Regular.ttf) format('truetype'),url(../fonts/OpenSans-Regular.eot) format('embedded-opentype')}
@font-face{font-family:'Open Sans Semibold';src:url(../fonts/OpenSans-Semibold.ttf) format('truetype'),url(../fonts/OpenSans-Semibold.eot) format('embedded-opentype')}
@font-face{font-family:'Open Sans Semibold Italic';src:url(../fonts/OpenSans-SemiboldItalic.ttf) format('truetype'),url(../fonts/OpenSans-SemiboldItalic.eot) format('embedded-opentype')}

/*** BODY ***/
 
body {
 
  color: #5a5a5a;
  font-family:'Open Sans Regular';
}


.navbar-expand-lg .navbar-nav .nav-link {
    padding-left:1rem;
    padding-right:1rem;
    font-family: 'Open Sans Bold';
    color:#00599a;
}

.navbar i.fa-home {
    font-size:20px;
}

.navbar-toggler {
    border: 2px solid #00599a;
    float: right;
    margin-top: 10%;
}
 
.carousel-caption {
    bottom: 30%;
    left: 12%;
    right: 0;
    text-align: left;
    max-width: 500px;
}

#mycarousel h3 {
    font-family: 'Open Sans Regular';
    font-size: 2.5rem;
}

#mycarousel h3 small {
    display:block;   
    font-family: 'Cookie', cursive;
    font-size: 5rem;
}
 
.carousel-item img {
    width:100%;    
}

/*** HOME **/
#home-about .row {
    margin:0;
    padding-top:0;
    padding-bottom:0;
}

#home-about .img-blk {
    text-align:right;
    padding:0;
}

#home-about .txt-blk {
   padding: 7%;
}

#home-about h2 {
    color:#00599a;
    font-family:'Open Sans Light';
    font-size:2.5rem;
    padding-bottom:3%;
}

#home-about p {
    color:#5a5a5a;
    font-family:'Open Sans Regular';
    font-size:1rem;
    line-height:1.6;
    text-align:justify;
}

a.btn-blue {
    background-color: #00599a;
    border-color: #00599a;
    color: #ffffff;
    padding: 1rem 3rem;
    border-radius: 100px;
    font-size: 1rem;
    font-family:'Open Sans Regular';
    margin-top:30px;

}

a.btn-blue:hover {
    background-color: #ffffff;
    border-color: #00599a;
    color: #00599a;
}

a.btn-white {
    background-color: transparent;
    border-color: #fff;
    color: #ffffff;
    padding: 1rem 3rem;
    border-radius: 100px;
    font-size: 1rem;
    font-family:'Open Sans Regular';
    margin-top:30px;

}

a.btn-white:hover {
    background-color: #ffffff;
    border-color: #00599a;
    color: #00599a;
}

#home-services {
    background:#00599a;
    padding-top:4%;
    padding-bottom:7%;
}

 
#home-services h3 {
    color: #ffffff;
    font-size: 5rem;
    padding-bottom: 10px;
    font-family: 'Cookie', cursive;
}

#home-services p {
    text-align:center;
    color:#ffffff;
    font-family: 'Open Sans Light';
    font-size: 1.2rem;
    margin-bottom:50px;
}

#home-services h3 hr {
    width: 60px;
    border-bottom: 2px solid #ffffff;
    margin-top: 0;
}

#home-services h4 a {
    text-align:center;
    color: #ffffff;
    font-size: 1.1rem;
    font-family: 'Open Sans Semibold';
}

#home-services .col-md-4 {
    text-align:center;
}

#home-services img {
    text-align:center;
    margin-bottom:25px;
}

#home-mission  {
    background: url('../images/mission-bg.png') no-repeat 100% 100% #F2F5F7;
    padding-top: 5%;
    padding-bottom: 10%;
}

#home-mission  h5 {
    color:#00599a;  
    font-family: 'Cookie', cursive;
    font-size: 4rem;
    line-height: 2;
}


#home-mission  p {
    color:#00599a;  
    font-family: 'Open Sans Light';
    font-size: 1.7rem;
    line-height: 1.5;
}


#home-work  {
    padding-top: 5%;
    padding-bottom: 5%;
}

#home-work  h6 {
    color:#00599a; 
    font-family: 'Open Sans Light';
    font-size: 3rem;
    line-height: 2;
    text-align:center;
}

#home-work  h6 hr{
    width: 60px;
    border-bottom: 1px solid #00599a;  
    margin-top: 0;
    margin-bottom: 30px;
}

#home-work  p {
    text-align:center;
    font-family: 'Open Sans Light';
    font-size: 1.2rem;
    margin-bottom:50px;
}

#home-work  .row {
    margin:0;
}

#home-work  .col-md-6 {
    padding:15px;
}

#client-heading {
    background:#00599a;
    text-align:center;
}

#client-heading h7  {
    color:#ffffff;  
    font-family: 'Cookie', cursive;
    font-size: 4rem;
    line-height: 2.5;
    text-align:center;
}


#client-scroll {
    background: url('../images/drop-arrow.png') no-repeat 50% 0%;
    padding-top: 3%;
    padding-bottom: 6%;
}





/*** CONTENT **/


#banner h1.heading {
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 8%;
    color: #ffffff;
    font-family: 'Cookie', cursive;
    font-size: 6rem;
    line-height:1.4;
}

#banner h1 hr{
    width: 60px;
    border-bottom: 1px solid #ffffff;
    margin-top:0;
}

#content {
    padding-top: 5%;
    padding-bottom: 5%;
}


#content h2 {
    font-family: 'Open Sans Light';
    text-align: justify;
    font-size: 1.7rem;
    text-align:center;
    padding-bottom:40px;
}

#content strong {
    color:#00599a;
}

#about-us-blk-1-wide {
    margin:0;
}

#about-us-blk-1-wide .left-img-blk {
    padding:0;
}

#about-us-blk-1-wide .left-img-blk img {
    width:100%;
}

#about-us-blk-1-wide .right-txt-blk {
    background: #f2f2f2;
    color: #fff;
    padding: 10% 5% 5% 5%;
    font-size: 1.2rem;
    text-align: right;
    font-family: 'Open Sans Regular';
}

#about-us-blk-1-wide h3 {
    color: #00599a;
    padding-bottom: 20px;
    font-family: 'Open Sans Bold';
    font-size: 1.5rem;
}

#about-us-blk-1-wide p {
    color: #333333;
}

#about-us-blk-2-wide {
    margin:0;
    background:url('../images/about-us-blk-1-bg.jpg') no-repeat;
    height:600px;
    background-size: cover;
    padding-top:15%;
}

#about-us-blk-2-wide p {
    color: #fff;
    font-family: 'Open Sans Light';
    font-size: 2rem;
    text-align: center;
}

 
#about-us-blk-3 {
    padding-top:6%;
    padding-bottom:6%;
} 

#about-us-blk-3  .list-group-item {
    border: 1px solid #00599a;
    border-radius:0;
    background: #f9f9f9;
}

#about-us-blk-3 .list-group-item.active {
    background-color: #00599a;
    border-color: #00599a;
    border-radius:0;
    font-size: 2.5rem;
    font-family: 'Cookie', cursive;
}

#thumb-div {
    margin-top:20px;
    margin-left: 0;
    margin-right: 0;
}

#thumb-div .img-thumbnail {
    margin-bottom:30px;
}
 
.text-align-right {
    text-align:right;
}

.text-align-left {
    text-align:left;
}

#service ul {
    margin-bottom:40px;
}

#services h2 {
    padding-bottom:30px;
}

#services-blk-1,#services-blk-2,#services-blk-3 {
    padding-bottom:7%;
}

 
.service-img {
    padding-right:0;  
    padding-left:0;   
}

.service-txt {
    padding:7%;
    color:#ffffff;
    
}

#services-blk-1 .service-txt {
    background-color:#00599a;
}

#services-blk-2 .service-txt {
    background-color:#00599a;
}

#services-blk-3 .service-txt {
    background-color:#00599a;
}
 
.service-img img {
     height:100%;
 }
 
.service-txt h3 {
    font-family: 'Open Sans Bold';
    font-size: 1.7rem;
    line-height: 2.5;
}

.service-txt p {
    font-size: 1.2rem;
}

#content ul {
    margin-top:20px;
    font-family: 'Open Sans Semibold';
    list-style: none;
    color:#00599a;
}

#content ul li {
    padding-left:50px;    
}

#content ul li::before {
    content: "\f105";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    color:#00599a;
}

 

#graphic-design h2 {
    text-align:left;
}

#contact h2 {
    text-align:center;
    margin-bottom:30px;
    padding-bottom:0;
}

#contact p {
    text-align:center;
}

#contact p strong {
    color:#00599a;
}

#contact-blk-1 {
    background-color: #f2f2f2;
    padding-top: 60px;
    margin: 0;
    color:#00599a;
    padding-bottom: 60px;
}

#contact-blk-1 h3 {
    font-family: "Open Sans Bold";
    font-size: 25px;
}


form#contact-us {
    padding-top:25px;
}
 

.form td.field {
    padding-bottom: 15px;
    padding-top: 5px;
}
 
.form input.form-control {
	border-radius:0;
	max-width:400px;
	
} 

.form textarea {
	border-radius:0;
	
}

.form input.submit {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1.5;
    border-radius: 100px;
    font-family: 'Open Sans Regular';
    font-size: 1rem;
    color: #00599a;
    padding: 1rem 3rem;
    border: 2px solid #00599a;
    margin-top: 15px;
    cursor:pointer;
    background:transparent;
    margin-bottom:50px;
    text-transform:uppercase;
}

 #banner img {
     width:100%;
 }


.form input.submit:hover {
    	background: #00599a;
        color: #ffffff;
}

/*** FOOTER **/

#footer {
    padding-top: 60px;
    padding-bottom: 0px;
    background-color: #00599a;
	color: #ffffff;
	font-family: "Open Sans Regular"; 
	font-size:0.9rem;
}

#footer .logo-col {
    padding:4%;
}

#footer a {
	color: #ffffff;
}

#footer .credit {
    padding-bottom: 10px;
    font-family: "Open Sans Regular";
    font-size: 1rem;
    color: #969696;
    border-top: 1px solid #666;
    padding-top: 25px;
}

#footer p a {
    color: #969696;
}

#footer p a:hover {
    color: #ffffff;
}

#footer h4 {
    color: #ffff;
    padding-bottom: 1rem;
    font-size: 1.2rem;
    font-family: 'Open Sans Semibold';
}

#footer ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 50px;
}

#footer i.fab {
    font-size: 1.5rem;
    color:#00599a;
    padding-bottom:15px;
}

#footer .credit {
    background:#ffdc02;
    margin:0;
    text-align:center;
}

#footer .credit p {
    color:#5a5a5a;
    font-size:0.9rem;
}

#footer .credit a {
    color:#5a5a5a;
    font-size:0.9rem;
}

#footer .credit a:hover {
     color:#00599a;
     font-weight:bold;
}

/*** RESPONSIVE **/

/** Mobile Portrait **/
@media (max-width: 768px) {
    #mycarousel h3 {font-size:1rem;}
    #mycarousel h3 small {font-size:2rem;}
    .carousel-caption {bottom:20%;}
    
    #client-scroll .col-md-2 {text-align:center;}
    #footer .col-md-3 {text-align:center;}
    #clients .col-md-2 {text-align:center;}
}


/** Tablet Portrait **/

@media (max-width: 991px) {
     #banner h1.heading {padding: 5%; font-size: 2rem;}
     #mycarousel h3 small {font-size:1.5rem;};
}


/** PC & Tablet Landscape **/

@media (min-width: 992px) {
   
}