/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
*{
	margin:0;
	padding:0;
}
#header{
	height:125px;
	width:100%;
	background:#fff;   
}

.top-header{
	width:100%;
	height:45px;
	background:#FF525A;
	line-height:45px;    
}
.left-header img{
float:left;
width:45px;
height:40px;
margin-left:60px;
 
}
.left-header p{
	color:#fff;
	font-weight:600;
	font: 14px "lato", Tahoma , Arial;
	line-height:40px;    
}
.main-header-left img{
    margin-top:3px; 
	width:180px;
	height:80px;
	  float:left;
	  margin-left:60px;
}
.main-header-left h1{
	color:#fff;
	font-size:50px;
	color:#F43838;   
}
.right-header{
	float:right;
	width:270px;
	height:auto;
	margin-top:-44px;    
}
.fb{
	margin-right:5px; 
	width:48px;
	height:47px;
	float:left;
	background-image:url(../images/social-meida.png);
	background-position:1px 4px;    
}
.fb:hover{
	transition:all .5s;
	margin-right:5px; 
	width:48px;
	height:47px;
	float:left;
	background-image:url(../images/social-meida.png);
	background-position:1px -42px;    
}
.tw{
	margin-right:5px; 
	width:48px;
	height:47px;
	float:left;
	background-image:url(../images/social-meida.png);
	background-position:138px 4px;    
}
.tw:hover{
	transition:all .5s;
	margin-right:5px; 
	width:48px;
	height:47px;
	float:left;
	background-image:url(../images/social-meida.png);
	background-position:138px -42px;    
}
.g{
	margin-right:5px; 
	width:48px;
	height:47px;
	float:left;
	background-image:url(../images/social-meida.png);
	background-position:89px 4px;    
}
.g:hover{
	transition:all .5s;
	margin-right:5px; 
	width:48px;
	height:47px;
	float:left;
	background-image:url(../images/social-meida.png);
	background-position:89px -42px;    
}
.ins{
	margin-right:5px; 
	width:48px;
	height:47px;
	float:left;
	background-image:url(../images/social-meida.png);
	background-position:47.1px 4px;    
}
.ins:hover{
	transition:all .5s;
	margin-right:5px; 
	width:48px;
	height:47px;
	float:left;
	background-image:url(../images/social-meida.png);
	background-position:47.1px -42px;    
}

#container{
    width:850px;
    margin:auto;
    float:right;
    margin-right:20px;     
}
nav{margin-top:20px;}
nav ul{
    visibility:visible;
    z-index:-1; 
	list-style:none;
	padding:0 5px; 
}

nav ul:after{
content: '.'; 
clear:both;
visibility:hidden;
display:block;
height:0px;  
 }

 nav ul li{float:left;
  position:relative; 
  line-height:20px;   }
nav ul li > a{
	font:400 14px "Lato",Arial;
	color:#999;  
display:block;
text-decoration:none;
padding:14px 15px 15px;
-webkit-transition:0.25s ease-out;   
}

nav ul li:hover >a{
	color:#FF3A51;
}
nav ul li.active >a{
	color:#f57412;
}
nav ul li > ul{
	position:absolute;
	left:14px; 
	top:70%;
	padding-top:13px;
	background:none;
	width:220px;
	/*z-index:100; */
	opacity:0;
	-webkit-transition:0.25s ease-out;       
}
nav ul li:hover >ul {
	display:block;
	z-index:1000;
	opacity:1;
	top:95%;  
} 

nav ul li > ul:before{
	content: "";
	border-style:solid;
	border-width:0 9px 9px 9px;
	border-color:transparent transparent #FF4529 transparent;
	position:absolute;
	top:5px;
	left:15px;       
}
nav ul li > ul li:first-child{
	border-radius:4px 4px 0 0; 
}
nav ul li > ul li:last-child{
	border-radius:0 0 4px 4px; 
}
nav ul li > ul li{
	padding:2px 3px 3px;
	background:#FF4529;
	width:220px;   
}
nav ul li > ul li a{
    color:#fff; 
	display:block;
	padding:6px 9px;
	border-radius:2px;
	font-size:14px;
    border-bottom:1px solid #fff;     
}
nav ul li > ul li:hover > a{
 color:#fff;
 background:#f59854;
 transition:0.25s ease-out;  
}
nav ul li >ul li>ul:before{
	content: "";
	border-style:solid;
	border-width:0 9px 9px 9px;
	border-color:transparent transparent #FF4529 transparent;
	position:absolute;
	top:15px;
	left:0;
	-webkit-transform:rotate(270deg);        
}

nav ul li >ul li > ul {
	top:0;
	left: 90%;
	padding:0;
	padding-left:13px;
	-webkit-transition: 0.25s ease-out;    
}

nav ul li > ul li:hover > ul {
display:block;
opacity:1;
z-index:100;
top:0;
left:100%;       
}
.about{
	margin-top:5px; 
	width:100%;
	height:220px;
	background:#F63C3C;   
}
.about h2{
	color:#fff;
	padding-left:60px;
	padding-top:40px;
	font:400 18px "Lato",Century Gothic;   
}
.about p{
	word-spacing:.3em; 
	padding-left:70px;
	padding-right:60px;
	margin-top:5px;
	color:#F8F8F8;
        font-size:20px;
	font:Copperplate Gothic Bold;   

}
.content{
	margin-top:5px;
	width:100%;
	height:1100px;
    padding-bottom:20px;

}
.content h3{
	text-align:center;
	font-size:30px;
	padding-top:10px;
	padding-bottom:10px; 
	color:#358BEB;  
}

#footer{
	margin-top:25px; 
	width:100%;
	clear:both;
	height:40px;
	line-height:40px;  
	background:#261515;    
}
#footer p{
	padding-top:10px; 
	color:#fff;
	text-align:center;
	font:400 14px "Lato",Arial;  
}
.t-p-c{ 
    width:100%;
    height:400px;
    background:#0998D4;  
}
.t-p-c h1{
    padding-top:40px; 
    padding-left:60px; 
    width:1200px; 
    color:#f8f9f6;
    font:600 25px "Lato","Tahoma";  
}
.t-p-c p{
    color:#fff;
    width:1170px;
    padding-left:60px;
    word-spacing:.2em;
    padding-top:40px;
    font-size:20px;     
}
.t-p-c h3{
    padding-top:25px; 
    color:#fff;
    padding-left:75px; 
    width:800px; 
    color:#f8f9f6;
    font:600 18px "Lato","Tahoma";   
}
.fir-img img{
    float:left; 
    width:360px;
    height:270px;
    padding-top:50px;
    padding-left:60px;    
}
.sec-img img{
    float:left; 
      width:360px;
    height:270px;
    padding-top:50px;
    padding-left:20px; 
}
.third-img img{
        float:left; 
      width:360px;
    height:270px;
    padding-top:50px;
    padding-left:20px; 
}
.four-img img{
        float:left; 
      width:360px;
    height:270px;
    padding-top:70px;
    padding-left:75px; 
}
.five-img img{
        float:left; 
      width:360px;
    height:270px;
    padding-top:70px;
    padding-left:20px; 
}
.sixth-img img{
        float:left; 
      width:360px;
    height:270px;
    padding-top:70px;
    padding-left:20px; 
}
.seven-img img{
        float:left; 
      width:360px;
    height:270px;
    padding-top:70px;
    padding-left:75px;
    padding-bottom:10px;  
}
.eig-img img{
        float:left; 
      width:360px;
    height:270px;
    padding-top:70px;
    padding-left:20px; 
}
.nin-img img{
        float:left; 
      width:360px;
    height:270px;
    padding-top:70px;
    padding-left:20px; 
}
.ten-img img{
        float:left; 
      width:360px;
    height:270px;
    padding-top:70px;
    padding-left:10px; 
}
.eleven-img img{
        float:left; 
      width:360px;
    height:270px;
    padding-top:70px;
    padding-left:20px; 
}
.twelve-img img{
        float:left; 
      width:360px;
    height:270px;
    padding-top:70px;
    padding-left:20px; 
}
.thr-img img{
        float:left; 
      width:360px;
    height:270px;
    padding-top:70px;
    padding-left:70px; 
}
.data{
    padding-top:110px; 
    width:100%; 
    background:#fff;
    clear:both;
    padding-left:75px;     
}
.data h4{
    margin-top:20px; 
    font:600 15px "Lato",Arial;
    color:#997;

}
.data p{
        word-spacing:.2em;
    padding-top:20px;
    color:#000;
    padding-left:20px;   
}