@import url('https://fonts.googleapis.com/css?family=Lato');
body
{
    overflow-x:hidden;
}
h1, h2, h3, h4, h5, h6 {
    padding-bottom: 2px;
    color: #555 ;
    line-height: 1em;
    font-weight: normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #656464 !important;
	font-family: 'Lato', sans-serif;
}
a:hover
{
text-decoration:none !important;
}
.product-font {
    padding-bottom: 7px;
    line-height: 25px;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
text-align: justify;
}
.product-font-01 {
    padding-bottom: 7px;
    line-height: 25px;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
text-align: center;
    margin-top: 15px;
}
.responsive1
{
height:325px;
}
/*-------------------------products--------------------*/
.section_head {
    margin-bottom: 80px;
}
h3.section_name {
    font-size: 36px;
    position: relative;
	font-family: 'Lato', sans-serif;
}
h3.section_name::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 35px;
    height: 2px;
    background-color: #8f8f8f;
}
.products
{
background-image: url("images/product.jpg");
padding: 70px 0;
background-size: cover;
background-attachment: fixed;
color: #8F8F8F;
}
.box
{
background-color:#fff;
}
.content
{
padding:20px 30px;
}


.bckground
{
	/*! background: url('images/bg3.png') no-repeat center center fixed; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	/*! background-size:100% 100%; */
}
.space
{
/*! padding:360px; */ 
}
.vedio-size {width: 100%;  height: 100%;}
@media only screen and ( max-width: 480px ) { 
.company-right ul li
{
	float:left;
	list-style-type:none;
	padding:10px;
	width:100%;
}

.bckground
{
	/*! background: url('images/bg3.png') no-repeat center center fixed; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    /*! background-size: cover; */
    -o-background-size: cover;
	/*! background-size:100% 50%; */
    /*! height: 290px; */
}
}

@media only screen and  (min-device-width : 414px) and (max-device-width : 736px){
.bckground
{
	background: url('images/bg3.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	background-size: 100% 50%;
	height: 290px;
	}
	
}




.about-section
{
background-color:#355da9;	
}
.container1 {
   padding-left: 10px;
   padding-right: 10px !important;
   max-width:970px!important;
   margin: 0 auto;
}

h3.section_name1
{
    font-size: 36px;
    position: relative;
	color:#fff !important;
}
#services h3::after {
    background-color: #fff;
}
h3.section_name1::after {
    content: "";
    position: absolute;
    bottom: -18px;
    left: 4px;
    width: 35px;
    height: 2px;
    background-color: #fff !important;
}
.box-1
{
width:700px;
height:45px;

background-color:#455e88;	
padding: 13px 0px 0px 1px;
margin: 10px;
/*! padding: 0px; */
}
.font-02 a
{
font-size:13px;
color:#c2c2c9;	
margin: 5px;
text-transform:uppercase;
font-family: 'Lato', sans-serif;
}
.font-02 a:hover
{
color:#fff;	
text-decoration:none;	
}
.font-03
{
font-size:14px;	
color:#fff;
font-family: 'Lato', sans-serif;
line-height: 25px;
}
.font-web
{
font-size:18px;	
color:#f12d56;
font-family: 'Lato', sans-serif;
padding-top: 10px !important;
padding-bottom: 10px !important;
/*! line-height: 25px; */
border: 4px solid #fff;
padding: 5px 50px;
border-radius: 7px;
}
.font-web:hover{color:#fff;}

.font-web-1
{
font-size:18px;	
color:#f12d56;
font-family: 'Lato', sans-serif;
line-height: 25px;
padding-top: 10px !important;
padding-bottom: 10px !important;
line-height: 25px;
border: 4px solid #fff;
padding: 5px 35px;
border-radius: 7px;
}
.font-web-1:hover{color:#fff;}
.font-04 a
{
font-size:14px;	
color:#000;
}
.font-04 a:hover
{
font-size:14px;	
color:#fff;
text-decoration:none;	
}
.gallery-bottom
{
background-image: url("images/product.jpg");
padding: 40px 0;
background-size: cover;
background-attachment: fixed;
}
.recent_work_item {
    text-align: center;
    position: relative;
    float: left;
}
#recent_work_thumbs li {
    list-style: none;
}
.portfolio_overlay {
  
    background-color: rgba(0, 0, 0, 0.5) !important;
  
    background-position: 50% 50% !important;
    
    height: 300px !important;
    left: 0 !important;
    top: 0 !important;
    position: absolute !important;
    width: 300px !important;
    display: block !important;
    transition: all 0.5s ease !important;
}
.portfolio_overlay:hover {
    background-color: transparent !important;
}

@media only screen and (max-width: 480px)
{
.box-1
{
width: 95%;
height: 142px;
background-color: #455e88;
padding: 1px;
/*! margin: 18px; */
text-align: justify !important;
line-height: 27px;
margin-top: 34px;
}
.font-02 a
{
font-size:13px;
color:#c2c2c9;	
margin: 30px;
}
.font-02 a:hover
{
color:#fff;	
text-decoration:none;	
}
#presence
{
padding-top:20px !important;
}	
}
@media (min-width:768px) and (max-width: 1024px)
{

.box-1
{
width: 98%;
height: 36px;
background-color: #455e88;
padding: 1px;
/*! margin: 18px; */
text-align: justify !important;
line-height: 27px;
margin-top: 34px;
}
.font-02 a
{
font-size:9px;
color:#c2c2c9;	
margin: 7px;
}
.font-02 a:hover
{
color:#fff;	
text-decoration:none;	
}
	
	
}


/*--------------------client-------------------*/

.client {
    position: relative;
    background-color: #355da9;
  
    padding-top: 50px;
  }
.img-responsive
{
padding:3px !important;
} 
h3.section_name2 {
    font-size: 34px;
    position: relative;
 color:#fff;
}
h3.section_name2::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 35px;
    height: 2px;
    background-color: #FFF;
}
/*----------------------news-------------------*/
.news
{
  font-size: 34px;
    position: relative;
 color:#000;
}

h3.news::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 35px;
    height: 2px;
    background-color: #000;
}

/*--------------------------contact----------------------*/
.contact-area
{
    position: relative;
    background-color: #355da9;
    padding-top: 50px;
}
.contact-us
{
  font-size: 34px;
    position: relative;
 color:#fff;
}

h3.contact-us::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 35px;
    height: 2px;
    background-color: #fff;
} 
.contact-font {
    color: #fff;
    font-size: 18px;
}
.email {
    text-decoration: none;
    color: #fff;
 /*! font-weight: bold; */
    font-family: 'Lato', sans-serif;
}
.email:hover {
    text-decoration: none;
    color: #000;
 /*! font-weight: bold; */
}
td, th {
    padding: 5px;
}
.copy
{
background-color: #444;
}
#copyright {
    background-color: #444;
    border-top: 2px solid #555555;
    text-align: center;
    font-size: 14px;
    color: #888;
    padding: 10px 60px;
}
.copy1
{
background-color: #444;
}
#copyright {
    background-color: #444;
    border-top: 2px solid #555555;
    text-align: center;
    font-size: 14px;
    color: #888;
    padding: 7px 11px;
 padding-top: 22px;
}

.copy
{
text-decoration: none;
color: #888;
font-weight: 400;
}
.copy:hover {
    text-decoration: none;
    color: #000;
 font-weight: 400;
}
#our-presence
{
padding-top:50px; 
}
#news
{
padding-top: 50px;
}