body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	color:#444444; 
	font-family: 'Lato', sans-serif;
 	font-size:16px;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	 outline: 0px !important; font-weight:normal;
}
 
 
*{ box-sizing:border-box;}

a { 
	text-decoration: none; 
	outline: 0;
	-webkit-transform: translateZ(0);
	-webkit-transition:0.2s color linear;
		-moz-transition:0.2s color linear;
			transition:0.2s color linear;
}
:hover {  transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;}
 
 

.item1 {
  position: relative;

  overflow: hidden;
   line-height:0px;
}
.item1 img {
  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item1:hover img {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.effect{ position:relative; display:block; overflow:hidden;}
.effect:before,.effect:after{content:''; background:rgba(212, 210, 210, 0.2) none repeat scroll 0 0;content: "";opacity: 1;position:absolute;}
.effect:before{ bottom: 0;left: 50%;right:50%;top: 0;}
.effect:after{left: 0;bottom: 50%;right:0;top:50%;}
.effect:hover:before,.effect:hover:after{transition: all 900ms ease-in 0s;}
.effect:hover:before{ left: 0; opacity: 0; right: 0;}
.effect:hover:after{ top: 0; opacity: 0; bottom: 0;}
 

 @font-face {
    font-family: 'comic_0';
    src: url('../fonts/comic_0.eot');
    src: url('../fonts/comic_0.eot') format('embedded-opentype'),
         url('../fonts/comic_0.woff2') format('woff2'),
         url('../fonts/comic_0.woff') format('woff'),
         url('../fonts/comic_0.ttf') format('truetype'),
         url('../fonts/comic_0.svg#comic_0') format('svg');
}
@font-face {
    font-family: 'comicbd_0';
    src: url('../fonts/comicbd_0.eot');
    src: url('../fonts/comicbd_0.eot') format('embedded-opentype'),
         url('../fonts/comicbd_0.woff2') format('woff2'),
         url('../fonts/comicbd_0.woff') format('woff'),
         url('../fonts/comicbd_0.ttf') format('truetype'),
         url('../fonts/comicbd_0.svg#comicbd_0') format('svg');
}

 
 
  
.main-container{width:100%; float:left; margin:0px; padding:0px 0 100px 0;}
.top-bar{width:100%; float:left; margin:0px; padding:0px; background:url(../images/top-bar.jpg) center top; height:5px;}
.container {width:1170px; margin:0 auto; padding:0px;display:table;}
 
.header{width:100%; float:left; margin:0px; padding:0px; background:url(../images/header.jpg) center top; background-size:cover;}

.logo{width:100%; float:left; margin:10px 0; padding:22px 0 15px; line-height:0px; text-align:center}
.menu{width:100%; float:left; margin:0px; padding:0px;}
 
.welcome-section{width:100%; float:left; margin:0px; padding:20px 0; background:url(../images/welcome-bg.jpg) center top; background-size:cover; background-attachment:fixed;}
.welcome-section-left{width:auto; float:left; margin:0px 0 0 -50px; padding:0px;}
.welcome-section-right{width:35%; float:right; margin:4% 0 0 0px; padding:0px;}
.welcome-section-right h2{width:100%; float:right; margin:0px 0 20px 0; padding:0px; font-family: 'comicbd_0'; font-size:48px; color:#fff; letter-spacing:-0.5px; line-height:48px; font-weight:normal; font-style:italic}
.welcome-section-right h2:after{width:270px; content:''; display:block; border-bottom:#fcba02 3px solid; padding:20px 0 0 0;}
.welcome-section-right p{width:100%; float:right; margin:0px 0 20px 0; padding:0px; font-size:18px; color:#fff; line-height:24px; font-weight:700; font-style:italic}

.egypt-content{width:100%; float:left; margin:0px; padding:50px 0; background:#fa830d;}
.egypt-image{width:49.8%; float:right; margin:0px; padding:0px}
.egypt-image img{width:100%; height:auto;}
.egypt-text{width:45%; float:left; margin:0px; padding:0px}
.egypt-text h3{width:100%; float:right; margin:0px 0 20px 0; padding:0px; border-bottom:#fff 1px solid;}
.egypt-text h3 span{width:auto; float:left; margin:0px; padding:0 35px; line-height:50px; background:#fff; border-radius:7px 7px 0 0; font-family: 'comicbd_0'; font-size:30px; color:#fa830d; font-weight:normal;}
.egypt-text p{width:100%; float:left; margin:0px 0 20px 0; padding:0px; font-size:16px; color:#fff; line-height:24px; font-weight:400;}
.egypt-text ul{width:100%; float:left; margin:0px; padding:0px 0;}
.egypt-text ul li{width:50%; float:left; margin:0px 0 20px 0; padding:0px 0; list-style:none; font-size:16px; color:#fff; font-weight:700; line-height:51px;}
.egypt-text ul li img{float:left; margin:0 15px 0 0;}

.view-all-history{width:249px; float:left; margin:5px 0 0 0; padding:0px; background:#7e2005; line-height:49px; font-size:14px; color:#fff; font-weight:400; border-radius:5px; text-align:center; text-transform:uppercase;}
.view-all-history:hover{background:#000;}


.greece-content{width:100%; float:left; margin:0px; padding:50px 0; background:#a23cf8;}
.greece-image{width:49.8%; float:left; margin:0px; padding:0px}
.greece-image img{width:100%; height:auto;}
.greece-text{width:45%; float:right; margin:0px; padding:0px}
.greece-text h3{width:100%; float:right; margin:0px 0 20px 0; padding:0px; border-bottom:#fff 1px solid;}
.greece-text h3 span{width:auto; float:left; margin:0px; padding:0 35px; line-height:50px; background:#fff; border-radius:7px 7px 0 0; font-family: 'comicbd_0'; font-size:30px; color:#a23cf8; font-weight:normal;}
.greece-text p{width:100%; float:left; margin:0px 0 20px 0; padding:0px; font-size:16px; color:#fff; line-height:24px; font-weight:400;}
.greece-text ul{width:100%; float:left; margin:0px; padding:0px 0;}
.greece-text ul li{width:50%; float:left; margin:0px 0 20px 0; padding:0px 0; list-style:none; font-size:16px; color:#fff; font-weight:700; line-height:51px;}
.greece-text ul li img{float:left; margin:0 15px 0 0;}

.greece-history{width:249px; float:left; margin:5px 0 0 0; padding:0px; background:#3a0f5f; line-height:49px; font-size:14px; color:#fff; font-weight:400; border-radius:5px; text-align:center; text-transform:uppercase;}
.greece-history:hover{background:#000;}

.rome-section{width:100%; float:left; margin:0px; padding:50px 0; background:url(../images/rome-bg.jpg) center top; background-size:cover; background-attachment:fixed; position:relative;}
.rome-section h3{width:175px; float:left; margin:0px; padding:0px; line-height:75px; background:#fff; font-size:48px; color:#fcba02; font-weight:900; text-transform:uppercase; text-align:center;transform: rotate(-90deg); position: absolute; left:40px; top:110px;}
.rome-section-right{width:90.8%; float:right; margin:0px; padding:0px;}
.rome-section-right p{width:100%; float:left; margin:0px 0 20px 0; padding:0px; font-size:22px; color:#fff; line-height:30px; font-weight:400;}
.rome-img{width:100%; float:right; margin:0px 0 20px 0; padding:0px;}
.rome-img img{width:100%; height:auto;}

.rome-section-right ul{width:100%; float:left; margin:0px; padding:0px;}
.rome-section-right ul li{width:auto; float:left; margin:0px 10px 0 0; padding:0px 10px 0 0; font-size:16px; color:#fcba02; font-weight:700; border-right:#fff 2px solid; line-height:15px; list-style:none;}
.rome-section-right ul li a{color:#fcba02;}
.rome-section-right ul li a:hover{color:#fff;}
.rome-section-right ul li:last-child{border:0px;}

.rome-history{width:157px; float:left; margin:22px 0 0 0; padding:0px; background:#fcba02; line-height:49px; font-size:14px; color:#fff; font-weight:400; border-radius:5px; text-align:center; text-transform:uppercase;}
.rome-history:hover{background:#000;}


.world-war-content{width:100%; float:left; margin:0px; padding:60px 0; background:#fcba02;}
.world-war-content ul{width:100%; float:left; margin:0px; padding:0px;}
.world-war-content ul li{width:31%; float:left; margin:0px 3% 0 0; padding:0px; list-style:none;} 
.world-war-content ul li:last-child{margin:0px;}
.world-war-content ul li h3{width:auto; float:left; margin:0px; padding:0 26px; line-height:42px; background:#fff; border-radius:7px 7px 0 0; font-family: 'comicbd_0'; font-size:24px; color:#fcba02; font-weight:normal;}
.world-war-content ul li .war-content{width:100%; float:left; margin:0px; padding:26px; background:#fff; box-shadow:#d09902 5px 5px 5px; min-height:530px}
.world-war-content ul li .war-content .image{width:100%; float:right; margin:0px 0 15px 0; padding:0px;}
.world-war-content ul li .war-content .image img{width:100%; height:auto;} 
.world-war-content ul li .war-content p{width:100%; float:left; margin:0px 0 15px 0; padding:0px; font-size:16px; color:#3d3b34; line-height:22px; font-weight:400;}
.world-war-content ul li .war-content p span{font-weight:700;}
.world-war-content ul li .war-content ul{width:100%; float:left; margin:0px; padding:0px;}
.world-war-content ul li .war-content ul li{width:94%; float:left; margin:0px 0 0 6%; padding:0px; list-style: disc; font-size:16px; color:#fcba02; line-height:24px; font-weight:700; text-decoration:underline} 

.worldwar-history{width:218px; float:left; margin:-30px 0 0px 26px; padding:0; background:#5b460a; line-height:49px; font-size:14px; color:#fff; font-weight:400; border-radius:5px; text-align:center; text-transform:uppercase;}
.worldwar-history:hover{background:#000;}


.asia-content{width:100%; float:left; margin:0px; padding:50px 0; background:#459dff;}
.asia-image{width:49.8%; float:right; margin:0px; padding:0px}
.asia-image img{width:100%; height:auto;}
.asia-text{width:45%; float:left; margin:0px; padding:0px}
.asia-text h3{width:100%; float:right; margin:0px 0 20px 0; padding:0px; border-bottom:#fff 1px solid;}
.asia-text h3 span{width:auto; float:left; margin:0px; padding:0 35px; line-height:50px; background:#fff; border-radius:7px 7px 0 0; font-family: 'comicbd_0'; font-size:30px; color:#459dff; font-weight:normal;}
.asia-text p{width:100%; float:left; margin:0px 0 20px 0; padding:0px; font-size:16px; color:#fff; line-height:24px; font-weight:400;}
.asia-text ul{width:100%; float:left; margin:0px; padding:0px 0;}
.asia-text ul li{width:50%; float:left; margin:0px 0 20px 0; padding:0px 0; list-style:none; font-size:16px; color:#fff; font-weight:700; line-height:51px;}
.asia-text ul li img{float:left; margin:0 15px 0 0;}

.asia-history{width:249px; float:left; margin:5px 0 0 0; padding:0px; background:#122a44; line-height:49px; font-size:14px; color:#fff; font-weight:400; border-radius:5px; text-align:center; text-transform:uppercase;}
.asia-history:hover{background:#000;}


.china-content{width:100%; float:left; margin:0px; padding:50px 0; background:url(../images/china-bg.jpg) center top; background-size:cover; background-attachment:fixed; position:relative;}
.china-image{width:49.8%; float:left; margin:0px; padding:0px}
.china-image img{width:100%; height:auto;}
.china-text{width:45%; float:right; margin:0px; padding:0px}
.china-text h3{width:100%; float:right; margin:0px 0 20px 0; padding:0px; border-bottom:#fff 1px solid;}
.china-text h3 span{width:auto; float:left; margin:0px; padding:0 35px; line-height:50px; background:#fff; border-radius:7px 7px 0 0; font-family: 'comicbd_0'; font-size:30px; color:#fa830d; font-weight:normal;}
.china-text p{width:100%; float:left; margin:0px 0 20px 0; padding:0px; font-size:16px; color:#fff; line-height:24px; font-weight:400;}
.china-text ul{width:100%; float:left; margin:0px; padding:0px 0;}
.china-text ul li{width:50%; float:left; margin:0px 0 20px 0; padding:0px 0; list-style:none; font-size:16px; color:#fff; font-weight:700; line-height:51px;}
.china-text ul li img{float:left; margin:0 15px 0 0;}

.china-history{width:249px; float:left; margin:5px 0 0 0; padding:0px; background:#fa830d; line-height:49px; font-size:14px; color:#fff; font-weight:400; border-radius:5px; text-align:center; text-transform:uppercase;}
.china-history:hover{background:#000;}

.btm-section{width:100%; float:left; margin:0px; padding:50px 0;}
.btm-section ul{width:100%; float:left; margin:0px; padding:0px;}
.btm-section ul li{width:23%; float:left; margin:0px 1%; padding:20px; list-style:none; min-height:580px; position:relative;}
.btm-section ul li.color{background:#fa830d;}
.btm-section ul li.color1{background:#4bdf51;}
.btm-section ul li.color2{background:#d51d1d;}
.btm-section ul li.color3{background:#db39a0;}
.btm-section ul li h3{width:100%; float:left; margin:0px 0 15px 0; padding:0; line-height:30px; font-family: 'comicbd_0'; font-size:30px; color:#fff; font-weight:normal;}
.btm-section ul li p{width:100%; float:left; margin:0px 0 15px 0; padding:0px; font-size:16px; color:#fff; line-height:22px; font-weight:400;}
.btm-section ul li .image1{width:100%; float:right; margin:0px 0 15px 0; padding:0px;}
.btm-section ul li .image1 img{width:100%; height:auto;} 
.btm-section ul li ul{width:100%; float:left; margin:0px; padding:0px;}
.btm-section ul li ul li{width:94%; float:left; margin:0px 0 0 6%; padding:0px; list-style: disc; font-size:16px; color:#fff; line-height:24px; font-weight:700; text-decoration:underline; min-height:auto;} 

.read{width:130px; float:left; margin:15px 0 0 0; padding:0px; background:#fff; line-height:45px; font-size:16px; color:#fa830d; font-weight:700; border-radius:5px; text-align:center; text-transform:uppercase; position: absolute; bottom:20px; left:20px;}
.read1:hover{background:#000;}

.read1{width:130px; float:left; margin:15px 0 0 0; padding:0px; background:#fff; line-height:45px; font-size:16px; color:#4bdf51; font-weight:700; border-radius:5px; text-align:center; text-transform:uppercase; position: absolute; bottom:20px; left:20px;}
.read:hover{background:#000;}

.read2{width:130px; float:left; margin:15px 0 0 0; padding:0px; background:#fff; line-height:45px; font-size:16px; color:#d51d1d; font-weight:700; border-radius:5px; text-align:center; text-transform:uppercase; position: absolute; bottom:20px; left:20px;}
.read2:hover{background:#000;}

.read3{width:130px; float:left; margin:15px 0 0 0; padding:0px; background:#fff; line-height:45px; font-size:16px; color:#db39a0; font-weight:700; border-radius:5px; text-align:center; text-transform:uppercase; position: absolute; bottom:20px; left:20px;}
.read3:hover{background:#000;}

.footer{width:100%; float:left; margin:0px; padding:0px; background:url(../images/footer.jpg) center top; background-size:cover;}
.footer-left{width:65%; float:left; margin:0px; padding:30px 0;}
.footer-left ul{width:100%; float:left; margin:0px; padding:0px;}
.footer-left ul li{width:auto; float:left; margin:0px 8px 0 0; padding:0px 8px 0 0; font-size:14px; color:#383838; font-weight:400; border-right:#383838 1px solid; line-height:14px; list-style:none;}
.footer-left ul li a{color:#383838;}
.footer-left ul li a:hover{text-decoration:underline; color:#383838;}
.footer-left ul li:last-child{border:0px;}
.footer-left p{width:100%; float:left; margin:10px 0 0px 0; padding:0px; font-size:14px; color:#899292; line-height:20px; font-weight:400;}
.footer-logo{float:right; margin:0px; padding:20px 0; line-height:0px;}




.ancient-egypt-section{width:100%; float:left; margin:0px; padding:60px 0; background:#fa830d;}
.ancient-egypt-right{width:auto; float:right; margin:0px 0 0 0px; padding:0px;}
.ancient-egypt-left{width:57%; float:left; margin:0 0 0 0px; padding:0px;}
.ancient-egypt-left h2{width:100%; float:right; margin:0px 0 20px 0; padding:0px; font-family: 'comicbd_0'; font-size:48px; color:#fff; letter-spacing:-0.5px; line-height:48px; font-weight:normal; font-style:italic}
/*.ancient-egypt-left h2:after{width:270px; content:''; display:block; border-bottom:#fcba02 3px solid; padding:20px 0 0 0;}*/
.ancient-egypt-left p{width:100%; float:right; margin:0px 0 20px 0; padding:0px; font-size:24px; color:#fff; line-height:30px; font-weight:700; font-style:italic}

.ancient-egypt-content{width:100%; float:left; margin:0px; padding:45px 0;}
.ancient-egypt-content ul{width:100%; float:left; margin:0px; padding:0;display: flex;flex-wrap: wrap;}
.ancient-egypt-content ul li{width:31.3%; float:left; margin:0px 3% 3% 0; padding:22px 8px; list-style:none; box-shadow:#d2d2d2 5px 5px 5px}
.ancient-egypt-content ul li:nth-child(3n+0){margin-right:0px;}
.ancient-egypt-content ul li.color0{background:#282590;}
.ancient-egypt-content ul li.color1{background:#4bdf51;}
.ancient-egypt-content ul li.color2{background:#d51d1d;}
.ancient-egypt-content ul li.color3{background:#db39a0;}
.ancient-egypt-content ul li.color4{background:#fcba02;}
.ancient-egypt-content ul li.color5{background:#459dff;}
.ancient-egypt-content ul li h3{width:100%; float:left; margin:0px 0 20px 0; padding:0; line-height:24px; font-family: 'comicbd_0'; font-size:30px; color:#fff; font-weight:normal;}
.ancient-egypt-content ul li p{width:auto; float:none; margin:0px 0 15px 0; padding:0px; font-size:22px; color:#fff; line-height:26px; font-weight:400;}
.ancient-egypt-content ul li .image1{width:auto; float:left; margin:0px 10px 15px 0px; padding:0px; overflow: hidden;}
.ancient-egypt-content ul li .image1 img{height:auto; max-width: 100%;} 
.read4{width:130px; float:left; margin:15px 0 0 0; padding:0px; background:#fff; line-height:45px; font-size:14px; color:#2a2b2a; font-weight:700; border-radius:5px; text-align:center; text-transform:uppercase; }
.read4:hover{background:#000; color:#fff}

.middle-ages-section{width:100%; float:left; margin:0px; padding:60px 0; background:#a23cf8;}
.middle-ages-right{width:auto; float:right; margin:0px 0 0 0px; padding:0px;}
.middle-ages-left{width:57%; float:left; margin:0 0 0 0px; padding:0px;}
.middle-ages-left h2{width:100%; float:right; margin:0px 0 20px 0; padding:0px; font-family: 'comicbd_0'; font-size:48px; color:#fff; letter-spacing:-0.5px; line-height:48px; font-weight:normal; font-style:italic}
.middle-ages-left h2:after{width:270px; content:''; display:block; border-bottom:#fcba02 3px solid; padding:20px 0 0 0;}
.middle-ages-left p{width:100%; float:right; margin:0px 0 20px 0; padding:0px; font-size:18px; color:#fff; line-height:24px; font-weight:700; font-style:italic}


.middle-ages-section1{width:100%; float:left; margin:0px; padding:50px 0 20px;}
.middle-ages-section1 ul{width:100%; float:left; margin:0px; padding:0;}
.middle-ages-section1 ul li{width:31.3%; float:left; margin:0px 3% 3% 0; padding:22px 8px; list-style:none; box-shadow:#d2d2d2 5px 5px 5px}
.middle-ages-section1 ul li:nth-child(3n+0){margin-right:0px;}
.middle-ages-section1 ul li.color{background:#db39a0;}
.middle-ages-section1 ul li.color1{background:#fcba02;}
.middle-ages-section1 ul li.color2{background:#459dff;}
.middle-ages-section1 ul li.color3{background:#008102;}
.middle-ages-section1 ul li.color4{background:#282590;}
.middle-ages-section1 ul li.color5{background:#a23cf8;}
.middle-ages-section1 ul li h3{width:100%; float:left; margin:0px 0 20px 0; padding:0; line-height:24px; font-family: 'comicbd_0'; font-size:24px; color:#fff; font-weight:normal;}
/*.middle-ages-section1 ul li p{width:100%; float:left; margin:0px 0 15px 0; padding:0px; font-size:22px; color:#fff; line-height:26px; font-weight:400;} */
/* .middle-ages-section1 ul li .image1{width:100%; float:right; margin:0px 0 15px 0; padding:0px;  height: 180px; overflow: hidden; text-align:center;} */

.middle-ages-section1 ul li .image1 {
    float: left;
    margin: 0px 10px 15px 0px;
    padding: 0px;
    overflow: hidden;
}
.middle-ages-section1 ul li p {
    margin: 0px 0px 15px 0px;
    padding: 0px;
    font-size: 22px;
    color: #fff;
    line-height: 26px;
    font-weight: 400;
}
.middle-ages-section1 ul li .image1 img{max-width:100%; height:auto;} 
.read5{width:130px; float:left; margin:15px 0 0 0; padding:0px; background:#fff; line-height:45px; font-size:14px; color:#2a2b2a; font-weight:700; border-radius:5px; text-align:center; text-transform:uppercase; }
.read5:hover{background:#000; color:#fff}



.middle-ages-weapon{width:100%; float:left; margin:0px 0 10px 0; padding:40px 0 20px; background:#4bdf51}
.middle-ages-weapon h2{width:100%; float:left; margin:0px 0 30px 0; padding:0; line-height:36px; font-family: 'comicbd_0'; font-size:36px; color:#ffffff; font-weight:normal; text-align:center}
.middle-ages-weapon ul{width:100%; float:left; margin:0px; padding:0;}
.middle-ages-weapon ul li{width:31.3%; float:left; margin:0px 3% 3% 0; padding:22px; list-style:none; box-shadow:#3eb843 5px 5px 5px; background:#ffffff}
.middle-ages-weapon ul li:nth-child(3n+0){margin-right:0px;}
.middle-ages-weapon ul li h3{width:100%; float:left; margin:0px 0 20px 0; padding:0; line-height:24px; font-family: 'comicbd_0'; font-size:24px; color:#4bdf51; font-weight:normal;}
.middle-ages-weapon ul li p{width:100%; float:left; margin:0px 0 15px 0; padding:0px; font-size:22px; color:#333333; line-height:26px; font-weight:400;}
.middle-ages-weapon ul li .image1{width:100%; float:right; margin:0px 0 15px 0; padding:0px;}
.middle-ages-weapon ul li .image1 img{width:100%; height:auto;} 
.read6{width:130px; float:left; margin:15px 0 0 0; padding:0px; background:#4bdf51; line-height:45px; font-size:14px; color:#fff; font-weight:700; border-radius:5px; text-align:center; text-transform:uppercase; }
.read6:hover{background:#000; color:#fff}


.nations{width:100%; float:left; margin:0px 0 10px 0; padding:40px 0 20px; background:#d51d1d}
.nations h2{width:100%; float:left; margin:0px 0 30px; padding:0; line-height:36px; font-family: 'comicbd_0'; font-size:36px; color:#fff; font-weight:normal; text-align:center}
.nations ul{width:100%; float:left; margin:0px; padding:0;}
.nations ul li{width:31.3%; float:left; margin:0px 3% 3% 0; padding:22px; list-style:none; box-shadow:#af1818 5px 5px 5px; background:#ffffff}
.nations ul li:nth-child(3n+0){margin-right:0px;}
.nations ul li h3{width:100%; float:left; margin:0px 0 20px 0; padding:0; line-height:24px; font-family: 'comicbd_0'; font-size:24px; color:#d51d1d; font-weight:normal;}
.nations ul li p{width:100%; float:left; margin:0px 0 15px 0; padding:0px; font-size:22px; color:#333333; line-height:26px; font-weight:400;}
.nations ul li .image1{width:100%; float:right; margin:0px 0 15px 0; padding:0px;}
.nations ul li .image1 img{width:100%; height:auto;} 
.read7{width:130px; float:left; margin:15px 0 0 0; padding:0px; background:#d51d1d; line-height:45px; font-size:14px; color:#fff; font-weight:700; border-radius:5px; text-align:center; text-transform:uppercase; }
.read7:hover{background:#000; color:#fff}




.medieval-events{width:100%; float:left; margin:0px 0 10px 0; padding:40px 0 20px; background:#459dff}
.medieval-events h2{width:100%; float:left; margin:0px 0 30px; padding:0; line-height:36px; font-family: 'comicbd_0'; font-size:36px; color:#fff; font-weight:normal; text-align:center}
.medieval-events ul{width:100%; float:left; margin:0px; padding:0;}
.medieval-events ul li{width:31.3%; float:left; margin:0px 3% 3% 0; padding:22px; list-style:none; box-shadow:#3981d2 5px 5px 5px; background:#ffffff}
.medieval-events ul li:nth-child(3n+0){margin-right:0px;}
.medieval-events ul li h3{width:100%; float:left; margin:0px 0 20px 0; padding:0; line-height:24px; font-family: 'comicbd_0'; font-size:24px; color:#459dff; font-weight:normal;}
.medieval-events ul li p{width:100%; float:left; margin:0px 0 15px 0; padding:0px; font-size:22px; color:#333333; line-height:26px; font-weight:400;}
.medieval-events ul li .image1{width:100%; float:right; margin:0px 0 15px 0; padding:0px;}
.medieval-events ul li .image1 img{width:100%; height:auto;} 
.read8{width:130px; float:left; margin:15px 0 0 0; padding:0px; background:#459dff; line-height:45px; font-size:14px; color:#fff; font-weight:700; border-radius:5px; text-align:center; text-transform:uppercase; }
.read8:hover{background:#000; color:#fff}



.middle-age-people{width:100%; float:left; margin:0px 0 10px 0; padding:40px 0 20px; background:#008102}
.middle-age-people h2{width:100%; float:left; margin:0px 0 30px; padding:0; line-height:36px; font-family: 'comicbd_0'; font-size:36px; color:#fff; font-weight:normal; text-align:center}
.middle-age-people ul{width:100%; float:left; margin:0px; padding:0;}
.middle-age-people ul li{width:31.3%; float:left; margin:0px 3% 3% 0; padding:22px; list-style:none; box-shadow:#006a02 5px 5px 5px; background:#ffffff}
.middle-age-people ul li:nth-child(3n+0){margin-right:0px;}
.middle-age-people ul li h3{width:100%; float:left; margin:0px 0 20px 0; padding:0; line-height:24px; font-family: 'comicbd_0'; font-size:24px; color:#008102; font-weight:normal;}
.middle-age-people ul li p{width:100%; float:left; margin:0px 0 15px 0; padding:0px; font-size:22px; color:#333333; line-height:26px; font-weight:400;}
.middle-age-people ul li .image1{width:100%; float:right; margin:0px 0 15px 0; padding:0px;}
.middle-age-people ul li .image1 img{width:100%; height:auto;} 
.read9{width:130px; float:left; margin:15px 0 0 0; padding:0px; background:#008102; line-height:45px; font-size:14px; color:#fff; font-weight:700; border-radius:5px; text-align:center; text-transform:uppercase; }
.read9:hover{background:#000; color:#fff}


.history-of-egypt{width:100%; float:left; margin:0px; padding:40px 0; border-top:#fa830d 20px solid;}

.history-of-egypt-left{width:62%; float:left; margin:0 0 0 0px; padding:0px;}
.history-of-egypt-left h2.page-title{width:100%; float:right; margin:0px 0 20px 0; padding:0px; font-family: 'comicbd_0'; font-size:48px; color:#fa830d; letter-spacing:-0.5px; line-height:48px; font-weight:normal; font-style:italic}
/*.history-of-egypt-left h2.page-title:after{width:270px; content:''; display:block; border-bottom:#fcba02 3px solid; padding:20px 0 0 0;}*/
.history-of-egypt-left h2{width:100%; float:right; margin:0px 0 20px 0; padding:0px; font-family: 'comicbd_0'; font-size:36px; color:#333; letter-spacing:-0.5px; line-height:42px; font-weight:normal; font-style:italic}
.history-of-egypt-left h5{width:100%; float:right; margin:0px 0 20px 0; padding:0px; font-size:22px; color:#333333; line-height:28px; font-weight:300; }


.river-nile{width:100%; float:left; margin:20px 0 0 0; padding:0px 0;}
.river-nile h3{width:100%; float:right; margin:0px 0 30px; padding:0px 15px; font-family: 'comicbd_0'; font-size:24px; color:#fff; letter-spacing:-0.5px; line-height:48px; font-weight:normal; background:#fa830d}
.river-nile p{font-size:16px; padding:0px 0 25px 0; margin:0px; line-height:22px; color:#333333; font-weight:300;}
.river-nile p span{font-weight:700;}
.river-nile-img{float:left; margin:0 35px 30px 0;}
.river-nile h4{font-size:20px; padding:0px 0 10px 0; margin:0px; line-height:22px; color:#333333; font-weight:700;}
.seprater{width:100%; float:left; margin:0px 0 20px 0; padding:0px 0; line-height:0px;}
.seprater img{width:100%; height:auto;}
.painting-img{float:right; margin:0 0px 0px 30px;}

.events-section{width:100%; float:left; margin:20px 0 0 0; padding:20px 30px 10px; background:#4bdf51; box-shadow:5px 5px 5px #d2d2d2}
.events-section h3{width:100%; float:right; margin:0px 0 10px; padding:0px; font-family: 'comicbd_0'; font-size:24px; color:#fff; font-weight:normal;}
.events-section p{width:100%; float:left; font-size:16px; padding:0px 0 30px 0; margin:0px; line-height:22px; color:#fff; font-weight:400;}
.events-section p span{font-weight:700;}
.events-section img{width:100%; height:auto; margin:0 0 20px 0}

.seprater1{width:100%; float:left; margin:20px 0 20px 0; padding:0px 0; line-height:0px; text-align:center}
 
.useful-links{width:100%; float:left; margin:0px; padding:20px; background:#fa830d;}
.useful-links h3{width:100%; float:right; margin:0px 0 10px; padding:0px; font-family: 'comicbd_0'; font-size:24px; color:#fff; font-weight:normal;}
.useful-links p{width:100%; float:left; font-size:16px; padding:0px 0 10px 0; margin:0px; line-height:22px; color:#fff; font-weight:700;} 
.useful-links p a{color:#fff; text-decoration:underline}
.useful-links p a:hover{color:#fff; text-decoration:none}
.useful-links ul li{width:100%; float:left; font-size:16px; padding:0px 0 10px 0; margin:0px; line-height:22px; color:#fff; font-weight:700;} 
.useful-links  ul li a{color:#fff; text-decoration:underline}
.useful-links  li li a:hover{color:#fff; text-decoration:none}


.history-of-egypt-right{width:30%; float:right; margin:0px 0 0 0px; padding:23px; /* background:#282590 */}
.right-image-history{width:100%; float:left; margin:0px 0 25px 0; padding:0px; line-height:0px;}
.right-image-history img{width:100%; height:auto;}

.history-right-links{width:100%; float:left; margin:0px; padding:0px;}
.history-right-links ul{width:100%; float:left; margin:0px; padding:0px;}
.history-right-links ul li{width:100%; float:left; margin:0px 0 8px 0; padding:0px; list-style:none; background:#4bdf51; border-radius:5px; line-height:45px; font-size:18px; font-weight:700; color:#fff;}
.history-right-links ul li a{color:#fff; display:block;padding:0px 15px; border-radius:5px;}
.history-right-links ul li i{float:right; margin:14px 0 0 0;}
.history-right-links ul li a:hover{background:#fcba02}

.try-worksheet{width:100%; float:left; margin:20px 0 0 0; padding:0px;}
.try-worksheet h3{width:100%; float:right; margin:0px; padding:0px 10px; font-family: 'comicbd_0'; font-size:30px; color:#fff; line-height:60px; font-weight:normal; background:#db39a0; height:75px; text-align:center; border-radius:15px 15px 0 0;}
.try-worksheet-content{width:100%; float:left; margin:-10px 0 0 0; padding:15px; background:#fff; border-radius:15px; text-align: center}

/*=================================26-06-19========================*/
.page-template-template-content-and-sidebar.parent-pageid-9 .history-of-egypt {
    border-top: #a23cf8 20px solid;
}
.page-template-template-content-and-sidebar.parent-pageid-9 .history-of-egypt-left h2::after {
   
	border-bottom: #a23cf8 3px solid;
}
.page-template-template-content-and-sidebar.parent-pageid-9 .history-of-egypt-left h2 {
   color: #a23cf8;
	
}
.page-template-template-content-and-sidebar.parent-pageid-11 .history-of-egypt {
    border-top: #fcba02 20px solid;
}
.page-template-template-content-and-sidebar.parent-pageid-11 .useful-links h3{background: #fa830d !important;}
.page-template-template-content-and-sidebar.parent-pageid-9 .useful-links h3{background: #fa830d !important;}
/*.page-template-template-content-and-sidebar.parent-pageid-9 .history-of-egypt-left h3{background: #a23cf8;}*/
.page-template-template-content-and-sidebar.parent-pageid-11 .history-of-egypt-left h2::after {
   
	border-bottom: #fcba02 3px solid;
}
.page-template-template-content-and-sidebar.parent-pageid-11 .history-of-egypt-left h2 {
   color: #fcba02;
	
}
/*.page-template-template-content-and-sidebar.parent-pageid-11 .history-of-egypt-left h3{background: #fcba02;}*/
.page-template-template-middle-ages-page.page-id-11 .middle-ages-section{
	background: #fcba02;
}
.page-template-template-content-and-sidebar.parent-pageid-13 .history-of-egypt {
    border-top: #282590 20px solid;
}
.page-template-template-content-and-sidebar.parent-pageid-13 .history-of-egypt-left h2::after {
   
	border-bottom: #282590 3px solid;
}
.page-template-template-content-and-sidebar.parent-pageid-13 .history-of-egypt-left h2 {
   color: #282590;
	
}
.page-template-template-content-and-sidebar.parent-pageid-13 .useful-links h3{background: #fa830d !important;}
/*.page-template-template-content-and-sidebar.parent-pageid-13 .history-of-egypt-left h3{background: #282590;}*/
.page-template-template-middle-ages-page.page-id-13 .middle-ages-section{
	background: #282590;
}
.page-template-template-content-and-sidebar.parent-pageid-15 .history-of-egypt {
    border-top: #459dff 20px solid;
}
.page-template-template-content-and-sidebar.parent-pageid-15 .history-of-egypt-left h2::after {
   
	border-bottom: #459dff 3px solid;
}
.page-template-template-content-and-sidebar.parent-pageid-15 .history-of-egypt-left h2 {
   color: #459dff;
	
}
.page-template-template-content-and-sidebar.parent-pageid-15 .useful-links h3{background: #fa830d !important;}
/*.page-template-template-content-and-sidebar.parent-pageid-15 .history-of-egypt-left h3{background: #459dff;}*/
.page-template-template-middle-ages-page.page-id-15 .middle-ages-section{
	background: #459dff;
}
.page-template-template-content-and-sidebar.parent-pageid-17 .history-of-egypt {
    border-top: #a94e57 20px solid;
}
.page-template-template-content-and-sidebar.parent-pageid-17 .history-of-egypt-left h2::after {
   
	border-bottom: #a94e57 3px solid;
}
.page-template-template-content-and-sidebar.parent-pageid-17 .history-of-egypt-left h2 {
   color: #a94e57;
	
}
.page-template-template-content-and-sidebar.parent-pageid-17 .useful-links h3{background: #fa830d !important;}
/*.page-template-template-content-and-sidebar.parent-pageid-17 .history-of-egypt-left h3{background: #a94e57;}*/
.page-template-template-middle-ages-page.page-id-17 .middle-ages-section{
	background: #a94e57;
}
.page-template-template-content-and-sidebar.parent-pageid-19 .history-of-egypt {
    border-top: #4bdf51 20px solid;
}
.page-template-template-content-and-sidebar.parent-pageid-19 .history-of-egypt-left h2::after {
   
	border-bottom: #4bdf51 3px solid;
}
.page-template-template-content-and-sidebar.parent-pageid-19 .history-of-egypt-left h2 {
   color: #4bdf51;
	
}
.page-template-template-content-and-sidebar.parent-pageid-19 .useful-links h3{background: #fa830d !important;}
/*.page-template-template-content-and-sidebar.parent-pageid-19 .history-of-egypt-left h3{background: #4bdf51;}*/
.page-template-template-middle-ages-page.page-id-19 .middle-ages-section,.page-template-template-test-php.page-id-19 .middle-ages-section{
	background: #4bdf51;
}
.page-template-template-content-and-sidebar.parent-pageid-22 .history-of-egypt {
    border-top: #d51d1d 20px solid;
}
.page-template-template-content-and-sidebar.parent-pageid-22 .history-of-egypt-left h2::after {
   
	border-bottom: #d51d1d 3px solid;
}
.page-template-template-content-and-sidebar.parent-pageid-22 .history-of-egypt-left h2 {
   color: #d51d1d;
	
}
.page-template-template-content-and-sidebar.parent-pageid-22 .useful-links h3{background: #fa830d !important;}
/*.page-template-template-content-and-sidebar.parent-pageid-22 .history-of-egypt-left h3{background: #d51d1d;}*/
.page-template-template-middle-ages-page.page-id-22 .middle-ages-section{
	background: #d51d1d;
}
.page-template-template-content-and-sidebar.parent-pageid-24 .history-of-egypt {
    border-top: #db39a0 20px solid;
}
.page-template-template-content-and-sidebar.parent-pageid-24 .history-of-egypt-left h2::after {
   
	border-bottom: #db39a0 3px solid;
}
.page-template-template-content-and-sidebar.parent-pageid-24 .history-of-egypt-left h2 {
   color: #db39a0;
	
}
.page-template-template-content-and-sidebar.parent-pageid-24 .useful-links h3{background: #fa830d !important;}
/*.page-template-template-content-and-sidebar.parent-pageid-24 .history-of-egypt-left h3{background: #db39a0;}*/
.page-template-template-middle-ages-page.page-id-24 .middle-ages-section{
	background: #db39a0;
}
.page-template-template-content-and-sidebar.parent-pageid-1796 .history-of-egypt {
    border-top: #4bdf51 20px solid;
}
.page-template-template-content-and-sidebar.parent-pageid-1796 .history-of-egypt-left h2::after {
   
	border-bottom: #4bdf51 3px solid;
}
.page-template-template-content-and-sidebar.parent-pageid-1796 .history-of-egypt-left h2 {
   color: #4bdf51;
	
}
.page-template-template-content-and-sidebar.parent-pageid-1796 .useful-links h3{background: #fa830d !important;}
/*.page-template-template-content-and-sidebar.parent-pageid-1796 .history-of-egypt-left h3{background: #4bdf51;}*/
.page-template-template-middle-ages-page.page-id-1796 .middle-ages-section{
	background: #4bdf51;
}
.page-template-template-main-page.page-id-19 .ancient-egypt-section {

    background: #4bdf51;

}
.page-template-template-main-page.page-id-19 .ancient-egypt-left h2::after{border-bottom: #fff 3px solid;}
.page-template-template-middle-ages-page.page-id-1796.parent-pageid-19 .ancient-egypt-left h2::after { border-bottom: #fff 3px solid;
}
.page-template-template-content-and-sidebar.parent-pageid-1828 .history-of-egypt-left h2::after {
border-bottom: #4bdf51 3px solid;
}
.page-template-template-content-and-sidebar.parent-pageid-1828 .history-of-egypt-left h2 {
color: #4bdf51;
}
.page-template-template-content-and-sidebar.parent-pageid-1828 .history-of-egypt{border-top: #4bdf51 20px solid;}