.page-title-block {
	background: url("../images/bg-global.png") no-repeat;
    background-size: cover;
    text-align: center;
    padding: 20px;
    color: #FFF;
}

.page-title-block .page-title {
	text-align: center;
	color: #FFF;
	font-size: 38px;
	line-height: 46px;
	font-weight: 700;
}

.page-title-block h2.sub-title {
	font-size: 28px;
	color: #FFF;
	font-weight: 200;
}

textarea {
	width: 100%;
}


.blog-carousel { position: relative; }
.blog-carousel:after, .blog-carousel:before {
  content: '';
  z-index: -1;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center; }
.blog-carousel:before {
  left: -105px;
  bottom: 40px;
  width: 210px;
  height: 220px;
  /*background-image: url(../images/blog/shape-1.png); */


}
.blog-carousel:after {
  top: -30px;
/*   right: -65px; */
  width: 230px;
  height: 210px;
/*  background-image: url(../images/blog/shape-2.png); */

}
  
 
.table-style1, .table-style2, .table-style3, .zebra {
	width: 100%;
	border-collapse: collapse;
}

.table-style1 tr:first-child td {
    background: #EEEEEE;
    border: 1px solid #DDDDDD;
    color: #000;
    font-size: 90%;
}

.table-style1 td {
    padding: 10px !important;
    vertical-align: top;
    border: 1px solid #DDD;
}

 
.table-style2 tr:first-child td {
    background: #138afd;
    border: 1px solid #138afd;
    color: #FFF;
    font-size: 90%;
}

.table-style2 td {
    padding: 10px !important;
    vertical-align: top;
    border: 1px solid #DDD;
}

.table-style3 {
	border: 0;
}

.table-style3 tr:first-child td {
    background: #138afd;
    border: 0;
    border-top: 1px solid #138afd;
    color: #FFF;
    font-size: 90%;
}

.table-style3 td {
    padding: 10px !important;
    vertical-align: top;
    border: 0;
    border-top: 1px solid #DDD;
    
}

.zebra tr:first-child td {
    background: #138afd;
    border: 1px solid #138afd;
    color: #fff !important;
    font-size: 100%;
}

.zebra tr:first-child td h3, .zebra tr:first-child td h4 {
	color: #fff !important;
}
	

.zebra td {
    padding: 10px !important;
    vertical-align: top;
    border: 1px solid #DDD;
}


.zebra tr:nth-child(odd) {background: #F4F4F4}
.zebra tr:nth-child(even) {background: #FFF}

.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pager {
 text-align:center
}
.pager ul.pager__items {
 display:inline-block;
 margin:30px 0 30px;
 padding:0
}
.pager ul.pager__items>li {
 list-style-type:none;
 float:left;
 margin-right:10px;
 font-family:"gilmer";
 font-size:14px
}
.pager ul.pager__items>li a {
 border:1px solid #dee2e6;
 font-weight:700;
 display:inline-block;
 line-height:34px;
 margin:0 1px;
 text-align:center;
 margin-right:10px;
 padding:0 15px;
 border-radius:4px;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 -ms-border-radius:4px;
 -o-border-radius:4px;
 text-transform:uppercase;
 background:#fff
}
.pager ul.pager__items>li a:last-child {
 margin-right:0
}
.pager ul.pager__items>li a:hover {
 background:#138afd;
 color:#fff;
 border-color:#138afd;
}
.pager ul.pager__items>li a:hover:after {
 color:#fff
}
.pager ul.pager__items>li.pager__item--next {
 font-size:12px;
}
.pager ul.pager__items>li.pager__item--last {
 font-size:12px;
}
.pager ul.pager__items>li.is-active a {
 background:#138afd;
 color:#fff;
 border-color:#138afd;
}
.pager ul.pager__items>li.is-active a:after {
 color:#fff;
}


 span.arrow {
    border: 2px solid black;
    border-bottom: none;
    border-right: none;
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-bottom: -5px;
    margin-top: 10px;
	margin-right: 20px;
    float: right;
}


.sidebar-menu-wrapper .sidebar-menu .menu-list > li.menu-item-has-child:hover:after {
    transform: rotate(215deg);
}


.sidebar-menu-wrapper .sidebar-menu .menu-list > li.menu-item-has-child:hover:after .collapse {
   	display: block;
}

section.code-details-section .info-code-right ul#pills-tab li a.active {
  font-weight: 600;
  border-bottom-color: #E03636;
  outline: 1px dotted transparent;
  outline-offset: -1px;
}

.code-details-section .info-code-right ul#pills-tab li a.show {
  font-weight: inherit;
  border-bottom-color: transparent;
  outline: inherit;
  outline-offset: inherit;
}

 /******** Start search page ********/

.search {
    color: $menu-link-color;
    padding-left: 30px;
    // border-left: 1px solid rgba(255, 255, 255, 0.1); 
}
.search .icon {
	cursor: pointer; 
}


.search .search-form {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(37, 90, 156, .95);
    display: none;
    z-index: 999;
}

.search .search-form form {
	width: 600px;
	position: absolute;
	left: calc(50% - 300px);
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%); 
}

@media screen and (max-width: 400px) { /* 920px */
    .search .search-form form {
        width: 90%;
        left: 10px;
    }
}
.search .search-form form input {
	padding: 15px 0;
	font-size: 40px;
	color: #FFFFFF !important;
	text-align: left;
	background: transparent;
	border: 0;
	border-bottom: 2px solid #FFFFFF; 
	border-radius: 0;
	&::placeholder {
		color: #FFFFFF !important;
		opacity: 0.7;
	}
}



.search .search-form .close {
	position: absolute;
	top: 20%;
	right: 0;
	color: #fff;
	font-size: 40px;
	opacity: 1;
	cursor: pointer; 
}

.hide, .hidden {
    display: none !important;
}

/******** End Search Box ********/