@import url('https://fonts.googleapis.com/css?family=Oxygen:400,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,600i,700');

/* ========== Included css Files ========== */
@import "font-awesome.min.css";
@import "font-awesome-animation.min.css";
@import "jquery-ui.css";
@import "animate.min.css";
@import "animations.css";
@import "owl.css";
@import "isotop.css";
@import "fancyBox.css";
@import "icofont.css";
@import "material-design-iconic-font.css";

#wrapper{margin:0px auto;}
#maindiv{ width:100%;}
#sidebar {width:20%;float:left; background-color:#fff;}
#content {width:80%;float:right;padding-left:0px;  }
#content ul {    margin-right: 5px;  }
#content ul li:before  {content: "\eb3a";
    font-family: IcoFont;
    color: #fd3406; line-height:35px;
     }
#content img {width:55%;  float:right; }
#content h1 {text-align: left;  font-family: 'Oxygen', sans-serif; font-size:34px; border-bottom: 1px solid #e4e3e3; padding-bottom:5px; text-transform: none;}
#content h2 {text-align: center;  font-family: 'Oxygen', sans-serif; font-size:20px;  padding-bottom:10px; text-transform: none; color:#06bdbe}
#content h3 {text-align: center;  font-family: 'Oxygen', sans-serif; font-size:20px;  padding-bottom:0px; text-transform: none; color:#06bdbe}

.contentcol1 { width:32%; float:left; border: 1px solid #e4e3e3; border-radius: 10px; padding:10px; margin-right:15px; text-align:center }
.contentcol2 { width:32%; float:left; border: 1px solid #e4e3e3; border-radius: 10px; padding:10px; margin-right:15px; text-align:center  }
.contentcol3 { width:32%; float:left; border: 1px solid #e4e3e3; border-radius: 10px; padding:10px; text-align:center  }

#content1 {width:80%;float:right;padding-left:0px; margin-bottom:20px;}
#content1 img {width:100%; }
#content1 h1 {text-align: left;  font-family: 'Oxygen', sans-serif; font-size:34px; border-bottom: 1px solid #e4e3e3; padding-bottom:10px; text-transform: none;}


#content1 ul { margin-left:20px; }
#content1 ul li:before  {content: "\eb3a";
    font-family: IcoFont;
    color: #fd3406; line-height:35px;
     }
	 
.clear{ clear:both; margin:auto; }
.clearcls{ clear:both; height:20px; }

navmenu {width:30%; background-color: transparent; border: 0px solid #4F4D4D;padding:0 5px; margin-top:10px; }
navmenu.stickydiv {position: fixed; top:0; z-index: 10000;margin-top:120px; width:20%; width:15%;  }
navmenu ul {list-style-type:none;margin:0;padding:0;}
navmenu li {padding:10px 10px;  }
navmenu li a {color:#06bdbe;font-weight: normal;line-height: 25px;  border-bottom: 0px solid #4F4D4D; font-family: 'Oxygen', sans-serif; font-size:16px;}
a{text-decoration:none;}
.active {color: #f92c04;text-decoration: none;}

@media screen and (max-width: 1200px){
	
   #sidebar {width:30%;float:left; background-color:#fff;}
	#content {width:70%;float:right;padding-left:0px; margin-top:0px;}
	#content img {width:100%; padding-left:0px;}
	#content h1 {text-align: left;  font-family: 'Oxygen', sans-serif; font-size:26px; border-bottom: 1px solid #e4e3e3; padding-bottom:5px; }
	navmenu {width:30%; background-color: transparent; border: 0px solid #4F4D4D;padding:0 5px; margin-top:18px;}
	navmenu.stickydiv {position: fixed; top:0; z-index: 10000;margin-top:90px;  }
	navmenu ul {list-style-type:none;margin:0;padding:0;}
	navmenu li {padding:10px 10px; }
	navmenu li a {color:#06bdbe;font-weight: normal;line-height: 25px;  border-bottom: 0px solid #4F4D4D; font-family: 'Oxygen', sans-serif; font-size:14px;}
	
	.contentcol1 { width:100%; float:left; border: 1px solid #e4e3e3; border-radius: 10px; padding:10px;  }
	.contentcol2 { width:100%; float:left; border: 1px solid #e4e3e3; border-radius: 10px; padding:10px;  }
	.contentcol3 { width:100%; float:left; border: 1px solid #e4e3e3; border-radius: 10px; padding:10px;  }
}