@import url('https://fonts.googleapis.com/css?family=Droid+Sans');/*--- Paragraph Font --*/
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Condensed'); /*--- Headings Font --*/


 
*{
	
margin: 0;
	
border: 0;
	
padding: 0;

}


body{
background:#fff;
color:#555;
font-family:'Arial', sans-serif;
line-height:190%;
text-align:center;
text-transform:uppercase;
overflow-x:hidden;
}

h2{
font-size:150%;
padding:2% 0 2% 0 ;
font-family:'Arial',Verdana;
}

h3{
font-size:110%;
padding:2% 0;
}

img{
max-width:100%;
}
/*-----------------header-------------------------*/
header{
background:#fff;
height:110px;
position:fixed;
z-index:1000;
width:100%;
opacity:.9;
top:0;
}

#header-contact{
background:#fff;
max-width:1200px;
margin:0 auto;
height:36px;
opacity:1;
}

#header-contact ul li{
font-family:arial;
display:inline-block;
padding:2px;
float:right;
text-transform:none;
font-size:100%;
font-weight:bold;
color:blue;
}


/*-------------------Navigation--------------------------*/
#header-inner{
max-width:1200px;
margin:0 auto;
height:50px;
background:#cc0000;
}
#header-outer{
width:100%;
margin:0 auto;
height:51px;
background:#cc0000;
}
#logo{
background:url(img/logo.jpg)no-repeat;
float:left;
width:34px;
height:40px;
margin:4px 20px 20px 4px;
}

nav{
float:right;
padding:2px 30px;
margin-right:10px;
margin-top:5px;
line-height:80%;
}

#menu-icon{
background:url(img/icon.png) center;
width:24px;
height:20px;
display:hidden;
}

ul{
list-style:none;
}

nav ul li{
font-family:sans-serif;
display:inline-block;
padding:4px;
font-size:90%
}

nav ul li a{
color:#fff;
text-decoration:none;
font-weight:900;
margin-top:2px;
}

a:hover,.current{
color:#ffcc00;
}

/*----------------Slider-------------------------------*/
.slide_wrap{
max-width:1500px;
width:100%;
margin:0 auto;
color:#000;
display:block;
max-height:600px;
padding:0;

margin-top:110px;
}

.slide_wrap img{

margin-top:0;
padding:0;
}

.bx-controls{
display:none;
}

.bx-captions{
font-size:18px;
color:#ff0000;
background:#cc9900;
}

/*-----------------inner-wrapper---------------*/
#inner-wrapper{
max-width:1200px;
margin:0 auto;
}
.one-fifth{
width:16%;
margin:2%;
padding-top:0px;
float:left;
}
.one-third{
width:29%;
margin:2%;
float:left;
}
.half{
width:44%;
margin:2%;
float:left;
text-align:center;
 border-radius: 5px;
background-color: #f2f2f2;
border:1px solid #333;
}
.circle{
width:140px;
height:100px;
background:#cc0000;
margin:0 auto;
border-radius:50%;
padding-top:15%;
}
.one-fifth i{
color:#f0f0f0;
font-size:500%;
padding:20%;
}
.one-fifth i img{

}
p{
font-family:'Droid Sans',sans-serif;
text-align:justify;
text-transform:none;
font-size:100%;
padding:2%;
}

.clearfix{
clear:both;
padding:2%;
line-height:5px;
}

article{
float:left;
width:50%;
padding:4%;
}
.circle-div{
background:#999;
border-radius:6%;
border:2px solid gold;
}


.about{
padding:0;
width:100%;
margin:0 auto;
}
.about p{
    padding:0 1% 0 1%;
}

.contact{
width:100%;
margin:0 auto;
border-radius: 5px;
background-color: #f2f2f2;
border:1px solid #333;
}
.centerText{
padding-left:100px;  

}
/*--------------- Style inputs----------------- */
input[type=text], select, textarea {
    width: 90%;
    padding: 5px;
    border: 1px solid #ccc;
    margin-top: 6px;
    margin-bottom: 7px;
    resize: vertical;
}

input[type=submit] {
    background-color: #cc0000;
    color: white;
    padding: 12px 10px;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #cc9900;
}
.customform{
  
    padding: 5px;
    font-family:'Droid Sans',sans-serif;
}


/*-----------------------------Footer----------------*/
footer{
background:#333;
overflow:hidden;
opacity:.9;
}
#footer-inner{
max-width:1200px;
margin:0 auto;
}
footer.one-third{
width:33%;
margin:2%;
}
footer h3{
color:#959595;
}
footer p{
color:#959595;
text-align:center;
}
footer a{
color:#959595;
text-decoration:none;
}
#footer-third{
border-right:1px solid #959595;
max-height:250px;
min-height:250px;
}
.social li{
display:inline;
}
.social i{
color:#959595;
font-size:245%;
padding:2% 6%;
}
.social i:hover{
color:#f5f5f5;
}
/*----------------footer second------------------------------*/
footer.second{
border-top:1px solid #959595;
max-height:50px;
padding-bottom:5%;
opacity:.95;
font-size:80%;
}

/*-----------------------------media queries tablet----------------*/
@media screen and (max-width: 768px){
header{
position:absolute;
}
.bx-wrapper .bx-caption{
width:98%;
font-size:80%;
left:0;
padding:1px;
}
.bx-wrapper .bx-caption span{
    padding:0;
}
#header-contact{
font-size:80%;
}
.slide_wrap{
height:40%;
max-width:675px;
margin-top:120px;
}
.slide_wrap img{
max-width:98%;
}
#menu-icon{
display:inline-block;
}
nav:hover ul{
display:block;
}
nav ul,nav:active ul{
display:none;
z-index:1000;
position:absolute;
background:#cc0000;
width:50%;
padding:20px;
right:20px;
top:60px;
border:1px solid #fff;
border-radius:4px 0 4px 4px;
}
nav li{
text-align:center;
width:100%;
}
.one-fifth,.one-third,.half{
width:100%;
margin:0;
}
.circle{
width:100px;
height:100px;
padding-top:5%
}
.one-fifth i{
font-size:300%;
}
article{
width:100%;
padding:0;
margin:0;
}
aside{
width:100%;
padding:0;
margin:0;
}
footer.one-third{
width:100%;
padding:0;
margin:0;
}
.social i{
font-size:200%;
}
#footer-third{

min-height:150px;
padding-bottom:2%;
border-bottom:1px solid #959595;
}
#footer-third-contact{
margin-bottom:15%;
}
.centerText{
padding-left:10px;  

}
}
/*-----------------------------media queries mobile----------------*/
@media screen and (max-width:478px){
.slide_wrap{
max-width:378px;
margin-top:100px;
}
.slide_wrap img{
width:100px;
height:200px;
}

#menu-icon{
display:inline-block;
}

.bx-wrapper .bx-caption{
width:99%;
font-size:60%;
left:0;
}
.bx-wrapper .bx-caption span{
    padding:0;
}
#header-contact{
font-size:60%;
}
h3{
font-size:90%;
}
p{
font-size:90%;
margin:2%;
}
h2{
font-size:100%;
}

.circle{
width:100px;
height:100px;
padding-top:10%
}
.centerText{
padding-left:4px;  

}
}
/*-----------------------------media queries Chrome browser------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width:900px) {
.slide_wrap{
height:750px;
}
}
@media screen and (max-width: 600px) {
    .column, input[type=submit] {
        width: 100%;
        margin-top: 0;
    }
}