/* General Styles */
.urlul {
  padding: 10px;
}

.single-column {
  flex-direction: column;
  align-items: flex-start;
}

.single-column a {
  display: block;
  text-decoration: none;
  color: #000;
  padding: 10px;
  background-color: #f5fcfe;
  border: 1px solid #6ca8ff;
  border-radius: 10px;
  margin-bottom: 10px;
  transition: all 0.3s ease;
}

.single-column a:hover {
  background-color: #3365ff;
  border-color: #3365ff;
  color: white;
}


/*Category list*/

.list-url dl{margin-bottom:30px;line-height:1.4}
.list-url dl a{text-decoration:none;display:block;color:#000}
.list-url dt{margin-bottom:8px;padding-top:10px;font-weight:600;font-size:1.25em;clear:both}
.list-url dt a:hover{text-decoration:underline;color:#C00}
.list-url dd{margin:0 4px 8px 0;float:left}
.list-url dd a{border:1px solid #48c8f5;background:#D5EDF7;white-space:nowrap;border-radius:15px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
padding:0 7px}
.list-url dd a:hover{border-color:#3365ff;background:#3365ff;color:#fff}

.clear{clear:both}
.clearfix:before,.clearfix:after{
	content:" ";
	display:table
}
.clearfix:after{
	clear:both
}
.clearfix{
	*zoom:1
}

/*End Category list*/


.h2title{
padding-left: 5px;}

.h3list{
font-size: 25px;
}

/*   layoult box start */
.grid-layout {
    display: flex;
    flex-wrap: wrap;
}
.grid-col {
	
    flex: 1;
 /* min-width: calc(33.33% - 20px); */
    margin: 10px;
    box-sizing: border-box;
}

.grid-col a {
  display: block;
  text-decoration: none;
  color: #000;
  padding: 10px;
  background-color: #f5fcfe;
  border: 1px solid #6ca8ff;
  border-radius: 10px;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.grid-col a:hover {
  background-color: #3365ff;
  border-color: #3365ff;
  color: white;
}
@media (max-width: 768px) {
  .grid-layout {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  }
}

@media (max-width: 480px) {
  .grid-layout {
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  }
}
@media (max-width: 768px) {
    .grid-col {
        flex-basis: calc(50% - 20px);
    }
}

div.grid-layout2 div.grid-col {
	float: left;
	width: 49.95%;
}
div.grid-layout3 div.grid-col {
	float: left;
	width: 33.3%;
}
div.grid-layout4 div.grid-col {
	float: left;
	width: 24.96%;
}
div.grid-layout5 div.grid-col {
	float: left;
	width: 19.98%;
}
div.grid-layout6 div.grid-col {
	float: left;
	width: 16.65%;
}
div.grid-layout div.grid-col div.grid-col_inner {
	margin-right: 10px;
}
div.grid-layout div.grid-lastcol div.grid-col_inner {
	margin-right: 0;
}

/*   layoult box start */


/* -m-s- */

.sp-module.box-blue {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px #666;
	-moz-box-shadow: 0px 0px 4px #666;
	-webkit-box-shadow: 0px 0px 4px #666;
        padding: 15px;
        color: #000;
}
.sp-module.box-blue-search {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px #666;
	-moz-box-shadow: 0px 0px 4px #666;
	-webkit-box-shadow: 0px 0px 4px #666;
        padding: 15px;
        color: #000;
        margin-top: 20px;
}
.sp-module.box-canvas {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px #666;
	-moz-box-shadow: 0px 0px 4px #666;
	-webkit-box-shadow: 0px 0px 4px #666;
        padding: 15px;
}

.sp-module.box-canvas-search {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px #666;
	-moz-box-shadow: 0px 0px 4px #666;
	-webkit-box-shadow: 0px 0px 4px #666;
        padding: 15px;
        color: #000;
}

article.item {
  margin-bottom: 50px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px #666;
	-moz-box-shadow: 0px 0px 4px #666;
	-webkit-box-shadow: 0px 0px 4px #666;
        padding: 15px; 
}

.awesomplete {
  display: flow-root;
  position: relative;
}

.search-title {
        color: #fff;
	font-size: 25px;
}

#search-results {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0px 0px 4px #666;
  -moz-box-shadow: 0px 0px 4px #666;
  -webkit-box-shadow: 0px 0px 4px #666;
  padding: 15px;
}

h4.result-title {
margin:0 1px 1px 0;
background: #007BFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
white-space: normal;
color:white;
padding: 5px;
}

h4.result-title a{
color:#eeeded;
}

h4.result-title a:hover{
border-color:#3365ff;color:white;
}

.offcanvas-menu .offcanvas-inner .sp-module {
  margin: 0;
    margin-bottom: 0px;
 padding: 0px 30px 0px 30px;
}

/* text-info */

.text-info {
  border-top: 2px solid #B7D2F2;
  border-bottom: 2px solid #B7D2F2;
  background: #DBE7F8;
  padding: 0.8em 0.8em 0.8em 0.8em;
  min-height: 20px;
  font-size: 18px;
}

#sp-bottom {
  background-color: #f5f5f5;
  padding: 55px 0px;
  } 
  /* text-info end */
  /* parteners-linck*/

        .parteners-linck {
            background-color: white;
            border-radius: 5px;
            padding: 15px;
            margin-bottom: 10px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
padding: 15px;
        }
        .parteners-title {
            font-size: 18px;
            color: #1a0dab;
            text-decoration: none;
        }
        .parteners-url {
            color: #006621;
            font-size: 14px;
            margin: 5px 0;
        }
        .parteners-description {
            font-size: 14px;
            color: #545454;
        }
  /* parteners-linck end */

