@charset "utf-8";

.header{ background-color:#059893;}
.logo{ margin-top:10px!important; padding:10px !important;}

.header h1 {font-family: 'Roboto Condensed', sans-serif; font-size:40px; color:#FFF; text-align:left; margin-top:30px; margin-left:-30px; font-weight:700 ;}

.header h1 { margin-top:30px !important; padding-left:0px !important;}
.header_contact{ margin-top:30px !important; padding-left:0px !important;}
.header_icon i{ border:#b6fffc thin solid; padding:5px; color:#b6fffc; float:right;}

.header_contact p{font-family: 'Roboto', sans-serif; font-size:14px; color:#FFF; text-align:left; padding-top:5px !important }

.button_bg{ background-color:#046b68;}
.bdr_none{ border-right:none;}

.welcome_note h1{font-family: 'Oswald', sans-serif; font-size:30px; color:#059893; text-align:left; }
.welcome_note p{font-family: 'Roboto', sans-serif; font-size:16px; color:#000; text-align:left; padding-top:5px !important; margin-left:-10px !important;}
.read_more a{font-family: 'Roboto Condensed', sans-serif; font-size:16px; color:#FFF; text-align:center; padding:12px 35px 12px 35px; margin:0px auto 0px 50px; background-color:#046b68; border:#43b5af 5px solid;  -webkit-transform:skew(-200deg); 
  -moz-transform:skew(-200deg);
  transform:skew(-200deg);}
  
  .read_more a:hover { color:#FFF; background-color:#43b5af; border:#046b68 5px solid; transition:1s ; }
  
.profile_intro { margin-top:50px !important;}
.profile_intro span{font-family: 'Oswald', sans-serif; font-size:34px; color:#059893; text-align:left;} 
.profile_intro p{ font-family: 'Roboto', sans-serif; font-size:14px; color:#000; text-align:left; padding-top:15px !important}
.profile_intro i { color:#046b68; border:#43b5af 2px solid; padding:10px; }

.profile_intro_image{ margin-top:60px !important;}

.slider h1{font-family: 'Oswald', sans-serif; font-size:30px; color:#059893; text-align:left; }


.home_bg{ background-image:url(images/bg_image.png); background-size:100%; padding-bottom:20px !important;}

.home_bg h1{font-family: 'Oswald', sans-serif; font-size:40px; color:#fff; text-align:center; margin-top:80px;}
.home_bg p{ font-family: 'Roboto', sans-serif; font-size:18px; color:#fff; text-align:center; padding-top:25px !important}



.click_more a{font-family: 'Roboto Condensed', sans-serif; font-size:20px; color:#FFF; text-align:center; padding:12px 35px 12px 35px; margin:50px auto 0px auto !important; background:none; border:#fff 5px solid; 
 -webkit-transform:skew(-200deg); 
  -moz-transform:skew(-200deg);
  transform:skew(-200deg);}
  
  .click_more a:hover { color:#FFF; border:#046b68 5px solid; transition:1s ; }

.footer { background-color:#046b68; margin-top:20px !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:#43b5af 1px solid;}


.contact_div {margin-top:30px !important;}

.contact_div h1{ font-family:'Oswald', sans-serif; font-size:30px !important; text-align:left; color:#059893; font-weight:500; border-bottom:#059893 1px solid;}

.contact_div h3{ font-family:'Oswald', sans-serif; font-size:18px !important; text-align:left; color:#000; font-weight:500; }
.contact_div p{ font-size:16px; font-family: 'Roboto', sans-serif; text-align:left; color:#000;}

.contact_div img{ margin-top:90px;}

/*.map {background-color:#4d4948; padding:10px;}

.map h1{ font-family:'Oswald', sans-serif; font-size:30px !important; text-align:left; color:#fff; font-weight:500; border-bottom:#999 1px solid;}*/

.inquiry { margin-top:30px !important;}
.inquiry_bdr{ border:#CCC thin solid;}
.inquiry h1{ font-family:'Oswald', sans-serif; font-size:30px !important; text-align:left; color:#059893; font-weight:500; border-bottom:#059893 1px solid;}
.inquiry h3{ font-family:'Oswald', sans-serif; font-size:20px !important; text-align:left; color:#000; }

#text1 {
    border: 1px solid #666;
    height: 40px;
    width: 100%;
    box-shadow: 0 0 27px rgb(204, 204, 204) inset;
    transition: 500ms all ease;
    padding: 3px 3px 3px 3px;
}

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

.submit{ width:auto; height:auto; background-color:#059893; border:#FFF 1px solid; box-shadow:#000 0 0 2px; text-align:center; font-family:Century Gothic; font-size:18px; color:#fff; padding:8px 30px 8px 30px;}

.submit:hover{ width:auto; height:auto; background-color:#006f6b; border:#FFF 1px solid; box-shadow:#000 0 0 2px; text-align:center; font-family:Century Gothic; font-size:18px;  color:#fff;}

.profile_div { margin-top:30px;}
.profile_div h1{ font-family:'Oswald', sans-serif; font-size:26px !important; text-align:left; color:#059893; font-weight:400; 
border-bottom:#059893 1px solid; padding:10px;}

.profile_div h3{ font-family:'Oswald', sans-serif; font-size:25px !important; text-align:left; color:#000; padding:10px; margin-top:20px !important; border-bottom:#4d4948 1px solid; }

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

.product { margin-top:20px;}
.product h1{ font-family:'Oswald', sans-serif; font-size:26px !important; text-align:left; color:#059893; font-weight:400; 
border-bottom:#059893 1px solid; padding:10px;}
.product h1 span{ color:#dc5105}

.box_img{ margin-top:15px; float:left}

.box_img h3{ font-family:Arial; font-size:24px; color:#000; text-align:left; padding:5px;}

.product h3{ font-family:'Oswald', sans-serif; font-size:25px !important; text-align:left; color:#000; padding:10px;
 margin-top:50px !important; border-bottom:#4d4948 1px solid; }


.product p{ font-family:'Roboto'; float:left; font-size:16px; width:100%; text-align:justify;}
.product ul li{ font-family:'Roboto'; float:left; font-size:16px; width:100%;}


@media screen and (max-width:980px){
	
	.read_more a{ margin-left:5px !important;}
	
}

@media screen and (max-width:768px){
	
	.header h1{ font-size:26px; margin-left:0px !important; }
	.header_contact{ margin-left:0px !important;
	
	
	
	}