.layoutLeft{
  background-image: url("../img/pattern1.png"), url("../img/pattern2.png");
  background-position: left top, right top;
  background-repeat: repeat-y;
  background-size: 200px auto;
}

html.blackTheme .layoutLeft{
	background-image: url("../img/patternBlack1.png"), url("../img/patternBlack2.png");
}
.header .container{
   min-height: 360px;
   padding: 30px 0;
   background-size: cover;
   background-position: center;
   text-shadow: 0 0 2px #ccc;
   text-align: center;
}
/* .tophead{ */
   /* background: #fff;
   color: #21213C; */
   /* transition: 0.3s; */
/* } */
.tophead.fix{
   position: fixed;
   width: 100%;
   background: #fa6e23 !important;
   color: #fff;
   top: 70px;
   left: 0;
   z-index: 99;
}
.tophead.fix .bg-white{
  background: transparent;
}
.tophead .links a{
   line-height: 32px;
}
.tophead .links a:hover{
   text-decoration: underline;
}
.tophead .social a{
	position: relative;
	display: inline-block;
	width: 32px;
	height: 32px;
	text-align: center;
	padding: 6px 0;
	z-index: 2;
}
.tophead .social a:hover img{
	animation: swing 0.6s;
}
.tophead .social a img{
	position: relative;
	height: 20px;
	z-index: 2;
}
.tophead .social a::after{
	content: ''; display: block;
	position: absolute; top: 0; left: 0;
	border-radius: 20px;
	width: 100%;
	height: 100%;
	background-color: #5274DC;
	transition: 0.3s cubic-bezier(.56,.09,.41,1.85);
}
.tophead.fix .social a::after{
   transform: scale(0);
}
.tophead.fix .social a:hover::after{
	transform: scale(1);
}
.tophead .social a.instagram::after{
	background: #DC3278; background: linear-gradient(45deg,#FEC561,#C10060,#4B0082);
}
.tophead .social a.facebook::after{
	background: #4B6AC8;
}
.tophead .social a.telegram::after{
	background: #29A1DD;
}
.tophead .social a.twitter::after{
	background: #2EC1E2;
}

.card,
.leftNews,
.uses{
   box-shadow: 0 0 24px rgba(82,116,220,0.3);
}
html.blackTheme .card,
html.blackTheme .leftNews,
html.blackTheme .uses{
   box-shadow: 0 0 12px rgba(255,255,255,0.1);
}
.cardTitle{
   padding: 10px;
   font-size: 20px;
   text-align: center;
   border-bottom: 1px solid #fff;
}
html.blackTheme .cardTitle{
   border-bottom-color: #000; 
}
.cardBody{
   /* border: 1px solid #E6E6FA; */
   border-top: none;
}
html.blackTheme .cardBody{
   border-color: #111;
}
.cardBody:not(.news) a{
   display: block;
   padding: 10px;
   transition: 0.2s;
}
.cardBody:not(.news) a:hover{
   background: #fa6e23;
   color: #fff;
}

.layoutLeft .newOne{
   padding: 10px;
}
.layoutLeft .newOne img{
   width: 100%;
   height: 120px;
   object-fit: cover;
   object-position: center;
}

.layoutLeft .uses .useful{
   height: 90px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 5px 2.5%;
   transition: 0.3s;
   border: 1px solid #f5f5f5;
   box-shadow: 0 12px 20px -8px rgba(82,116,220,0.2);
}
html.blackTheme .layoutLeft .uses .useful{
   border-color: #222;
}
.layoutLeft .uses .useful:hover{
   box-shadow: 0 20px 20px -12px rgba(82,116,220,0.1);
   transform: translateY(-5px);
   color: #fa6e23;
}
.layoutLeft .uses .useful img{
   max-width: 95%;
   max-height: 80px;
}
.layoutLeft .uses a{
   padding: 5px 10px;
}
.layoutLeft .uses a:hover{
   background: initial;
   color: initial;
}
.contents .lineBlack{
  display: none;
}
html.blackTheme .contents .lineBlack{
  display: inline-block;
}

html.blackTheme .contents .line{
  display: none;
}
#breadcrumbs-two{
   overflow: hidden;
   width: 100%;
 }
 
 #breadcrumbs-two li{
   float: left;
   margin: 0 .5em 0 1em;
 }
 
 #breadcrumbs-two a{
   background: #01305a;
   color: #fff;
   padding: 5px 2px 5px 8px;
   float: left;
   text-decoration: none;
   /* text-shadow: 0 1px 0 rgba(255,255,255,.5);  */
   position: relative;
 }
 
 /* #breadcrumbs-two a:not(.current):hover{
   background: #5274DC;
   color: #fff;
 } */
 #breadcrumbs-two a::before{
   content: "";
   position: absolute;
   top: 50%; 
   margin-top: -15px;
   border-width: 15px 0 15px 10px;
   border-style: solid;
   border-color: #01305a #01305a #01305a transparent;
   left: -10px;
 }
 
 /* #breadcrumbs-two a:hover::before{
   border-color: #5274DC #5274DC #5274DC transparent;
 } */
 
 #breadcrumbs-two a::after{
   content: "";
   position: absolute;
   top: 50%; 
   margin-top: -15px;
   border-top: 15px solid transparent;
   border-bottom: 15px solid transparent;
   border-left: 10px solid #01305a;
   right: -10px;
 }
 
 /* #breadcrumbs-two a:hover::after{
   border-left-color: #5274DC;
 } */
 
 #breadcrumbs-two .active,
 #breadcrumbs-two .active:hover{
   background: none !important;
   padding-left: 0;
   color: #111;
   /*border-bottom: 2px solid #5274DC;*/
   /*color: #5274DC;*/
     padding-top: 5px;
 }
 
 #breadcrumbs-two .current::after,
 #breadcrumbs-two .current::before{
   content: normal;
 }

 
 .fix #breadcrumbs-two a{
   background: #fa6e23;
}
.fix #breadcrumbs-two a:not(.current):hover{
   background: #01305a;
   color: #fff;
 }
 
 .fix #breadcrumbs-two a::before{
   border-color: #fa6e23 #fa6e23 #fa6e23 transparent;
 }
 
 .fix #breadcrumbs-two a:hover::before{
   border-color: #fff #fff #fff transparent;
 }
 
 .fix #breadcrumbs-two a::after{
   border-left: 10px solid #01305a;
 }
 
 .fix #breadcrumbs-two a:hover::after{
   border-left-color: #fff;
 }
 .fix #breadcrumbs-two .active,
 .fix #breadcrumbs-two .active:hover{
   font-weight: normal;
   background: none !important;
   color: #fff;
   /*border-bottom: 2px solid #fff;*/
 }

 .sitemapList ul{
   list-style-type: square;
 }
 .sitemapList a:hover{
   text-decoration: underline;
 }
.sitemapList div.title{
   border-bottom: 2px solid #F4F6FA;
 }
#gallery.gallery{
   background: none;
 }
.contents .pagination a{
   display: inline-block;
   width: 32px;
   height: 32px;
   line-height: 32px;
   text-align: center;
   margin: 5px 0;
   border: 1px solid #eee;
 }
.contents .pagination a.active,
.contents .pagination a:hover{
   background: #fa6e23;
   border-color: #fa6e23;
   color: #fff;
}

ol{
    list-style: none;
}