/* CSS Document */
@font-face {
	font-family:'MyriadPro-Regular';
	src: url('../fonts/MyriadPro-Regular_gdi.eot');
	src: url('../fonts/MyriadPro-Regular_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MyriadPro-Regular_gdi.woff') format('woff'),
		url('../fonts/MyriadPro-Regular_gdi.ttf') format('truetype'),
		url('../fonts/MyriadPro-Regular_gdi.svg#MyriadPro-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

body {
    padding: 0;
    margin: 0;
    font-family: Helvetica,Arial,sans-serif;
}
.v-spacer10 {
    height: 10px;
    clear: both;
}
/*-------------------------- Top Part --------------------------*/
.top_header {
    margin: 0;
    padding: 32px 0 0 0;
}
.menu_bx{width: 100%; height: 28px;}
.contact_detail{text-align: right; color: #16435b; font-size: 18px; padding: 40px 0 0 0;}
.contact_detail a{color: #16435b; text-decoration: none;transition: all 0.5s ease 0s;}
.contact_detail a:hover{color: #6d6e71; text-decoration: none;}


.menu_tab{background:url(../images/menu_tab.png) no-repeat right bottom; height: 28px; width: 120px; float: right; text-align: center; color: #fff; font-size: 17px; line-height: 32px; font-weight: bold; font-family: 'MyriadPro-Regular';}

/*-------------------------- Slider Part --------------------------*/
.carousel{border-top: 8px solid #16435b; border-bottom: 8px solid #16435b;}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 100%;
    height: auto;
}

/*-------------------------- content Part --------------------------*/
.desc_prt{padding: 40px 0; width: 64%; margin: 0 auto;}
.desc_prt h2{color: #16435b; font-size: 30px; line-height: 36px; font-weight: bold; text-align: center;}
.desc_prt p{color: #2e2e2e; font-size: 17px; text-align: justify;}

/*-------------------------- Product Part --------------------------*/

.new_products_bg {
    position: relative;
}
.new_products_bg h1 {
    background: url(../images/line.jpg) repeat-x center center;
    color: #585858;
    font-size: 30px;
    margin-bottom: 20px;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
}
.new_products_bg h1 span {
    background: #fff none repeat scroll 0 0;
    color: #16435b;
    font: 28px/28px Helvetica;
    padding: 0 15px;
}

.product_area{padding: 45px 0; margin: 0;}
 .product_list {background: #13435b;text-align: center; padding: 20px; border-radius: 5px; -webkit-box-shadow: 3px 2px 5px 2px #BFBFBF; box-shadow: 3px 2px 5px 2px #BFBFBF; margin-bottom: 10px;
}
.product_list img {
text-align: center;
padding-bottom: 5px;
}

.product_list h3 {
padding: 10px 0 0 0; margin:10px 0 0 0;
border-top: 1px solid #fff;
font-size: 28px;
color: #fff;
font-family: 'MyriadPro-Regular';
text-align: center;
font-weight: bold;
}
.product_list a:hover {

-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
-webkit-box-shadow: inset 0 0 2px 1px #030303;
box-shadow: inset 0 0 2px 1px #030303;
text-decoration: none;
}

.read_more{background: #266783; border: none; width: 100%; padding: 10px 0; margin: 12px 0 0 0; border-radius: 5px; text-align: center; font-size: 14px;  color:#fff;  cursor:pointer;transition: background 0.2s ease-in-out 0s;font-family: 'MyriadPro-Regular';
 }
 .read_more:hover {
  background:#fff;
  color: #13435b;
 }

/*-------------------------- Footer Part --------------------------*/
.footer_area{background: #6d6e71; padding:20px 0; font-size: 16px; line-height: 21px; color: #fff;}
.foot_txt_right{text-align: right; font-weight: bold; padding: 20px 0 0 0;}



/*-------------------------- Inner Container Part --------------------------*/
.inner_container{padding: 40px 0;}


.tool_arae{ -webkit-box-shadow: 3px 2px 5px 2px #BFBFBF; box-shadow: 3px 2px 5px 2px #BFBFBF; margin-bottom: 20px;}
    
.tools_desc {background: #13435b; padding: 20px; -webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;}
.tools_desc .img_div {
text-align: right;
padding-bottom: 5px;
}
/*.tools_desc .img_div img{width:auto}*/

.tools_desc h3 {
padding: 10px 0 0 0; margin:10px 0 0 0;
border-top: 1px solid #fff;
font-size: 28px;
color: #fff;
font-family: 'MyriadPro-Regular';
text-align: left;
font-weight: bold;
}

.tools_desc p{font:normal 16px/24px 'MyriadPro-Regular';
color: #fff;}

.btm_content{background: #266783; padding: 20px; -webkit-border-radius: 0 0 5px 5px; font-size: 16px;
border-radius: 0 0 5px 5px; color: #fff; font-family: 'MyriadPro-Regular';}

.tags{width: 100%;}
.tags ul{margin: 0; padding: 0; list-style-type: none;}
.tags ul li{margin: 0; float:left; padding: 0; display: block;}

/*-------------------------- Responsive Part --------------------------*/
@media(max-width:992px) {
    .contact_detail{text-align: center;}  
    .desc_prt{width: 100%;}
    .footer_area{text-align: center;}
    .foot_txt_right{text-align: center;}
    .inner_container img{width: 100%;}
    .tags ul li{width:33%; display: block;}
    .tools_desc .home_img {
text-align: right;
    padding: 0 0 10px 0;
}
}
@media(max-width:767px) {
.contact_detail{text-align: center;}  
.desc_prt{width: 100%;}  
 .footer_area{text-align: center;}
    .foot_txt_right{text-align: center;} 
    .inner_container img{width: 100%;}
.tags ul li{width:33%; display: block;}
    .tools_desc .home_img {
text-align: right !important;
        padding: 0 0 10px 0;
}
}

/* added for home icon */

.tools_desc .img_div {
text-align: right;
padding:0 0 5px 0;
}
.tools_desc .img_div img{width:auto}

.tools_desc .home_img {
text-align: left;
}
.tools_desc .home_img img{width:auto
}

@media (max-width: 993px) {
    .tools_desc .home_img {
text-align: left;
        padding: 0 0 10px 0;
}

@media (max-width:480px){
    
   .tools_desc .img_div {
    padding: 0 0 5px;
    text-align: right;
}
.tools_desc .img_div img {
    width: auto;
} 

@media (max-width:360px){
    
   .tools_desc .img_div {
    padding: 0 0 5px;
    text-align: right;
}
.tools_desc .img_div img {
    width: auto;
} 
    @media (max-width:320px){
    
   .tools_desc .img_div {
    padding: 0 0 5px;
    text-align: right;
}
.tools_desc .img_div img {
    width: auto;
}
}

@media (max-width:768px){
    
   .tools_desc .img_div {
    padding: 0 0 5px;
    text-align: right;
}
 @media (max-width:800px){
    
   .tools_desc .img_div {
    padding: 0 0 5px;
    text-align: right;
}
@media (max-width:980px){
   .tools_desc .img_div {
    padding: 0 0 5px;
    text-align: right; 
}