@charset "utf-8";

.top_bg {
    background: linear-gradient(to right, #166ce1 20%, #044b22 80%);
    padding-bottom: 10px;
}

.top_contact { margin-top:10px !important; border-right:#0e85e0 thin dashed;}
.top_contact i{ color:#00d8ff; font-size:40px;}
.top_contact p{ font-family: 'Roboto', serif; font-size:14px; color:#fff; text-align:left; margin:0px;}
.logo { margin-top:15px; }
.cname { margin-top:25px; text-align:left;}
.cname h1 {font-family:"Times New Roman", Times, serif; font-size:32px; color:#034b06; font-weight:bold;  text-align:left; margin:0px !important; line-height:22px;}
.cname h3 {font-family:"Times New Roman", Times, serif; font-size:28px; color:#062374; font-weight:bold; letter-spacing:10px;  text-align:left; margin:0px !important; line-height:30px;}
.cname h5 {font-family:"Times New Roman", Times, serif; font-size:22px; color:#062374; font-weight:bold; letter-spacing:10px;  text-align:left; margin:0px !important;}
.cname p{font-family: 'Roboto', serif; font-size:18px; color:#000; text-align:left; margin:0px !important;} 

.working_hours {margin-top:40px !important;}
.working_hours i{ font-size:50px; color:#025d06; }
.working_hours {font-family: 'Roboto', serif; font-size:16px; color:#000; text-align:left; margin:0px;}
.working_hours span{ color:#025d06; font-weight:bold; font-size:20px;}

.get_quote{ float:right}
.get_quote a{font-family: 'Roboto', serif; font-size:16px; color:#fff; margin-top:40px !important; 
padding:15px 25px 15px 25px; background-color:#025d06; text-align:center; float:left; float:right}
.get_quote a:hover { background-color:#062374; color:#FFF; text-decoration:none;}

.button_bg { margin-top:25px !important;}
.welcome_note { margin-top:50px !important;}
.welcome_note_bdr { border-right:#062374 2px solid;}
.welcome_note h1 {font-family:"Bree Serif", serif; font-size:33px; color:#062374; text-align:left;  padding:10px !important;}
.welcome_note p{font-family: 'Roboto', serif; font-size:16px; color:#000; text-align:justify; padding-left:25px; padding-top:15px; }

.service {
    background: #ececec;
    padding:70px 35px 70px 35px;
    margin: 80px 0;
}
.service:hover {
    background: linear-gradient(to right, #044b22 20%, #166ce1 80%);
    color: #eef441;
}
.service:hover .service-icon i, .service:hover .service-text h2{
	color:#eef441;
}
.service-icon i{
    font-size: 45px;
    color: #025d06;
	margin-bottom:15px;
}

.service-text h2{
	font-family: 'Oswald', sans-serif;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
	color:#025d06;
	
}
.header-top strong {
    color: #044b22;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    font-weight:600;
}
.singleWedo p{
    color: #848484;
}


.what_we_offer h1 { font-family:"Bree Serif", serif; font-size:36px; color:#062374; text-align:left; border-bottom:#062374 thin solid; }

.quality_mission { margin-top:10px !important;}
.quality_mission h1{ font-family:"Bree Serif", serif; font-size:28px; color:#062374; text-align:left; padding-top:15px;}
.quality_mission h3 {font-family: 'Roboto', serif; font-size:20px; color:#000; text-align:left;  }
.quality_mission_img { margin-top:30px}

.red_bg{ background-color:#025d06; position:relative; margin-top:50px;}
.red_bg h3{font-family: 'PT Sans', sans-serif; font-size:33px; color:#fff; text-align:center; font-weight:600 ; padding:20px; margin:0px;}

.red_bg h3 a{ color:#FC0; text-decoration:none;}
.red_bg h3 a:hover{ color:#FFF; text-decoration:underline;}

.footer {
    margin-top: -30px !important;
    border-top: #025d06 15px solid;
    background: linear-gradient(to right, #166ce1 20%, #044b22 80%);
}
.footer_box { margin-top:100px !important;}

.footer_box h1 {font-family:'Roboto', serif; font-size:24px; color:#fff; text-align:left;}
.footer_box ul { list-style:none; margin-left:-40px !important;}
.footer_box li { display:block; padding-top:3px !important;}
.footer_box a{font-family: 'Roboto', serif; font-size:14px; color:#fff; text-align:text; text-decoration:none; text-transform:uppercase;}
.footer_box a:hover { color:#00d8ff;}
.footer_box p{font-family: 'Roboto', serif; font-size:14px; color:#fff; text-align:text;}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(1.334em) translateZ(0);
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(1.334em) translateZ(0);
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(1.334em) translateZ(0);
    -moz-transform: translateX(1.334em) translateZ(0);
    -ms-transform: translateX(1.334em) translateZ(0);
    -o-transform: translateX(1.334em) translateZ(0);
    transform: translateX(1.334em) translateZ(0);
  }
  100% {
    opacity: 1;
  }
}

.social{ float:right;}
.social h1 { font-family:'Roboto', serif; font-size:24px; color:#fff; text-align:left;}
.social-icon {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  background-color: #000;
  text-align: center;
  display: inline-block;
  width: 40px;
  height: 30px;
  padding: 9px 0px;
  color: white;
  margin: 10px;
  /* Color each button differently */
}

.social-icon:nth-child(2) {
  /* Animation */
  -webkit-animation: fadeInRight 0.6s 0.5s forwards;
  animation: fadeInRight 0.6s 0.5s forwards;
  opacity: 0;
  /* Color */
}
.social-icon:nth-child(2):hover, .social-icon:nth-child(2):active, .social-icon:nth-child(2):focus {
  opacity: 1;
  background-color: #00d8ff;
  color:#FFF;
}

.social-icon:nth-child(1) {
  /* Animation */
  -webkit-animation: fadeInRight 0.6s 0.25s forwards;
  animation: fadeInRight 0.6s 0.25s forwards;
  opacity: 0;
  /* Color */
}
.social-icon:nth-child(1):hover, .social-icon:nth-child(1):active, .social-icon:nth-child(1):focus {
  opacity: 1;
  background-color:#00d8ff;
  color:#FFF;
}


.social-icon:nth-child(3) {
  /* Animation */
  -webkit-animation: fadeInRight 0.6s 0.75s forwards;
  animation: fadeInRight 0.6s 0.75s forwards;
  opacity: 0;
  /* Color */
}
.social-icon:nth-child(3):hover, .social-icon:nth-child(3):active, .social-icon:nth-child(3):focus {
  opacity: 1;
  background-color: #00d8ff;
  color:#FFF;
}
.social-icon:nth-child(4) {
  /* Animation */
  -webkit-animation: fadeInRight 0.6s 1s forwards;
  animation: fadeInRight 0.6s 1s forwards;
  opacity: 0;
  /* Color */
}
.social-icon:nth-child(4):hover, .social-icon:nth-child(4):active, .social-icon:nth-child(4):focus {
  opacity: 1;
  background-color: #00d8ff;
  color:#FFF;
}
.social-icon:nth-child(5) {
  /* Animation */
  -webkit-animation: fadeInRight 0.6s 1.25s forwards;
  animation: fadeInRight 0.6s 1.25s forwards;
  opacity: 0;
  /* Color */
}
.social-icon:nth-child(5):hover, .social-icon:nth-child(5):active, .social-icon:nth-child(5):focus {
  opacity: 1;
  background-color: #00d8ff;
}
.social-icon:nth-child(6) {
  /* Animation */
  -webkit-animation: fadeInRight 0.6s 1.5s forwards;
  animation: fadeInRight 0.6s 1.5s forwards;
  opacity: 0;
  /* Color */
}
.social-icon:nth-child(6):hover, .social-icon:nth-child(6):active, .social-icon:nth-child(6):focus {
  opacity: 1;
  background-color: #0062b2;
}
.social-icon:nth-child(7) {
  /* Animation */
  -webkit-animation: fadeInRight 0.6s 1.75s forwards;
  animation: fadeInRight 0.6s 1.75s forwards;
  opacity: 0;
  /* Color */
}
.social-icon:nth-child(7):hover, .social-icon:nth-child(7):active, .social-icon:nth-child(7):focus {
  opacity: 1;
  background-color: #004eb2;
}
.social-icon img {
  width: 20px;
}

/* ============================ */
/* TOOLTIP                      */
/* ============================ */
[data-tooltip] {
  position: relative;
  /* tooltip arrow */
  /* tooltip box */
}
[data-tooltip]:before, [data-tooltip]:after {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  transition-timing-function: linear;
  position: absolute;
  left: 50%;
  top: 100%;
  bottom: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
[data-tooltip]:before {
  content: "";
  border-color: #323232;
  border-style: none;
  border: 5px solid transparent;
  border-bottom: 6px solid #323232;
  margin-top: -4px;
}
[data-tooltip]:after {
  content: attr(data-tooltip);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: auto;
  height: 22px;
  padding: 11px 11px 0 11px;
  font-size: 13px;
  line-height: 11px;
  white-space: nowrap;
  background-color: #323232;
  color: #ecf0f1;
  margin-top: 7px;
}
[data-tooltip]:hover, [data-tooltip]:focus {
  background-color: transparent;
}
[data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  opacity: 1;
  visibility: visible;
}

.bdr_btm { border-bottom:#0031bf thin solid;}
.vc{ margin-top:15px !important;}
.login_mail { margin-top:15px !important;}
.login_mail a{ color:#fff; text-decoration:none; text-align:left;}
.login_mail a:hover{ color:#00d8ff}

.shreya_Web { margin-top:15px !important;}
.shreya_Web a {color:#fff; text-decoration:none; text-align:right;}
.shreya_Web a:hover {color:#00d8ff;}



contact_div{ margin-top:30px !important;}
.contact_div h1{font-family:"Bree Serif", serif; font-size:33px; color:#062374; text-align:left;  padding:10px !important; }

.contact_div h3{font-family: 'Bree Serif', serif; font-size:18px; color:#000; text-align:left; margin-top:10px !important;}
.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:20px !important;}

.inquiry_div { margin-top:25px;}
.inquiry_div h1{font-family:"Bree Serif", serif; font-size:33px; color:#062374; text-align:left;  padding:10px !important;}
.inquiry_div h3{font-family:'Roboto'; font-size:16px; color:#000; text-align:left; text-transform:uppercase; font-weight:700 ;}

.submit{  background-color:#000; 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 #062374;
    height: 50px;
    width: 100%;
    /* 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:20px !important;}
.profile_div img{ margin-top:40px;}
.profile_div h1{font-family:"Bree Serif", serif; font-size:33px; color:#062374; text-align:left;  padding:10px !important;}
.profile_div h3{ font-family: 'Bree Serif', serif; font-size:25px; color:#000; text-align:left; margin-top:20px !important;}
.profile_div p{ font-family:'Roboto', sans-serif; font-size:16px; color:#000; text-align:justify;
 margin-top:10px !important; line-height:30px;}
.profile_div ul li{ font-family:'Roboto', sans-serif; font-size:16px; color:#000; text-align:left;}




.product { margin-top:20px;}
.product h1{  font-family: 'Bree Serif', serif; font-size:30px; color:#062374; text-align:left; margin-top:10px !important; background-color:#ebebeb; padding:5px;}

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

.product h3{ font-family:Arial; font-size:24px; color:#000; text-align:left; border-left:#999 solid 12px; padding:8px; background-color:#e8e6e6; float:left; width:100%; }

.product h3 i{ color:#F00;}

.product h2{ font-family:Arial; font-size:20px; color:#000; text-align:left; float:left; width:100%; }

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

table td{ padding:10px; font-family:'Roboto', sans-serif; font-size:16px; color:#000; text-align:left;}
.greya_bg{ background-color:#d2d1d1;}

.tbl_margin { margin-top:30px !important}

@media screen and ( max-width:992px){
	
	.top_contact {border-right:none !important;}
	.cname h1 { font-size:28px;}
	.cname h3 { font-size:24px;}
	
	
	}





@media screen and ( max-width:768px){
	
	.top_bg .col-sm-9 { margin-left:-27px !important;}
	 .top_contact { margin-top:5px !important;}
	.social{ float:left;}
	.get_quote { float:left;}
	.welcome_note p{ padding-left:0px;}
	.welcome_note_bdr { border:none !important;}
    .welcome_note h1 { font-size:28px;}
	.what_we_offer h1 { font-size:28px;}
	.quality_mission h1{font-size:22px;}
	.quality_mission h3{ font-size:16px;}
	.service {margin-top:15px !important;}
	
	}
	
	
	@media screen and ( max-width:480px){
	
	.logo {float:none !important;}
	
	}