@charset "utf-8";


.top_bg{ background-color:#003f8e;}

.header {  margin-top:15px !important;}

.logo{ margin:0px !important; padding:0px !important;}


.company_name { margin:20px 0px 0px -10px !important; z-index:-1;}
.company_name h1{font-family: 'Oswald', sans-serif; font-size:32px; text-align:left; color:#003f8e; font-weight:700 ; margin:0px;  padding:0px !important; margin:0px !important; }

.company_name h3{color:#000; font-family: 'Roboto', sans-serif; font-size:20px; text-align:left; margin:0px !important; padding:5px !important; }
  
.top_contact h3{ font-family: 'Oswald', sans-serif; font-size:22px; text-align:left; color:#003f8e; font-style:italic; font-weight:700; padding:0px !important; margin:0px !important; }  

.top_contact p{font-family: 'Roboto', sans-serif; font-size:16px; text-align:left; color:#000;  padding:5px !important;}

.welcome_note h1{ font-family: 'Oswald', sans-serif; font-size:40px; text-align:center; color:#003f8e; font-weight:700; }
.welcome_note p { color:#000; font-family: 'Roboto', sans-serif; font-size:17px; text-align:center; margin:0px !important; padding-left:80px !important; padding-right:80px !important; }

.read_more a{font-family: 'Padauk', sans-serif; font-size:20px; color:#000; text-align:center; border:#003f8e 1px solid; padding:15px 80px 15px 80px !important; margin-top:25px; }

.read_more a:hover{ background:#003f8e; color:#FFF; transition:0.6s;}

.box { padding:50px !important;}
.box i{ color:#003f8e; border:#003f8e thin solid; padding:10px; }
.box h3{ font-family: 'Oswald', sans-serif; font-size:30px; text-align:center; color:#000; font-weight:400; }
.box p { color:#000; font-family: 'Roboto', sans-serif; font-size:17px; text-align:center;}

.what_we_offer h1{ font-family: 'Oswald', sans-serif; font-size:40px; text-align:center; color:#003f8e; font-weight:700; }
/*.what_we_offer p { color:#000; font-family: 'Roboto', sans-serif; font-size:17px; text-align:center; margin:0px !important; padding-left:80px !important; padding-right:80px !important; }*/

.what_we_offer .col-sm-4 {padding:30px !important;}
.what_we_offer h3{ font-family: 'Oswald', sans-serif; font-size:24px; text-align:left; color:#000; font-weight:400; }
.what_we_offer p{ color:#000; font-family: 'Roboto', sans-serif; font-size:16px; text-align:left;}
.what_we_offer .col-sm-4 img { background-color:#000;}
.what_we_offer .col-sm-4 img:hover{ opacity:0.4 ; transition:0.5s;  background-color:#000;}
.read_more_2 a{font-family: 'Roboto', sans-serif; font-size:18px; color:#fff; text-align:center; border:#003f8e 1px solid; padding:10px 25px 10px 25px !important; margin-top:25px; background-color:#003f8e; float:right; }

.read_more_2 a:hover{ background:#005fd4; color:#FFF; transition:0.6s;}

.gallery{ margin-top:25px !important;}
.gallery h1{font-family: 'Oswald', sans-serif; font-size:40px; text-align:center; color:#003f8e; font-weight:700; }


.footer { background-color:#003f8e; margin-top:25px !important;}
.footer h1{ color:#FFF; font-family:'Roboto Condensed', sans-serif; font-size:26px; color:#FFF; text-align:left; }

.footer ul{ list-style:none;}
.footer li { display:block; padding-top:5px;}
.footer a {font-family: 'Roboto', sans-serif; font-size:16px; color:#fff; text-align:left;}
.footer a:hover { text-decoration:underline; color:#FFF;}

.footer p{ font-family: 'Roboto', sans-serif; font-size:16px; color:#fff; text-align:center; padding-top:15px !important}
.vc { margin-top:15px; text-align:center}
.social-nav {
    padding: 0;
    list-style: none;
    margin: -10px 0 0 -10px;
}
.social-nav li {
    float: left;
    margin: 10px 0 0 10px;
    list-style: none;
}
.social-nav a {
    display: inline-block;
    float: left;
    width: 48px;
    height: 48px;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    line-height: 48px;
    background: #000;
	padding-top: 12px;
    position: relative;
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.social-nav a {
    overflow: hidden;
    font-size: 26px;
    border-radius: 4px;
}
.social-nav a:hover {
    background: #fff;
    text-shadow: 0px 0px #d4d4d4, 1px 1px #d4d4d4, 2px 2px #d4d4d4, 3px 3px #d4d4d4, 4px 4px #d4d4d4, 5px 5px #d4d4d4, 6px 6px #d4d4d4, 7px 7px #d4d4d4, 8px 8px #d4d4d4, 9px 9px #d4d4d4, 10px 10px #d4d4d4, 11px 11px #d4d4d4, 12px 12px #d4d4d4, 13px 13px #d4d4d4, 14px 14px #d4d4d4, 15px 15px #d4d4d4, 16px 16px #d4d4d4, 17px 17px #d4d4d4, 18px 18px #d4d4d4, 19px 19px #d4d4d4, 20px 20px #d4d4d4, 21px 21px #d4d4d4, 22px 22px #d4d4d4, 23px 23px #d4d4d4, 24px 24px #d4d4d4, 25px 25px #d4d4d4, 26px 26px #d4d4d4, 27px 27px #d4d4d4, 28px 28px #d4d4d4, 29px 29px #d4d4d4, 30px 30px #d4d4d4;
}
.social-nav .twitter {
    background: #00ACED;
    text-shadow: 0px 0px #0087ba, 1px 1px #0087ba, 2px 2px #0087ba, 3px 3px #0087ba, 4px 4px #0087ba, 5px 5px #0087ba, 6px 6px #0087ba, 7px 7px #0087ba, 8px 8px #0087ba, 9px 9px #0087ba, 10px 10px #0087ba, 11px 11px #0087ba, 12px 12px #0087ba, 13px 13px #0087ba, 14px 14px #0087ba, 15px 15px #0087ba, 16px 16px #0087ba, 17px 17px #0087ba, 18px 18px #0087ba, 19px 19px #0087ba, 20px 20px #0087ba, 21px 21px #0087ba, 22px 22px #0087ba, 23px 23px #0087ba, 24px 24px #0087ba, 25px 25px #0087ba, 26px 26px #0087ba, 27px 27px #0087ba, 28px 28px #0087ba, 29px 29px #0087ba, 30px 30px #0087ba;
}
.social-nav .twitter:hover {
    color: #00ACED;
}
.social-nav .facebook {
    background: #3B579D;
    text-shadow: 0px 0px #2d4278, 1px 1px #2d4278, 2px 2px #2d4278, 3px 3px #2d4278, 4px 4px #2d4278, 5px 5px #2d4278, 6px 6px #2d4278, 7px 7px #2d4278, 8px 8px #2d4278, 9px 9px #2d4278, 10px 10px #2d4278, 11px 11px #2d4278, 12px 12px #2d4278, 13px 13px #2d4278, 14px 14px #2d4278, 15px 15px #2d4278, 16px 16px #2d4278, 17px 17px #2d4278, 18px 18px #2d4278, 19px 19px #2d4278, 20px 20px #2d4278, 21px 21px #2d4278, 22px 22px #2d4278, 23px 23px #2d4278, 24px 24px #2d4278, 25px 25px #2d4278, 26px 26px #2d4278, 27px 27px #2d4278, 28px 28px #2d4278, 29px 29px #2d4278, 30px 30px #2d4278;
}
.social-nav .facebook:hover {
    color: #3B579D;
}
.social-nav .google {
    background: #DD4A3A;
    text-shadow: 0px 0px #c23122, 1px 1px #c23122, 2px 2px #c23122, 3px 3px #c23122, 4px 4px #c23122, 5px 5px #c23122, 6px 6px #c23122, 7px 7px #c23122, 8px 8px #c23122, 9px 9px #c23122, 10px 10px #c23122, 11px 11px #c23122, 12px 12px #c23122, 13px 13px #c23122, 14px 14px #c23122, 15px 15px #c23122, 16px 16px #c23122, 17px 17px #c23122, 18px 18px #c23122, 19px 19px #c23122, 20px 20px #c23122, 21px 21px #c23122, 22px 22px #c23122, 23px 23px #c23122, 24px 24px #c23122, 25px 25px #c23122, 26px 26px #c23122, 27px 27px #c23122, 28px 28px #c23122, 29px 29px #c23122, 30px 30px #c23122;
}
.social-nav .google:hover {
    color: #DD4A3A;
}
.social-nav .linkedin {
    background: #007BB6;
    text-shadow: 0px 0px #005983, 1px 1px #005983, 2px 2px #005983, 3px 3px #005983, 4px 4px #005983, 5px 5px #005983, 6px 6px #005983, 7px 7px #005983, 8px 8px #005983, 9px 9px #005983, 10px 10px #005983, 11px 11px #005983, 12px 12px #005983, 13px 13px #005983, 14px 14px #005983, 15px 15px #005983, 16px 16px #005983, 17px 17px #005983, 18px 18px #005983, 19px 19px #005983, 20px 20px #005983, 21px 21px #005983, 22px 22px #005983, 23px 23px #005983, 24px 24px #005983, 25px 25px #005983, 26px 26px #005983, 27px 27px #005983, 28px 28px #005983, 29px 29px #005983, 30px 30px #005983;
}
.social-nav .linkedin:hover {
    color: #007BB6;
}
.social-nav .pinterest {
    background: #CB2026;
    text-shadow: 0px 0px #9f191e, 1px 1px #9f191e, 2px 2px #9f191e, 3px 3px #9f191e, 4px 4px #9f191e, 5px 5px #9f191e, 6px 6px #9f191e, 7px 7px #9f191e, 8px 8px #9f191e, 9px 9px #9f191e, 10px 10px #9f191e, 11px 11px #9f191e, 12px 12px #9f191e, 13px 13px #9f191e, 14px 14px #9f191e, 15px 15px #9f191e, 16px 16px #9f191e, 17px 17px #9f191e, 18px 18px #9f191e, 19px 19px #9f191e, 20px 20px #9f191e, 21px 21px #9f191e, 22px 22px #9f191e, 23px 23px #9f191e, 24px 24px #9f191e, 25px 25px #9f191e, 26px 26px #9f191e, 27px 27px #9f191e, 28px 28px #9f191e, 29px 29px #9f191e, 30px 30px #9f191e;
}
.social-nav .pinterest:hover {
    color: #CB2026;
}

.footer_bdr { border-bottom:#005fd4 1px solid;}


.contact_div{ margin-top:30px !important;}
.contact_div h1{font-family:'Oswald', sans-serif; font-size:30px; color:#003f8e; font-weight:500 ; text-align:left; text-decoration:underline; }

.contact_div h3{font-family:'Roboto', sans-serif; font-size:18px; color:#000; text-align:left; font-weight:700 ;}
.contact_div p{font-family:'Roboto', sans-serif; font-size:16px; color:#000; text-align:left;  }
.map h1{font-family:'Roboto', sans-serif; font-size:30px; color:#b20000; font-weight:bold; text-align:center; text-decoration:underline; }
.contact_div img{ margin-top:140px !important;}

.inquiry_div { margin-top:25px;}
.inquiry_div h1{font-family:'Oswald', sans-serif; font-size:30px; color:#003f8e; font-weight:500 ; text-align:left; text-decoration:underline; }
.inquiry_div h3{font-family:'Roboto'; font-size:16px; color:#000; text-align:left; text-transform:uppercase; font-weight:700 ;}
.submit{  background-color:#003f8e; border:#FFF solid thin; padding:12px 20px 12px 20px; text-align:center; font-family:'Roboto', sans-serif; font-size:20px; font-style:italic; color:#FFF;  }

#text2 {
    border: 1px solid #137ea7;
    height: 50px;
    width: 90%;
    /*box-shadow: 0 0 27px rgb(204, 204, 204) inset;*/
    transition: 500ms all ease;
    padding: 3px 3px 3px 3px;
	background:none;
}

#text2:hover,
#text2:focus {
    width: 90%;
    transition: 500ms all ease;
    /*
    background-size: 25px 25px;
    background-position: 96% 62%;
    padding: 3px 32px 3px 3px;*/
	box-shadow:#ccc 0 0 15px;
}

.profile_div{ margin-top:30px !important;}
.profile_div h1{font-family:'Oswald', sans-serif; font-size:30px; color:#003f8e; font-weight:500 ; text-align:left; text-decoration:underline; }

.profile_div h3{font-family:'Roboto', sans-serif; font-size:18px; color:#000; font-weight:bold; text-align:left;}
.profile_div p{font-family:'Roboto', sans-serif; font-size:16px; color:#000; text-align:left;  }
.product_bdr { border-right:#CCC thin solid;}

.application_img { margin:0px !important; margin-top:25px !important; }
.application_img h3 {font-family:'Roboto', sans-serif; font-size:22px; color:#000;  text-align:center;
 padding:15px; margin:0px !important; text-transform:uppercase;}


.product_div{ margin-top:30px !important;}
.product_div h1{font-family:'Oswald', sans-serif; font-size:30px; color:#003f8e; font-weight:500 ; text-align:left; text-decoration:underline; }

.product_div h3{font-family:'Oswald', sans-serif; font-size:24px; color:#003f8e; font-weight:500 ; text-align:left; text-decoration:underline; }

.product_div p{font-family:'Roboto', sans-serif; font-size:16px; color:#000; text-align:left;  }
.product_div ul li{font-family:'Roboto', sans-serif; font-size:16px; color:#000; text-align:left;  }


.product_div .row { margin-top:20px !important; border-bottom:#666 thin solid; padding-bottom:10px !important;}
.product_div .col-sm-9{ border:#999 thin solid;}
.product_div .col-sm-6{ border:#999 thin solid;}

	

@media screen and ( max-width:1024px){
	
	.company_name h1{font-family: 'Oswald', sans-serif; font-size:25px; margin:-10px 0px 0px 0px !important;}
	.company_name h3 {font-size:16px;}
	
	}
	
	
	
@media screen and ( max-width:980px){
	
	.top_contact h3{ font-family: 'Oswald', sans-serif; font-size:22px; margin:10px !important;}
	.read_more a{ margin-left:5px !important;}
	.row {margin:15px !important;}
	
	}

@media screen and ( max-width:768px){
	.logo{ margin:5px !important;}
	.company_name h1{font-family: 'Oswald', sans-serif; font-size:25px; margin:10px 0px 0px -15px !important; padding:0px !important;}
	
	.company_name h3{ margin-left:-20px !important; font-size:18px;}
	.what_we_offer .col-sm-4 { margin-top:15px !important; padding:15px !important; }
	.footer p{ text-align:left}
	.vc{ text-align:left;}
	.header h1{ font-size:26px; }
	
	.contact_div img{ margin-top:25px !important;}
	.profile_div h1 { margin-left:15px;}
	
	.application_img h3 {font-size:16px;}
	
	
	}