/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap'); */
 /* @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css'); */

* {
	 outline: none !important;
}
html {
	scroll-behavior: smooth;
}
body {
   font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #212529;
  font-size: 0.9rem;
}

.breadcrumb
{
  list-style-type: none;
  display: flex;
}

.breadcrumb-item::before {
  display: inline-block;
  padding-right: .5rem;
  color: #6c757d;
  content: "/";
  padding-left: 0.5rem;
}

.breadcrumb-item:first-of-type::before {
  content: "" !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body .watermark-img 
{
	width: 50%;
    border-radius: 25px;
    opacity: 0.25;
    z-index: -1;
    position: fixed;
    left: 24%;
    top: 20%;  
}

@media screen and (max-width: 780px) {
  .article-top
  {
    margin-top: 50px;
  }
  
  body .watermark-img 
  {
    width: 60%;
    top: 30%;  
  }
}

.body-container .com-content-article__body table ul 
{
	display:flex;
  	flex-wrap:wrap;
}

.body-container .com-content-article__body table ul li
{
	flex: 50%;
}

@media (max-width: 768px)
{
  .body-container .com-content-article__body table ul 
  {
    padding-left: 6px;
  }
}


body h1 
{
    color: #1DA1F2;
	font-size: 1.5rem !important;  
}

body h2 
{
    color: #1DA1F2;
}

body h3 
{
    color: #000;
	font-size: 1.2rem !important;  
}


body h2 .container a
{
    color: #1DA1F2;
}


.banner-top .container 
{
	max-width: 1300px;  
}

@media (max-width: 768px)
{
  .mobile-sidebar-view
  {
    display:block !important;
  }
}

.mylivechat_buttonround
{
  background-color: #1DA1F2 !important;
}
.cleft ul
{
  /* background-color: #1DA1F2 !important; */
  padding: 8px !important;
  margin: 0 !important;
  list-style: none !important;
  border: 2px dashed #1DA1F2;
  border-top: none;
  margin-bottom: 1rem !important;
  /* animation: fadeIn 1s ease-in both; */
  transition: all 0.4s ease-in-out;
  transform-origin: left top;
  transform: scaleY(0);
}

.cleft ul li
{
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.cleft ul li a
{
    display: block;
    width: 100%;
    padding: 5px 0px 5px 0px !important;
    margin: 0 !important;
    margin-bottom: 0px;
    border: 2px solid #Add8e6;
    text-decoration: none;
    font-weight: normal !important;
    font-size: 0.8rem;
    color: #000;
    border-radius: 30px;
    background-color: #Add8e6;
    margin-bottom: 0.5rem !important;
    text-align: center;
    animation: fadeIn 1s ease-in both;
}
.cleft ul li a:hover, .cleft ul li a:focus
{
    display: block;
    width: 100%;
    padding: 5px !important;
    margin: 0 !important;
    margin-bottom: 0px;
    margin-bottom: 0px;
    border: 2px solid #93E9BE;
    text-decoration: none;
    font-weight: normal !important;
    font-size: 0.85rem;
    color: #000;
    background-color: #fff;
    border-radius: 30px;
    margin-bottom: 0.5rem !important;
    font-weight: 900 !important;
}


.cleft h3
{
  background-color: #1DA1F2;
  padding: 10px !important;
  margin: 0 !important;
  color: #000  !important;
  font-size: 1rem !important;
  /* background-color: #000; */
  border: 1px solid #fff;
}


.cleft .moduletable h3::after
{
  background-image: none !important;
  content: "" !important;
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  width: 0 !important;
}

.cleft h3 a,.cleft h3 a:hover,.cleft h3 a:focus
{
  padding: 0 !important;
  margin: 0 !important;
  color: #fff  !important;
  font-size: 1rem !important;
}


.cright ul
{
  background-color: #D6ECD2 !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.cright ul li
{
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.cright ul li a
{
  display: block;
  width: 100%;
  padding: 5px !important;
  margin: 0 !important;
  border-bottom: 1px solid #fff;
  text-decoration: none;
  font-weight: normal !important;
  font-size: 0.8rem;
  color: #000;
}
.cright ul li a:hover, .cright ul li a:focus
{
  display: block;
  width: 100%;
  padding: 5px !important;
  margin: 0 !important;
  border-bottom: 1px solid #fff;
  text-decoration: none;
  font-weight: normal !important;
  font-size: 0.8rem;
  color: #1DA1F2;
  background-color: #c7dbc3;
}


.cright h3
{
  background-color: #1DA1F2;
  padding: 10px !important;
  margin: 0 !important;
  color: #fff  !important;
  font-size: 1rem !important;
}


.cright .moduletable h3::after
{
  background-image: none !important;
  content: "" !important;
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  width: 0 !important;
}

.cright h3 a,.cright h3 a:hover,.cright h3 a:focus
{
  padding: 0 !important;
  margin: 0 !important;
  color: #fff  !important;
  font-size: 1rem !important;
}






.menu-footer1
{
  background-color: #1DA1F2;
  color: #fff;
}
.menu-footer1 a{
  color:#fff;
}


.modal-body li{
  display: block;
  width: 100%;
}
.modal-body li a{
  display: block;
  width: 100%;
  padding: 10px;
  font-size: 0.9rem;
  color: #fff;
  background-color: rgba(0,0,0,0.1);
  border-bottom: #fff 1px solid;
}

.mod-finder__search{
  max-width: 400px;
  float:right;
  margin-bottom: 2rem;
}
#search-form{
  display: none;
}
.mod-finder__search .btn-primary{
  background-color: #212529 !important;
  border-color: #212529 !important;
}

a {
	color: #1DA1F2;
	text-decoration: none;
}
a:hover, a:focus, a:active {
	color: #212529;
	text-decoration: none;
}
p {
	margin: 0;
	padding: 0;
}
.article-bottom form
{
    background: #DEE5FF;
    padding: 30px;
}
.alert ul, .alert p{
  margin-bottom:0;
}
.btn-success {
  color: #fff !important;
  /* border-bottom: 0 none !important; */
  font-size: 0.9rem !important;
}
.breadcrumb {
    background-color: #DEE5FF;
}
table {
  width: 100% !important;
  margin-bottom: 1rem;
  margin-top: 1rem;
}


table thead th, table thead tr {
  background-color: #1DA1F2;
}
table thead th td, table thead tr td{
  background-color: #000;
  padding: 10px;
  text-align: left !important;
  width: auto !important;
   font-weight: 600;
  color: #fff;
  border: 1px solid #000;
}
table tbody tr {
  background-color: #fff;
}
tr:nth-child(even) {
  background-color: #fff;
}
table tbody td{
  padding: 10px;
  text-align: left !important;
  width: auto !important;
  font-weight: 400;
  color: #212529;
  border: 1px solid #000;
}

b, strong {
	font-weight: 600;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  text-align: left !important;
}
ul.pointer {
  margin-bottom: 2rem !important;
}
ul.pointer li a {
    padding: 0.75rem 2.3rem 0.75rem 0.75rem !important;
    background: #fff url('../images/angles-right.png') no-repeat right center;
    border: #1DA1F2 2px solid !important;
    display: block;
    margin: 10px 15px 10px 0;
    line-height: 1.3;
    font-weight: 400;
    color: #212529;
    background-size: 8%;
}


ul.pointer li a:hover,ul.pointer li a:focus {
  border: 0 none;
  background: #fff url('../images/angles-right-active.png') no-repeat right center;
  background-size: 8%;
}
ul.pointer li{
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
  width: 49%;
}

.top {
    display: block;
    padding: 2px 7px;
    border-radius: 5px;
    /*left: 30px;*/
  	right: 20px;
    bottom: 75px;
    background-color: #1DA1F2;
    color: #fff;
    text-align: center;
    position: fixed;
    width: 33px;
    font-size: 19px;
}

.mobi-btn ul, ul.pointer {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block !important;
}
.mobi-btn ul li{
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}
.mobi-btn a {
    color: #fff;
    text-decoration: none;
    border: 0 none;
    padding: 1rem 0;
    display: inline-block;
    margin-right: 15px;
    font-weight: 600;
}

.mobi-btn a i{
  color: #212529;
  font-size: 24px;
  vertical-align: middle;
}


blockquote {
  background-color: #DEE5FF;
  padding: 25px;
  border-left: 5px solid #1DA1F2;
  margin-bottom: 25px;
}
blockquote p, blockquote li{
  padding: 0;
  margin: 0 !important;
  text-align: left !important;
}
blockquote ul{
  padding-left: 15px;
}
input, button, textarea, select {
  font-size: 0.9rem !important;
}
input.form-control, input.form-control:focus, .form-control:focus  {
    box-shadow: none !important;
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   -moz-transition: none !important;
   -webkit-transition: none !important;
}

.body-container h2::after, .body-container h1::after, .body-container .moduletable h3::after {
    background-image: -webkit-linear-gradient(to left,#DEE5FF 50%,#1DA1F2 50%);
    background-image: linear-gradient(to left,#DEE5FF 50%,#1DA1F2 50%);
    content: "";
    display: block;
    height: 10px;
    margin: 10px 0 20px 0;
    width: 125px;
}


dt.article-info-term {
  display: none;
}
.text-muted {
  color: #6c757d !important;
  font-size: 0.85rem;
}

.banner-top-right form {
    padding: 2rem;
    background-color: #fff;
    border-radius: 1rem;
  	margin-bottom: 1rem;
}
.banner-top-right form h3 {
    font-size: 1.2rem;
    margin-bottom: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
}

.body-container ul.pg_contents {
  /* margin:0 0rem 3rem 3rem; */
  /* padding:3rem; */
  list-style: none;
  /* border: 3px solid #1DA1F2; */
  display: block;
  /* background-color: #fff;  */
  float:right;
  width:35%;
}
.body-container ul.pg_contents li{
  margin:0;
  padding:0;
  padding-left: 30px;
  padding-bottom: 7px;
  color: #fff;
  padding-right: 5px;
  background: linear-gradient(to right, #1da1f2 50%, #add8e6 50%);
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
}

.body-container ul.pg_contents li a:before{
  	content: "";
    border-color: transparent #000;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 1em;
    position: relative;
}

.body-container ul.pg_contents li strong {
  font-size: 1.3rem;
  font-weight: 400;
  color: #212529;
}
.body-container ul.pg_contents li a {
  display: block;
  
  margin-top: 0.2rem;
  font-weight: 400; 
  text-decoration:none;
  border-bottom: 0 none;
}


.body-container ul.pg_contents li a:hover,.body-container ul.pg_contents li a:focus {
  text-decoration: underline;
}


.notification {
	background-color: #1473E6;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	font-size: 0.90rem;
}
.notification a {
	color: #fff;
}
.notification a:hover, .notification a:focus, .notification a:active {
	color: #fff;
}
.header {
	padding: 20px 0;
	background-color: #fff;
  	margin-top:20px;
	-webkit-box-shadow: 0 6px 10px 0 #ccc;
	-moz-box-shadow:    0 6px 10px 0 #ccc;
	box-shadow:         0 6px 10px 0 #ccc;
}
@media screen and (max-width: 780px) {
  .header {
  	margin-top: 0px;
  }
}
.header-left p {
	text-align: center;
}
.header-right ul {
  margin: 0;
  margin-top: 7px;
  padding: 0;
  list-style: none;
  float: right;
  
}
.header-right ul li{
  display: inline-block;
  margin-right: 40px;
  font-weight: 400;
  font-size: 0.9rem;
}
.header-right ul li a{
  color: #212529;
}
.header-right ul li a strong{
  
}
.header-right ul li a i{
  color: #F6C600;
}
.header-right ul li.ikn-phone a strong{
  font-size: 1rem;
}
.menu-main {
  background-color: #1DA1F2;  
}

/* DROPDOWN MENU SUPERFISH */

/*** ESSENTIAL STYLES ***/
.nav li.parent > a{
  padding-right: 15px;
  background: transparent url('../images/dsarrow.png') no-repeat center right !important;
}
.nav ul li.parent > a {
  background: transparent url('../images/sarrow.png') no-repeat center right !important;
}
.nav ul li.parent > a:hover {
  background: #c0df98 url('../images/sarrow.png') no-repeat center right !important;
  color: #212529;
}
.nav, .nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav li {
  position: relative;
}
.nav ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}
.nav > li {
  float: left;
}
.nav li:hover > ul,
.nav li.sfHover > ul {
  display: block;
}

.nav a {
  display: block;
  position: relative;
}
.nav ul ul {
  top: 0;
  left: 100%;
}


/*** DEMO SKIN ***/
.nav {
  float: left;
}
.nav ul {
  box-shadow: 2px 2px 6px rgba(0,0,0,.2);
  min-width: 12em; /* allow long menu items to determine submenu width */
  *width: 12em; /* no auto sub width for IE7, see white-space comment below */
  border: none;
}
.nav a {
  margin: 1.5em 1.5em 1.5em 0;
  text-decoration: none;
  zoom: 1; /* IE7 */
}
.nav ul a {
  text-transform: none;
  padding: .25em .50em;
    color: #212529;
  background-color: #ffffff;
  text-decoration: none;
  zoom: 1; /* IE7 */
  border-bottom: 1px dotted #ccc;
    margin: 0 !important;
    text-align: left;
  text-shadow:  0 0 0 !important;
    font-size: 0.9rem !important;
  font-weight: 400 !important;
}
.nav ul a:hover {
    color: #212529;
    background-color: #93E9BE;
    transform: scale(1) !important;
}

.nav ul ul a{
  
  font-size: 0.9rem;
  font-weight: 400;
}
.nav a {
  color: #fff;
  font-size: 0.835rem;
  font-weight: 600;
}
.nav a:hover, .nav a:focus {
  color: #93E9BE;
  text-decoration: none;
  transition: all ease-in 0.5s !important;
  transform: scale(1.1) !important;
}
.nav li a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: 0;
  left: 0;
  background-color: #93E9BE;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.nav li a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


.nav li li a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: 0;
  left: 0;
  background-color: transparent;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.nav li {
  white-space: nowrap; /* no need for Supersubs plugin */
  *white-space: normal; /* ...unless you support IE7 (let it wrap) */
  -webkit-transition: background .2s;
  transition: background .2s;
}
.nav ul li {
  background: #fff;
}
.nav ul ul li {
  background: #fff;
}
.nav li:hover,
.nav li.sfHover {
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
  /*padding-right: 2.5em;*/
  *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work
  border: 5px solid transparent;
  border-top-color: #dFeEFF; edit this to suit design (no rgba in IE8)
  border-top-color: rgba(255,255,255,.5);*/
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
  border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color: white;
}



/* MOBILE MENU - MODAL WINDOW [START] */

.modal.left .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body {
    padding: 0;
}

.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog {
    left: 0;
}

.modal-content {
    border-radius: 0;
    border: none;
}
.modal-header {
  border-bottom-color: #fff;
  background-color: #fff;
  color:#212529;
  border-radius: 0;
}
.modal-header .close{
   color: #212529;
   opacity: 1;
   font-size: 1.6rem !important;
}
/*
.modal-content ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
}
.modal-content ul li {
   list-style-type: none;
   width: 100%;
   padding: 0;
   margin: 0;
}
.modal-content ul li a {
  font-size: 13px;
  color: #fff;
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 5px;
  border-bottom: 1px dotted rgba(255,255,255,0.3)
}
.modal-content ul li a::before {
  content: "\ea46";
  font-family: 'LineIcons' !important;
  margin-right: 10px;
  margin-left: 5px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size:12px;
  vertical-align: middle;
}
.modal-content ul li a:hover,
.modal-content ul li a:focus,
.modal-content ul li a:active,
.modal-content li.current > a {
  color: #fff;
  background-color: rgba(255,255,255,0.1);
}
*/

.modal-body {
  background-color: #1DA1F2;
  color: #fff;
}
.modal-footer {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border: 0 none;
  background: #fff;
}
/* MOBILE MENU - MODAL WINDOW [END] */


.banner-top {
  padding: 0px 0;
  background: #DEE5FF url('../images/pat1.png') no-repeat center bottom;
}
.banner-top-left {
  /* padding-top: 15px; */
}
.banner-top h1,.banner-top h2 {
    color: #1DA1F2;
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    margin-top: 3rem;
}
.banner-top p {
    color: #333;
    font-weight: 400;
    font-size: 0.95rem;
    text-align: left;
    line-height: 2;
    margin-bottom: 1.5rem;
}
.btn-success{
    color: #fff;
    background-color: #1DA1F2;
    border-color: #93E9BE;
    border: 2px solid #93E9BE;
    margin-right: 0.5rem;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.focus, btn-success:not(:disabled):not(.disabled):active:focus {
    color: #000 !important;
    background-color: transparent !important;
    border-color: #93E9BE !important;
    box-shadow: none !important;
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   -moz-transition: none !important;
   -webkit-transition: none !important;
}

.body-container {
  padding: 0rem 1rem;
  font-weight: 400;
  color: #000;
}

@media (min-width: 1200px)
{
	.body-container .container
	{
		max-width: 1300px  !important;  
	}
  
  	.menu-main .container
	{
		max-width: 1300px  !important;  
	}
  
  	.header .container 
  	{
    	max-width: 1400px !important;
  	}
}

.body-container p {
  text-align: justify !important;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: 1rem;
}
.body-container li {
  line-height: 1.8;
}

.body-container .pg_contents li {
  line-height: 1.3;
}

.body-container .pg_contents li a {
  display: block;
  margin-top: 1px;
  font-weight: 400;
  text-decoration: none;
  border-bottom: 0 none;
  color: #000 !important;
}

.body-container p a, .body-container li a {
    color: #1DA1F2;
    text-decoration: none;
    /* border-bottom: 1px dashed #1DA1F2; */
    font-weight: 600;
}
.body-container p a:hover, .body-container p a:focus, .body-container li a:hover, .body-container li a:focus {
    color: #212529;
    text-decoration: none;
    border-bottom: 1px dashed #212529;
}
.body-container .h2, .body-container h2 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1DA1F2;;
    letter-spacing: -1px;
} 

.body-container .moduletable h3 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1DA1F2;;
    letter-spacing: -1px;
}
.body-container .h3, .body-container h3 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #000;;
  line-height: 1.6;
}
.body-container .h4, .body-container h4 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #000;;
}
.blocks-bottom {
  padding: 3rem 0;
  background-color: #DEE5FF;
}
.blocks-bottom {
  padding: 50px 0 25px 0;
  background-color: #DEE5FF;
}
.bottom_block .custom {
  background-color: #fff;
  margin-bottom: 25px;
  -webkit-box-shadow: 1px 8px 7px -3px #ccc;
  -moz-box-shadow:    1px 8px 7px -3px #ccc;
  box-shadow:         1px 8px 7px -3px #ccc;
}
.bottom_block h3{
  background-color: #1DA1F2;
  font-size: 0.9rem;
  font-weight: 600;
  margin:0;
  padding: 10px;
  color: #fff;
}
.bottom_block ul{
  margin:0;
  padding: 0;
  list-style: none;
}
.bottom_block ul li{
  margin:0;
  padding: 0;
  list-style: none;
}

.bottom_block ul li a{
  margin:0;
  padding: 5px 10px;
  display:block;
  width: 100%;
  color: #212529;
  border-bottom: 1px dotted #ccc;
  font-size: 0.85rem;
  font-weight: 400;
  text-decoration: none;
}
.bottom_block ul li a:hover, .bottom_block ul li a:focus{
  background-color: #D6ECD2;
  color: #1DA1F2;
}
.bottom_block ul li a strong {
  color: #1DA1F2;
}

.footer-container {
    font-size: 0.80rem;
    color: #212529;
    padding: 1rem 0 60px 0;
  /*
    background-color: #D6ECD2;
    border-top: 5px solid #1DA1F2;
  */
}

.footer-container p {
    margin-bottom: 1rem;
    line-height: 1.3;
}


@media screen and (max-width: 991px) {
  
  
.body-container ul.pg_contents {
    margin: 0 0 2rem 0;
    padding: 2rem;
    list-style: none;
    float: none;
    display: block;
    width: 100%;
}
  

.banner-top h1,.banner-top h2 {
  margin-bottom: 1.5rem;
  margin-top: 0;
  text-align: center !important;
}
.banner-top p {
  text-align: center !important;
}


.header {
    position: fixed;
    width: 100%;
    z-index: 1000;
}
  .menu-main {
    position: fixed;
    width: 100%;
    z-index: 1000;
    margin-top:105px;
  }
  .banner-top {
    padding-top: 120px;
  }
  
.nav a {
  margin: 1.5em 1.5em 1.5em 0;
  text-decoration: none;
  zoom: 1; /* IE7 */
}
  ul.pointer li{
  width: 100%;
}

}

.btn-readmore 
{
    background-color: #fff;
    border: 2px solid;
    position: relative;
    line-height: 1 !important;   
}

.btn-readmore:hover
{
    border: 2px solid #93E9BE;
    line-height: 1 !important;   
}

.btn-readmore i 
{
    background-color: #1DA1F2!important;
    position: absolute;
    height: 32px;
    width: 32px;
    top: -2px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-top: 1px;
    font-size: 30px;
    color: #fff;
    margin-left: 4px;
}

@media (max-width: 780px)
{
  .btn-readmore 
  {
      width: 132px;  
  }
	.btn-readmore i 
  {
      margin-left: 20px;
  }
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translate3d(0, -2%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.sidebar-transition
{
  transform: scaleY(1) !important;
}


.faq-section {
    /* background: #fdfdfd; */
    min-height: 100vh;
    padding: 10vh 0 0;
}
.faq-title h2 {
  position: relative;
  margin-bottom: 45px;
  display: inline-block;
  font-weight: 600;
  line-height: 1;
}
.faq-title h2::before {
    content: "";
    position: absolute;
    left: 50%;
    width: 60px;
    height: 2px;
    background: #1DA1F2;
    bottom: -25px;
    margin-left: -30px;
}
.faq-title p {
  padding: 0 190px;
  margin-bottom: 10px;
}

.faq {
  background: #FFFFFF;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
  border-radius: 4px;
}

.faq .card {
  border: none;
  background: none;
  border-bottom: 1px dashed #CEE1F8;
}

.faq .card .card-header {
  padding: 0px;
  border: none;
  background: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.faq .card .card-header:hover {
    background: rgba(29, 161, 242, 0.5);
    padding-left: 10px;
}
.faq .card .card-header .faq-title {
  width: 100%;
  text-align: left;
  padding: 0px;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 1px;
  color: #3B566E;
  text-decoration: none !important;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  padding-top: 20px;
  padding-bottom: 20px;
}

.faq .card .card-header .faq-title .badge {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 14px;
  float: left;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  text-align: center;
  background: #1DA1F2;
  color: #fff;
  font-size: 12px;
  margin-right: 20px;
}

.faq .card .card-body {
  padding: 30px;
  padding-left: 35px;
  padding-bottom: 16px;
  font-weight: 400;
  font-size: 16px;
  color: #6F8BA4;
  line-height: 28px;
  letter-spacing: 1px;
  border-top: 1px solid #F3F8FF;
}

.faq .card .card-body p {
  margin-bottom: 14px;
}

@media (max-width: 991px) {
  .faq {
    margin-bottom: 30px;
  }
  .faq .card .card-header .faq-title {
    line-height: 26px;
    margin-top: 10px;
  }
}

.faq-section .faq-dropdown-icon
{
    position: absolute;
    right: 25px;
    font-size: 25px;
    color: #1da1f2;
    margin-top: 1rem;
}

.watermark-img-top
{
    border-radius: 8px;
    box-shadow: 3px 3px #5e5d5d;
    width: 58%;
}

@media (max-width: 780px) {
    .watermark-img-top
    {
        width: 40%;
    }
}

.banner-top-right
{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

ul.pg_contents .pg_contents_heading {
  background: #1da1f2 !important;
  color: #fff;
  padding: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
  border-radius: 0px !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  margin-top: 1rem;
  border-top-right-radius: 25px !important;
  border-top-left-radius: 25px !important;
}

.body-container ul.pg_contents li:hover {
  background-position: left bottom;
}

#navbar113 {
  display: block !important;
}

.mobile-menu{
    display: flex;
    justify-content: space-around;
    background-color: #1DA1F2;
    padding: 12px;
    position: fixed;
    bottom: 0;
    width: 100%;
  }
  
.mobile-menu .nav-item{
    display: flex;
    align-items: center;
    text-decoration: none;
    color: white;
    /* padding: 12px 16px; */
    border-radius: 50px;
    background-color: rgba(255, 255, 255, 0);
  }
  
.mobile-menu .nav-item span{
    width: 0;
    overflow: hidden;
  }
  
.mobile-menu .nav-item:focus{
    text-decoration: none;
    color: white;
    background-color: rgba(255, 255, 255, 0.2);
    transition: .2s;
  }
  
.mobile-menu .nav-item:focus span{
    width: 100%;
    margin-left: 8px;
    transition: .2s;
  }
  
  *:focus{
    outline: none;
    border: none;
  }

  @media (min-width: 780px) {
    .mobile-menu
    {
        display: none;
    }
}

/* @media (max-width: 780px) {
    .logo-img {
  		width: 100% !important;
  }
} */

/* .read-more {
    padding:40px;
    text-align:center;
} */
.read_more {
    line-height:0.5em;
    letter-spacing:0.06em;
    font-family: 'Lato', sans-serif;
    font-weight:normal;
    font-size:14px;
    text-decoration:none;
    background:#1DA1F2 !important;
    color: white !important;
    display:inline-block;
    padding:15px 12px 15px 15px;
    transition:background 200ms;
    border-radius:4px;
    position: relative;
}
.read_more:hover {
    color:#fff !important;
    background:#1da1f2 !important;
    border: none;
    border-bottom: none !important;
}
.read_more:after {
    font-family: 'FontAwesome', sans-serif;
    font-weight:800;
    content: "\f105";
    margin-left:20px;
    color:#fff;
    font-size:25px;
    vertical-align:middle;
    transition:color 200ms;
    background-color: #1da1f2;
    position: absolute;
    top: 0;
    left: 85px;
    padding: 15px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.read_more:hover:after {
    color:#fff;
}

.panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px;
}

.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eee;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media screen and (min-device-width: 768px)
and (max-device-width: 991px) {
  .col-md-5 {
   margin-top:80px;
  }
  
}
@media screen and (min-device-width: 768px)
and (max-device-width: 991px) {
  .banner-top-right form{
   margin-top:50px;
  }
  
}
@media screen and (min-device-width: 640px)
and (max-device-width: 767px) {
  .col-md-5 {
   margin-top:80px;
  }
}
@media screen and (min-device-width: 315px)
and (max-device-width: 639px) {
  .col-md-5 {
   margin-top:80px;
  }
}



.faq .faq-question 
{
  background-color: #1DA1F2;
  color: #fff;
  padding-right:3rem;
  padding-top:1.5rem;
  padding-bottom:1.5rem;
  padding-left:1.5rem;
  border-radius:4px;
  margin-top:20px;
  position: relative;
  font-size:15px!important;
  
}

.faq .faq-question:after
{
    content: '';
    background: url(https://www.superpriorityvisaservice.co.uk/templates/sunrise/images/plus-icon-1.png);
    background-size: 41%;
    /* background-color: #fff; */
    background-repeat: no-repeat;
    height: 10rem;
    display: block;
    background-position: right;
    /* margin-top: -2rem; */
    position: absolute;
    top: -53px;
    /* left: 70rem; */
    right: -8px;
}

.faq .faq-question-active:after
{
    content: '';
    background: url(https://www.superpriorityvisaservice.co.uk/templates/sunrise/images/minus-icon-1.png);
    background-size: 41%;
    /* background-color: #fff; */
    background-repeat: no-repeat;
    height: 10rem;
    display: block;
    background-position: right;
    /* margin-top: -2rem; */
    position: absolute;
    top: -53px;
    /* left: 70rem; */
    right: -8px;
}


.faq-close 
{
  padding: 1rem;
  font-size: 16px;
  list-style: none;
  transform: scaleY(0);
  display: none;
  transition: all 0.4s ease-in-out;
  transform-origin: left top;
  font-size:14px;
}

.faq-open 
{
  display: block;
  transform: scaleY(1);
  transition: all 1s ease-in-out;
  transform-origin: left top;
  font-size:14px;
}
li ,p ,  dl, ol, ul{
  text-align:justify!important;
}

.mobile-header-btn {
  display: none;
}

.mobile-header-btn a{
  margin-left: 2px;
  margin-right: 2px;
}

@media screen and (max-device-width: 768px) {
 .mobile-header-btn {
   display:flex;
  }