@charset "utf-8";
/* CSS Document */
body{
	margin:2px auto 0px;
	padding:0;
}
p,h1,h2,h3,h4,h5,h6,span,li,ul,center,hr {margin:0; padding:0;}
img {
    width: auto;
    max-width: 100%;
    height: auto;
}
li{list-style:none}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;color:#000;}
h1,h2,h3,h4,h5,h6{font-family: 'Montserrat', sans-serif;}
p{font-family: 'Source Sans Pro', sans-serif;}
/*-----------------------Container-----------------------*/
.container{
	width:80%;
	max-width:1536px;
	height:auto;
	margin:0 auto;
	padding:0;
}
/*-----------------------Header Part Start-----------------------*/
.top-1{
	width:100%;
	height:100px;
	/*background-color:#e0e0e0;*/
}
.logo{
	width:80px;
	height:100px;
	float:left;
}
.logo img{width:100%;height:auto;margin: 4%;}
.title{
	width:18%;
	height:100px;
	line-height:100px;
	float:left;
}
.title h1{
	margin-left:15px;
	color: #2d3091;
}

/*-------------header-contact Start--------------*/
.h-con{
	width:75%;
	height:100px;
	margin:0;
	padding:0;
	float:right;
}
.h-ph{
    width: 340px;
    height: 100px;
    margin: 0;
    padding: 0;
    float: right;
}
.h-add{
	width:300px;
	height:100px;
	margin:0;
	padding:0;
	float:right;
}
.h-link{
	width:305px;
	height:100px;
	margin:0;
	padding:0;
	float:right;
}
.h-text-1 p{ 
    width: 140px;
    height: 30px;
    padding: 5px 0px;
    background: #2c89c6;
    text-align: center;
    white-space: pre-line;
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
    font-family: "Comic Sans MS", cursive, sans-serif;
}
.h-text-1{
    width: auto;
    height: auto;
    margin: 30px 5px 30px 5px;
	display:inline-block;
    padding: 0;
	float:left;
}
.h-link i{
    width: 30px;
    height: 30px;
    margin: 30px 5px;
    padding: 5px;
    text-align: center;
}
.h-link .fa{
    font-size: 18px;
    float: left;
    color: #fff;
    line-height: 30px;
    border-radius: 50%;
}
.h-link i.fa-facebook{
	background: #3f5d9a;
}
.h-link i.fa-twitter{
	background: #1da1f2;
}
.h-link i.fa-google-plus{
	background: #dd5e53;
}
.h-link i.fa-linkedin{
	background: #007bb6;
}
.h-link i.fa-youtube{
	background: #e6291b;
}
.h-link i.fa-envelope{
	background: #e99b49;
}
.h-link i:hover{
	background: #2c89c6;
	color: #fff;
    	transition: height 1s ease;
    	-webkit-transition: height 1s ease;
}

.h-icon{
	width:25px;
	height:100px;
	margin:0;
	padding:0;
	float:left;
}
.h-icon .fa{
    margin: 0;
    padding: 0;
    /* line-height: 0; */
    padding-top: 30px;
    font-size: 20px;
    float: right;
    color: #2c89c6;
}
.h-text{
    width: 300px;
    height: 100px;
    margin: 0;
    padding: 0;
    float: right;
}
.h-text p{
    float: left;
    padding: 42px 0 0;
    white-space: pre-line;
    color: #2c89c6;
    font-weight: 700;
}
/*-------------header-contact Enndd--------------*/

/*-------------Menu Start--------------*/
.top-2{
	width:100%;
	height:40px;
	background-color: #2c89c6;
	margin:0 auto 5px;
}

.menu, .menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu {
    width:900px;
    height:100%;
    margin: 0 auto;
    padding:0;
    /*border: 1px solid #222;box-shadow: 0 1px 1px #777;*/
    border: none;
    background-color: #2c89c6;
}

.menu:before,
.menu:after {
    content: "";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    zoom:1;
}

.menu li {
    float: left;
	height:100%;
    border-right: 1px solid #0a5484;
    box-shadow: 1px 0 0 #006cb3;
    position: relative;
}
.menu li:last-child{
	border-right:none;
	box-shadow:none;
}
.menu a {
    float: left;
    padding: 10px 20px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 15px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
}

.menu li:hover > a {
    color: #fafafa;
}

*html .menu li a:hover { /* IE6 only */
    color: #fafafa;
}

.menu ul {
    margin: 20px 0 0 0;
    _margin: 0; /*IE6 only*/
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 100;    
    background: #111;   
    background: linear-gradient(#444, #111);
    box-shadow: 0 -1px 0 rgba(255,255,255,.3);  
    border-radius: 3px;
    transition: all .2s ease-in-out;
}

.menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}

.menu ul ul {
    top: 6px;
    left: 185px;
    margin: 0 0 0 20px;
    _margin: 0; /*IE6 only*/
    box-shadow: -1px 0 0 rgba(255,255,255,.3);      
}

.menu ul li {
    float:none;
    display: block;
    border: 0;
    _line-height: 0; /*IE6 only*/
    box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}

.menu ul li:last-child {   
    box-shadow: none;    
}

.menu ul a {    
    padding: 10px 15px;
    width: auto;
    min-width:160px;
    _height: 10px; /*IE6 only*/
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
	text-transform: uppercase;
}

.menu ul a:hover {
    background-color: #0186ba;
    background-image: linear-gradient(#04acec, #0186ba);
}

.menu ul li:first-child > a {
    border-radius: 3px 3px 0 0;
}

.menu ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444;
}

.menu ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0; 
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
}

.menu ul li:first-child a:hover:after {
    border-bottom-color: #04acec; 
}

.menu ul ul li:first-child a:hover:after {
    border-right-color: #0299d3; 
    border-bottom-color: transparent;   
}

.menu ul li:last-child > a {
    border-radius: 0 0 3px 3px;
}

.menu :nth-child(11) > ul {
    left: -18px;
}

.menu :nth-child(11) > ul ul {
    left: -167px !important;
}

.menu :nth-child(11) > ul ul li:first-child a:after {
    /* float: right; */
    left: 165px;
    top: 50%;
    margin-top: -6px;
    border-left: 6px solid #3b3b3b;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 0;
}

.menu :nth-child(11) > ul ul li:first-child a:hover:after {
    border-left-color: #0299d3; 
    border-bottom-color: transparent;   
}

.menu :nth-child(10) > ul {
    left: -18px;
}

.menu :nth-child(10) > ul ul {
    left: -167px !important;
}

.menu :nth-child(10) > ul ul li:first-child a:after {
    /* float: right; */
    left: 165px;
    top: 50%;
    margin-top: -6px;
    border-left: 6px solid #3b3b3b;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 0;
}

.menu :nth-child(10) > ul ul li:first-child a:hover:after {
    border-left-color: #0299d3; 
    border-bottom-color: transparent;   
}

/*...............Menu bar End......................*/
/*-----------------------Header Part End-----------------------*/

/*-----------------------Body Part Start-----------------------*/
/*-------------Banner Start--------------*/
.top-3{
	width:100%;
	height:auto;
}
/*-------------Banner End--------------*/
/*--------Row and there Height Start----------*/
.row-10{
	width:100%;
	height:10px;	
	margin:5px auto;
	padding:0px;
}
.row-20{
	width:100%;
	height:20px;	
	margin:5px auto;
	padding:0px;
}
.row-30{
	width:100%;
	height:30px;	
	margin:5px auto;
	padding:0px;
}
.row-40{
	width:100%;
	height:40px;	
	margin:5px auto;
	padding:0px;
	border-bottom: 1px solid rgba(44, 137, 198, 0.51);
    padding-bottom: 15px;
}
.row-40-b{
    width: 100%;
    height: 50px;
    margin: 40px auto 0;
    padding: 0px;
    border-bottom: 1px solid rgba(44, 137, 198, 0.51);
    padding-bottom: 15px;
    border-top: 1px solid rgba(44, 137, 198, 0.51);
}
.row-50{
	width:100%;
	height:50px;	
	margin:5px auto;
	padding:0px;
}
.row-60{
	width:100%;
	height:60px;	
	margin:5px auto;
	padding:0px;
}
.row-70{
	width:100%;
	height:70px;	
	margin:5px auto;
	padding:0px;
}
.row-80{
	width:100%;
	height:80px;	
	margin:5px auto;
	padding:0px;
}
.row-90{
	width:100%;
	height:90px;	
	margin:5px auto;
	padding:0px;
}
.row-100{
	width:100%;
	height:100px;	
	margin:5px auto;
	padding:0px;
}
.row-125{
	width:100%;
	height:125px;	
	margin:5px auto;
	padding:0px;
}
.row-125a{
	width:100%;
	height:100px;	
	margin:5px auto;
	padding:0px;
}
.row-150{
	width:100%;
	height:150px;	
	margin:5px auto;
	padding:0px;
}
.row-200{
	width:100%;
	height:200px;	
	margin:5px auto;
	padding:0px;
}
.row-300{
	width:100%;
	height:300px;	
	margin:5px auto;
	padding:0px;
}
.row-350{
	width:100%;
	height:350px;	
	margin:5px auto;
	padding:0px;
}
.row-400{
	width:100%;
	height:400px;	
	margin:5px auto;
	padding:0px;
}
.row-500{
	width:100%;
	height:500px;	
	margin:5px auto;
	padding:0px;
}
/*--------Row and there Height End----------*/
/*---------Collum and there Width Start------------*/
.col-1{
	width:8%;
	height:auto;
	margin:0px auto;
	padding:0px;
	float:left;
}
.col-15{
	width:13%;
	height:auto;
	margin:0px auto;
	padding:0px;
	float:left;
}
.col-2{
	width:18%;
	height:auto;
	margin:0px auto;
	padding:0px;
	float:left;
}
.col-25{
	width:23%;
	height:auto;
	margin:0px auto;
	padding:0px;
	float:left;
}
.col-3{
	width:28%;
	height:auto;
	margin:0px auto;
	padding:0px;
	float:left;
}
.col-35{
	width:33%;
	height:auto;
	margin:0px auto;
	padding:0px;
	float:left;
}
.col-4{
	width:38%;
	height:auto;
	margin:0px auto;
	padding:0px;
	float:left;
}
.col-45{
	width:43%;
	height:auto;
	margin:0px auto;
	padding:0px;
	float:left;
}
.col-5{
	width:48%;
	height:auto;
	margin:0px auto;
	padding:0px;
	float:left;
}
.col-55{
	width:53%;
	height:auto;
	margin:0px auto;
	padding:0px;
	float:left;
}
.col-6{
	width:58%;
	height:auto;
	margin:0px auto;
	padding:0px;
	float:left;
}
.col-65{
	width:63%;
	height:auto;
	margin:0px auto;
	padding:0px;
	float:left;
}
.col-7{
	width:68%;
	height:auto;
	margin:0px auto;
	padding:0px;
	float:left;
}
.col-75{
	width:73%;
	height:auto;
	margin:0px auto;
	padding:0px;
	float:left;
}
.col-8{
	width:80%;
	height:auto;
	margin:0px auto;
	padding:0px;
	float:left;
}
.col-85{
	width:83%;
	height:auto;
	margin:0px auto;
	padding:0px;
	float:left;
}
.col-9{
	width:88%;
	height:auto;
	margin:0px auto;
	padding:0px;
}
.col-100{
	width:98%;
	height:auto;
	margin:0px auto;
	padding:0px;
    display: flex;
    flex-wrap: wrap;
}
/*---------Collum and there Width End------------*/
.row-40 h1{
	width: 100%;
    line-height: 40px;
    text-align: center;
    margin: 20px auto 10px;
	color: #4fa0d6;
}
.row-40 span {color: #2d3091;}
.row-350 p{
	width:100%;
	height:auto;
	line-height:25px;
    color: #5f5d5d;
	font-size16px;
	text-align:justify;
	margin:10px auto;
	padding:0;
    white-space:pre-line;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight:500;
}
.row-350 a{
	color:#f7c51e;
}
.row-400 p{
	width:100%;
	height:auto;
	line-height:25px;
    color: #5f5d5d;
	font-size16px;
	text-align:justify;
	margin:10px auto;
	padding:0;
	white-space:pre-line;
    font-family: 'Open Sans', sans-serif;
}
.row-400 a{
    color: #2c89c6;
}
.row-200 .col-85 p{
	width:100%;
	height:auto;
	line-height:25px;
	font-size16px;
	text-align:justify;
	margin:10px auto;
	padding:0 0 0 5%;
	white-space:pre-line;
    font-family: 'Open Sans', sans-serif;
}
.row-400 .col-4 h2 {
    border-bottom: 1px solid rgba(44, 137, 198, 0.51);
    padding-bottom: 15px;
    position: relative;
    font-size: 30px;
    margin: 30px 0 15px 0;
    color: #2c89c6;
}
.row-400 .col-4 h2:after{
    background-color: #2c89c6;
    bottom: -1px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 50px;
}
.row-400 .col-4 p {
    font-size: 14px;
    line-height: 18px;
    color: #5f5d5d;
    padding: 0 0 10px 0;
    margin: 0;
    text-align: justify;
    font-family: 'Open Sans', sans-serif;
}
.row-400 .col-4 span {
    font-size: 18px;
    font-weight: 700;
    color: #2c89c6;
}
.row-400 .col-6 h2 {
    border-bottom: 1px solid rgba(44, 137, 198, 0.51);
    padding-bottom: 15px;
    position: relative;
    font-size: 30px;
    margin: 30px 0 15px 0;
    color: #2c89c6;
}
.row-400 .col-6 h2:after{
    background-color: #2c89c6;
    bottom: -1px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 50px;
}
.row-400 .col-6 p {
    font-size: 14px;
    line-height: 18px;
    color: #5f5d5d;
    padding: 0 0 10px 0;
    margin: 0;
    text-align: justify;
    font-family: 'Open Sans', sans-serif;
}
.row-400 .col-6 span {
    font-size: 18px;
    font-weight: 700;
    color: #2c89c6;
}
#services {
	margin: 30px auto 10px;
    background: rgba(18, 133, 255, 0.16) url(../img/bg_services.png);
    background-size: cover;
	height:auto;
	min-height:400px;
	width:100%;
	border-radius: 5px;
        display: inline-block;
}
#services h1 {
	width: 100%;
    line-height: 40px;
    font-size: 40px;
    text-align: center;
    margin: 0;
    padding: 20px 0;
	color:#2c89c6;
}
#services p {
    font-size: 20px;
    line-height: 25px;
    color:#2c89c6;
    padding: 0 0 10px 0;
    margin: 0;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
.company{
	width:300px;
	height:200px;
	background-color:#fff;
	border-radius:5px;
	margin:35px;
	float:left;
}
.company h3{
	width: 100%;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    margin: 0;
    padding: 10px 0;
    color: rgba(197, 45, 47, 0.83);
}
.left{
	float:left;
	margin-left:5px;
}
.company .left img{border-radius:50%;}
.right{
	float:right;
	margin-right:5px;
}
#services .right p{
    font-size: 15px;
    line-height: 17px;
    color: #4e4e4e;
    padding: 13px 15px;
    margin: 0;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
}
#services .right a{
	color:#f7c51e;
}
#parallex {
	height:100px;
	width:100%;
    background: rgb(215, 230, 244);
    background-size: cover;
    border-left: 0 none;
    border-right: 0 none;
    padding: 0;
    margin: 0px auto;
	border-radius: 5px;
}
#parallex h2{
    width: 100%;
    line-height: 75px;
    font-size: 31px;
    text-align: center;
    margin: 0;
    padding: 10px 0;
	color: #00568e;
}
.br-con{
	width:100%;
	height:300px;
	/*background:#fff url(../img/goal-final.png);
    background-size: cover;
	border-radius: 5px;*/
	margin:0 auto;
	padding:0;
    border-radius: 5px;
}
.row-40-b h1{
    width: 100%;
    line-height: 20px;
    text-align: center;
    margin: 20px auto 10px;
    font-size: 40px;
    font-family: 'Open Sans', sans-serif;
    color: #2d3091;color: #2c89c6;
}
/*-------------------------Body Part End-------------------------*/
/*-----------------------Footer Part Start-----------------------*/
.fp-container{
	width: 100%;
	height: auto;
	margin: 40px auto 0;
	padding: 0px;
	/*background-image: url(img/body-bg.jpg);*/
	background-repeat: repeat;
	border-radius: 5px 5px 0px 0px;
	display: inline-block;
}
.fp-33-1{
	width:33%;
	height:350px;
	float:left;
	margin:40px auto 0;
	padding:0;
}
.add{
	width:80%;
	height:100%;
	margin:0 auto;
	padding:0;
}
.add h3{
	width:100%;
	height:auto;
	margin:0px auto;
	color: #2c89c6;
	font-size:25px;
}
.add h4{
	width:100%;
	height:auto;
	margin:0px auto;
	color: #2c89c6;
	font-size:18px;
}
.add hr{
	width: 100%;
	height: auto;
	margin: 5px auto;
	padding: 0;
	border: 1px dotted  #2c89c6;
	clear: both;
}
.fa-icon{
    width: 30px;
    height: 50px;
    float: left;
	line-height:50px;
}
.fa-icon .fa {
    color: #2c89c6;
}
.fa-text{
    width: 355px;
    height:50px;
    float: right;
    margin: 2px auto;;
}
.fa-text p{
	color: #2c89c6;
	line-height:22px;
}
.m-top{margin-top: 10px !important;}
.fp-33-2{
	width:33%;
	height:350px;
	float:left;
	margin:43px auto 0;
	padding:0;
}
.fp-33-3{
	width:33%;
	height:350px;
	float:right;
	margin:40px auto 0;
	padding:0;
}
.fp-33-3 h3{
	width:80%;
	height:auto;
	margin:0px auto;
	color: #2c89c6;
	font-size:25px;
}
.fp-33-3 form{
	width:80%;
	height:auto;
	margin:0px auto;
}
.fp-33-3 input {
    width: 100%;
    height: 30px;
    margin: 10px auto;
    border: 1px solid #2c89c6;
    padding: 0;
    border-radius: 2px;
    text-align: center;
	color: #2c89c6;
}
.fp-33-3 textarea {
    width: 100%;
    height: 100px;
    margin: 10px auto;
    padding: 0;
    border: 1px solid #2c89c6;
    border-radius: 2px;
    text-align: center;
}
.fp-33-3 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #2c89c6;
}
.fp-33-3 ::-moz-placeholder { /* Firefox 19+ */
  color: #2c89c6;
}
.fp-33-3 :-ms-input-placeholder { /* IE 10+ */
  color: #2c89c6;
}
.fp-33-3 :-moz-placeholder { /* Firefox 18- */
  color: #2c89c6;
}

.bottom{
	width:100%;
	height:50px;
	margin:0 auto;
	padding:0;
	background-color:#2c89c6;
}
.bottom p{
	width:100%;
	height:100%;
	line-height:50px;
	font-size:12px;
	font-weight:700;
	text-align:center;
	margin:0;
	padding:0;
	color:#fff;
}
/*------------------------Footer Part End-----------------------*/

/*------------------------About Page Start-----------------------*/
.ab-con{
	width:100%;
	height:auto;
	margin:30px auto;
	padding:0;
}
.ab-con .row-40 {
    width: 100%;
    height: 40px;
    margin: 0px auto 25px;
    padding: 0px;
    border-bottom: 2px solid #2c89c6;
}
.ab-head{
    width: auto;
    max-width: 300px;
	height:40px;
    line-height: 40px;
    text-align: left;
    margin: 0;
background-color: #2c89c6;
}
.ab-head h1 {
	font-size:30px;
	font-family:"Comic Sans MS", cursive, sans-serif;
    text-align:center;
	color:#fff;
    margin:0;
	padding:0;
}
.ab-con .row-125 p{
	width:100%;
	height:auto;
    line-height: 25px;
    color: #5f5d5d;
    font-size: 17px;
    font-weight: 600;
	text-align:justify;
	margin:10px auto;
	padding:0;
	white-space:pre-line;
    font-family: 'Open Sans', sans-serif;
}
.ab-con .row-125a p{
	width:100%;
	height:auto;
    line-height: 25px;
    color: #5f5d5d;
    font-size: 17px;
    font-weight: 600;
	text-align:justify;
	margin:10px auto;
	padding:0;
	white-space:pre-line;
    font-family: 'Open Sans', sans-serif;
}
.ab-con .row-80 p{
	width:100%;
	height:auto;
	line-height:25px;
    color: #5f5d5d;
	font-size:17px;
	font-weight:600;
	text-align:justify;
	margin:10px auto;
	padding:0;
	white-space:pre-line;
    font-family: 'Open Sans', sans-serif;
}
.ab-con .row-350 span{
	width:100%;
	height:auto;
	line-height:25px;
    color: #5f5d5d;
	font-size:17px;
	font-weight:600;
	text-align:justify;
	margin:10px 0 10px 20px;
	padding:0;
	white-space:pre-line;
    font-family: 'Open Sans', sans-serif;
}
.ab-con .row-350 a{
	color:#f7c51e;
}
/*-------------------------About Page End------------------------*/

/*-------------------------Product Page Start------------------------*/
.pro-head{
    width: 100%;
    height: 60px;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #2980b9;
}
.pro-head h1{
    width: 350px;
    height: 100%;
    line-height: 60px;
    color: #fff;
    text-align: center;
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-size: 30px;
    background: #2980b9;
	float:left;
}
.pro-head h2{
    width: 350px;
    height: 100%;
    line-height: 60px;
    color: #fff;
    text-align: center;
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-size: 30px;
    background: #2980b9;
	float:left;
}
.pro-rel{
    width: 98%;
    height: 80px;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #2c89c6;
}
.pro-rel h1{
    width: 100%;
    height: 55px;
    line-height: 50px;
    color: #2c89c6;
    text-align: left;
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-size: 30px;
    float: left;
    padding: 0 10px;
    margin: 0 auto;
}
.pro-rel p{
width: 100%;
    height: 25px;
    line-height: 24px;
    color: #2c89c6;
    text-align: left;
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-size: 15px;
    padding: 0 10px;
    margin: -5px auto 0;
    float: left;
}
.pro-rel-1{
    width: 98%;
    height: 40px;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #2980b9;
}
.pro-rel-1 p{
	width: 100%;
    height: 40px;
    line-height: 40px;
    color: #2980b9;
    text-align: left;
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-size: 25px;
    padding: 0 10px;
    margin: -5px auto 0;
    float: left;
}
.pro-con{
    /*background-image: url(img/body-bg.jpg);*/
    background-repeat: repeat;
    width: 100%;
    height: auto;
    max-height: none;
    margin: 20px auto;
    padding: 0px;
    display: inline-block;
}
.pro-con-left{
}
.pro-con-left h3{
	width:100%;
	height:40px;
	line-height:40px;
	margin:20px auto 10px;
	padding:0;
}
.pro-con-right{
	width:75%;
	height:auto;
	margin:20px auto;
	padding:0px;
	float:right;
}
.pro-pj-link{
    width: 100%;
    height: 30px;
    text-align: center;
    margin: 0;
    padding: 0;
	float:left;
}
.pro-pj-link a{
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	text-decoration:none;
    margin: 0;
    margin-right: 20px;
    color: #fefefe;
    float: right;
    background: #2980b9;
    cursor: default;
    border-radius: 2px;
}
.pro-pj-link a:hover {
    background: #2c89c6;
}
.pro-bx {
    width: 350px;
    height: 525px;
    margin: 1% 1%;
    padding: 0;
    border-bottom: 1px #ccc solid;
    float: left;
}
.sub-pro-con{
	/*background-image: url(img/body-bg.jpg);*/
    background-repeat: repeat;
    width: 100%;
    height: auto;
    max-height: none;
    margin: 20px auto;
    padding: 0px;
    display: inline-block;
}
.pro-des-con{
	/*background-image: url(img/body-bg.jpg);*/
    background-repeat: repeat;
    width: 100%;
    height: auto;
    max-height: none;
    margin: 20px auto;
    padding: 0px;
    display: inline-block;
}
.pro-des-div{
    width: 100%;
    height: auto;
    display: inline-block;
	margin:10px auto;
	padding:0;
}
.pro-main-des{
	width:100%; 
	height:430px; 
	margin:20px auto; 
	padding:0;
}
.ar-pro{
	width:100%;
	height:auto;
	display:inline-block;
}
.ar-pro center{
	width:100%;
	height:auto;
	display:inline-block;
}
.ar-pro p{
    width: auto;
    padding: 5px 20px;
    text-align: left;
    font-size: 20px;
    box-shadow: 10px 10px 25px -15px #2980b9 inset;
    color: #2980B9;
    background-color: transparent;
    font-family: "Comic Sans MS", cursive, sans-serif;
    border: 1px solid;
    border-bottom: none;
    border-radius: 15px 15px 0 0;
}
.ar-pro center hr {
    width: 95%;
    border-color: rgba(41, 128, 185, 0.28);
    border-style: inset;
    border-width: 1px;
}
.pro-main-des center{
	width:100%;
	height:100%;
	display:inline-block;
}
.pro-main-des center img{
	height:auto;
	width:auto;
	max-height:100%;
	max-width:100%;
}
.pro-des-div center h2.ar-name{
	color: #2980B9;
}
.pro-seris-des-1{
    width: 100%;
    height: auto;
    display: inline-block;
    margin: 20px auto;
    padding: 0;
}
.pro-seris-des-1 .ar-details{
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 20px;
}
.pro-seris-des-1 .ar-details p{
    width: auto;
    padding: 7px 20px;
    text-align: left;
    font-size: 18px;
    box-shadow: 0px 0px 15px 0px #2980b9 inset;
    color: #2980B9;
    background-color: transparent;
    font-family: "Comic Sans MS", cursive, sans-serif;
    border: 1px solid;
    border-bottom: none;
    border-radius: 3px;
}
.pro-seris-des-1 .ar-details-pa{
	width:100%;
	height:auto;
	display:inline-block;
}
.pro-seris-des-1 .ar-details-pa h3{
	color: #2980b9;
}
.pro-seris-des-1 .ar-details-pa p{
    width: 100%;
    height: auto;
    line-height: 25px;
    color: #5f5d5d;
    font-size: 15px;
    font-weight: 400;
    text-align: justify;
    margin: 5px auto 10px;
    padding: 0;
    white-space: pre-line;
    font-family: 'Open Sans', sans-serif;
}
.pro-seris-des-1 .ar-details-img{
	width:100%;
	height:auto;
	display:inline-block;
	margin:10px auto;
}
.pro-seris-des-1 .ar-details-img img{
	height:auto;
	width:auto;
	max-height:100%;
	max-width:100%;
}
.pro-application{
    width: 80%;
    height: 80%;
    padding: 5% 0;
    margin: 0 auto;
}
.pro-seris-des{
    width: 96%;
    height: auto;
    display: inline-block;
    margin: 20px auto;
    padding: 0;
}
/*
.pro-bx {
    width: 300px;
    height: 490px;
    margin: 2% 2.5%;
    padding: 0;
    border-bottom: 1px #ccc solid;
    float: left;
}
.img-bx {
    width: 260px;
    height: 200px;
    margin: 5px auto 10px;
    padding: 0px;
    border: 1px #ccc solid;
    border-radius: 5px;
}
.in-img-bx {
    width: 250px;
    height: 190px;
    margin: 5px;
    padding: 0;
}

.det-box {
    width: 285px;
    height: 250px;
    margin: 5px auto 10px;
    padding: 0px;
}*/
.img-bx-1 {
    width: 530px;
    height: 400px;
    margin: 5px auto 10px;
    padding: 0px;
    border: 1px #ccc solid;
    border-radius: 5px;
    float: left;
}
.img-nm-1{
    width: 100%;
    height: 50px;
    margin: -50px auto 0;
    line-height: 50px;
    color: #fefefe;
    font-size: 22px;
    position: absolute;
    font-weight: 700;
    background: rgba(0, 0, 0, 0.48);
}
.in-img-bx-1{
	width: 520px;
    height: 390px;
    margin: 5px;
    padding: 0;
    border: none;
}
.img-bx-2 {
    width: 810px;
    height: 610px;
    margin: 5px auto 10px;
    padding: 0px;
    border: 1px #2c89c6 solid;
    border-radius: 5px;
    float: left;
}
.in-img-bx-2{
	width: 800px;
    height: 600px;
    margin: 5px;
    padding: 0;
    border: none;
    box-shadow: 0px 0px 10px #2c89c6;
}
.in-img-bx-1 img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}
.pro-details{
    width: 46%;
    height: 400px;
    margin: 5px auto 10px;
    padding: 0px;
    border: 1px #fff solid;
    background: #fff;
    border-radius: 5px;
    float: left;
    margin: 19px auto;
}
.pro-details h3{
    color: #2980b9;
}
.pro-details p{
    width: 100%;
    height: auto;
    line-height: 25px;
    color: #5f5d5d;
    font-size: 15px;
    font-weight: 400;
    text-align: justify;
    margin: 10px auto;
    padding: 0;
    white-space: pre-line;
    font-family: 'Open Sans', sans-serif;
}
.img-bx {
    width: 340px;
    height: 260px;
    margin: 5px auto 10px;
    padding: 0px;
    border: 1px #ccc solid;
    border-radius: 5px;
    float: left;
}
.img-nm{
    width: 100%;
    height: 50px;
    margin: -50px auto 0;
    line-height: 50px;
    color: #fefefe;
    font-size: 15px;
    position: absolute;
    background: rgba(0, 0, 0, 0.48);
}
.in-img-bx{
	width:330px;
	height:250px;
	margin:5px;
	padding:0;
	border:none;
}
.in-img-bx img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}
.det-box {
    width: 345px;
    height: 250px;
    margin: 5px auto 10px;
    padding: 0px;
}
.det-box h3{
	width:100%;
	height:auto;
    font-size: 20px;
    text-align: center;
	white-space:pre-line;
    font-family: 'Open Sans', sans-serif;
}
.det-box p{
    width: 100%;
    height: auto;
    font-size: 14px;
    line-height: 18px;
    text-align: justify;
    white-space: pre-line;
    font-family: 'Open Sans', sans-serif;
}
/*-------------------------Product Page End------------------------*/

/*-------------------------Machin Product Page Start------------------------*/

/*-------------------------Machin Product Page   End------------------------*/

/*-------------------------Gallery View Start------------------------*/
.img-margin{
	margin: 19px;
}
.img-margin-em{
	margin: 19px 38px;
}
.img-margin img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	margin: 0 auto;
}
/*-------------------------Gallery View End------------------------*/

/*-------------------------Contact Page Start------------------------*/
.contact-con{
	background-image: url(img/body-bg.jpg);
    background-repeat: repeat;
	width:100%;
	height:1000px;
	margin:20px auto;
	padding:0;
}
.con-add{
	width:49%;
	height:auto;
	float:left;
	margin:0;
	padding:0;
}
.con-add h3{
    width: 45%;
    height: 50px;
    line-height: 50px;
    margin: 30px auto -20px;
    color: #636363;
    font-size: 28px;
    text-align: center;
    border-bottom: 1px dotted #636363;
}
.c-add{
    width: 60%;
    height: auto;
    /*float: left;*/
    margin: 50px auto 0;
    padding: 0;
}
.c-add h4{
	width:100%;
	height:auto;
	margin:0px auto;
	color:#636363;
	font-size:20px;
}
.c-add hr{
	width:100%;
	height:auto;
	margin:5px auto;
	padding:0;
	border:1px dotted #636363;
	clear: both;
}
.fa-icon1{
    width: 30px;
    height: 50px;
    float: left;
	line-height:50px;
}
.fa-icon1 .fa{color:#636363;}
.fa-text1{
    width: 400px;
    height: 43px;
    float: right;
    margin: 2px auto;
}
.fa-text1 p{
	color:#636363;
	line-height:22px;
    font-family: 'Open Sans', sans-serif;
}
.m-top1{margin-top: 10px !important;}
.m-top1 a{color:#636363;}
.con-msg{
	width:49%;
	height:auto;
	float:right;
	margin:0;
	padding:0;
}
.con-msg h3{
    width: 45%;
    height: 50px;
    line-height: 50px;
    margin: 30px auto 0px;
    color:#636363;
    font-size: 28px;
    text-align: center;
}
.con-msg p{
    width: 100%;
    height: 22px;
	color:#636363;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
.con-msg form{
	width:80%;
	height:auto;
	margin:0px auto;
}
.con-msg input {
    width: 100%;
    height: 35px;
    margin: 10px auto;
    font-size: 15px;
    text-align: center;
    padding: 0;
    border-radius: 4px;
    border: 2px solid #636363;
    color: #636363;
    font-weight: 700;
}
.con-msg textarea {
    width: 100%;
    height: 200px;
    margin: 10px auto;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    border-radius: 5px;
    padding: 10px 0;
    border: 2px solid #636363;
}
/*-------------------------Contact Page End--------------------------*/

/*---------------------------Product Page Start--------------------------*/
/*-------------------------Feed mill Page Start--------------------------*/
.feed-pro-typ{width:100%;margin:10px auto;padding:0;display: inline-block;}
/*-------------------------Feed mill Page End--------------------------*/

/*-------------------------Embroidery Page Start--------------------------*/
.embro-pro-typ{width:100%;height: auto;display: inline-block;margin:10px auto;padding:0;}
.img-bx-em {
    width: 1100px;
    height: 240px;
    margin: 5px auto 10px;
    padding: 0px;
    border: 1px #ccc solid;
    border-radius: 5px;
    float: left;
}
.img-nm-em{
    width: 100%;
    height: 50px;
    margin: -50px auto 0;
    line-height: 50px;
    color: #fefefe;
    font-size: 18px;
    position: absolute;
    background: rgba(0, 0, 0, 0.48);
}
.in-img-bx-em{
	width:1090px;
	height:230px;
	margin:5px;
	padding:0;
	border:none;
}
.in-img-bx-em img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	margin:0 auto;
}
.img-margin-em{
	margin:19px;
}
.msg{
    width: 755px;
    height: auto;
    margin: 50px auto;
    padding: 50px;
    background: #fff;
    -moz-box-shadow: 0 1px 0 #409ad5 inset, 0 -1px 0 #20638f inset;
    -webkit-box-shadow: 0 1px 0 #409ad5 inset, 0 -1px 0 #20638f inset;
    box-shadow: 0 0 10px #409ad5 inset;
    border: 1px dashed #409ad5;
	clear: both;
}
.msg-box{
	width:90%;
	height:auto;
	margin:0 auto;
	padding:0;
}
.msg-box p{
    width: 100%;
    height: auto;
	color:#409ad5;
    font-size: 30px;
    font-family: "Comic Sans MS", cursive, sans-serif;
    text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
/*-------------------------Embroidery Page End--------------------------*/
/*--------------Parts---------------*/
.demo-2 {
    position: relative;
    width: 250px;
    height: 250px;
    overflow: hidden;
    float: left;
    margin-right: 30px;
    margin-top: 30px;
    background-color: #2980b9;
}
.demo-2 p,.demo-2 h2 {
    color:#fff;
    padding:10px;
	text-align:center;
    position:relative
}
.demo-2 p {
    font-family:'Lato';
    font-size:12px;
    line-height:18px;
    margin:0
}
.demo-2 h2 {
    font-size:20px;
    line-height:24px;
    margin:0;
    font-family:'Lato'
}
.effect img {
    position:absolute;
    left:0;
    bottom:0;
    cursor:pointer;
    margin:0px 0;
    -webkit-transition:bottom .3s ease-in-out;
    -moz-transition:bottom .3s ease-in-out;
    -o-transition:bottom .3s ease-in-out;
    transition:bottom .3s ease-in-out
}
.effect img.top:hover {
    bottom:-50px;
    padding-top:50px
}
h2.zero,p.zero {
    margin:0;
    padding:0
}
.gap{
	margin-top:5px;
}
.img-nm-parts {
	width: 100%;
    height: 40px;
    margin: 170px auto 0;
    color: #fefefe;
    position: absolute;
    background: rgba(0, 0, 0, 0.48);
}
.img-nm-parts p{
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    line-height: 36px;
    text-align: center;
    font-size: 15px;
}