/*
Theme Name:     Cryptocurrency
Theme URI:      https://cryptocurrency-html.fruitfulcode.com/
Author:         fruitfulcode
Author URI:     https://fruitfulcode.com/
Description:    
Version:        1.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
*/
/**
	Navigation Files

	01. Info
	02. Reset
	03. Base Style
	04. Header Style
	05. Elements
	06. Footer
	07. Slider
	08. About Us
	09. Trade Currency
	10. Contact
	11. Blog Grid
	12. Blog Widget
	13. Blog List
	14. Single Blog
	15. Login Signup
	16. Faq
	17. Error Page
	18. Calculator
	19. Style For Ie

 */
/*=================================
=            02. Reset            =
=================================*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
 a, button, input{}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
}
button:focus {
  outline: none;
}
table {
  border-collapse: inherit;
  border-spacing: 0;
  border-radius: 15px;
  overflow: hidden;
}
/* table {
  border-collapse: collapse;
  border-spacing: 0;
} */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
          border: 0 none;
}
textarea {
  overflow: auto;
  border: 0 none;
}
select::-ms-expand {
  display: none;
}
label {
  font-weight: normal;
}
img {
  max-width: 100%;
  height: auto;
}
iframe {
  width: 100%;
}
/*=====  End of 02. Reset  ======*/
/*======================================
=            03. Base Style            =
======================================*/
/**
	Navigation File

	01. Global Style
	02. Custom Fonts
	03. Text Head
	04. Base Style Form
	05. Typography

 */
/* 01. Global Style
   ==================================== */
body {
  font-family: 'sukhumvit_setmedium';
  font-weight: 400; font-size: 18px;
  background:none;
  background-size: cover;
}
h1 {
  font-size: 51px;
  font-weight: 900;
}
h2 {
  font-size: 45px;
  font-weight: 900;
}
h3 {
  font-size: 36px;
  font-weight: 700;
}
h4 {
  font-size: 22px;
  font-weight: 600;
}
h5 {
  font-size: 18px;
  font-weight: 600;
}
h6 {
  font-size: 16px;
  font-weight: 400;
}
a{	 
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition:  all .5s ease;
	transition:  all .5s ease;
	 
}
a:hover{-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition:  all .5s ease;
	transition:  all .5s ease;}
p {
  color: #333;
  font-size: 15px;
  line-height: 21px;
  font-weight: 400;
}
.wrapper {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}
.blue-brd-btn {
  text-transform: uppercase;
  color: #fff;
  padding: 8px 23px;
  border: 0px none;
  font-size: 14px;
  text-align: center;
  font-weight: 700;
  display: inline-block;
  font-family: "Myriad-Pro-Regular", serif;
  transition: 0.2s linear;
}
.blue-brd-btn:hover {
  color: #fff;
  text-decoration: none;
  background: #337ab7;
} 
/* added ny designer 25-09-19 */
.blue-brd-btn_file {
  /* text-transform: uppercase; */
  color: #fff;
  padding: 8px 15px;
  border: 0px none;
  font-size: 14px;
  width: 100%;
  max-width: 140px;
  cursor: pointer;
  text-align: center;
  font-weight: 700;
  background: #f6bc2d;
  border-radius: 40px;
  display: inline-block;
  transition: 0.2s linear;
}
.blue-brd-btn_file:hover {
  color: #fff;
  text-decoration: none;
  background: #337ab7;
}
/* added by designer 25-09-19 */
.blue-brd-btn.sm-btn-style{     min-width: 113px;
  padding: 10px 20px;}
.blue-brd-btn:hover.blue-brd-btn::after {
    width: 100%;
}
.see-brd-btn {
  color: #fff;
  padding: 14px 34px;
  display: inline-block;
  border: 2px solid #20add0;
  font-size: 15px;
  text-align: center;
  background: #20add0;
  cursor: pointer;
  font-family: "Myriad-Pro-Regular", serif;
  transition: 0.2s linear;
}
.see-brd-btn:hover {
  background: #110f46;
  border: 2px solid #110f46;
  color: #fff;
  text-decoration: none;
}
.h2-main {
  color: #337ab7;
  font-family: 'sukhumvit_setbold';
  font-weight: 400;
  line-height: 28px;
  margin: 0px 0 10px;
  font-size: 26px;
  text-transform: uppercase;
}.parsley-errors-list{ text-align: left;}
.parsley-errors-list li{ list-style: none; color: red; font-size: 14px;}
.pdT-25{ padding-top: 25px}
.pdB-25{ padding-bottom: 25px;}
.pdT-30{ padding-top: 30px}
.pdB-30{ padding-bottom:30px;}
.pdT-40{ padding-top:40px}
.pdB-40{ padding-bottom: 40px;}

.mrgT-15{ margin-top: 15px;}
.mrgB-15{ margin-top: 15px;}
.mrgT-10{ margin-top: 10px;}
.mrgB-10{ margin-top: 10px;}
.mrgT-20{ margin-top: 20px;}
.mrgB-20{ margin-top: 20px;}
/* 02. Custom Fonts
   ==================================== */
@font-face {
  font-family: "Myriad-Pro-Regular";
  src: url("../fonts/Myriad-Pro Regular.eot");
  src: url("../fonts/Myriad-Pro Regular.ttf") format("truetype"), url("../fonts/Myriad-Pro Regular.woff") format("woff"), url("../fonts/Myriad-Pro Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
/* 03. Text Head
   ==================================== */
.text-head h5 {
  font-size: 18px;
  color: #20add0;
  margin-bottom: 25px;
}
/* 04. Base Style Form
   ==================================== */
form.custom-form input,
form.custom-form textarea {
  padding: 5px 0;
  font-size: 16px;
  color: #131149;
  background-color: transparent;
  border-radius: 0;
  border-width: 0 0 2px 0;
  border-color: #d0d3e3;
  width: 100%;
}
form.custom-form input:focus,
form.custom-form textarea:focus {
  outline: none;
  box-shadow: none;
  background-color: transparent;
}
form.custom-form .see-brd-btn {
  padding: 14px 53px;
}
form.custom-form textarea {
  resize: none;
  height: 37px;
}
form.custom-form label {
  position: absolute;
  -ms-transform: translateY(9px);
      transform: translateY(9px);
  left: 0;
  transition: all 0.25s ease;
  backface-visibility: hidden;
  pointer-events: none;
  font-size: 15px;
  font-weight: 600;
  color: #706fa4;
  letter-spacing: 0.5px;
}
form.custom-form label.active {
  -ms-transform: translateY(-25px);
      transform: translateY(-25px);
  left: 2px;
  font-size: 14px;
}
form.custom-form label.highlight {
  color: #706fa4;
}
form.custom-form .form-group {
  width: 100%;
  position: relative;
  display: inline-block;
}
/* 05. Typography
   ==================================== */
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
  margin-bottom: 30px;
  color: #110f46;
}
.typography h1 span,
.typography h2 span,
.typography h3 span,
.typography h4 span,
.typography h5 span,
.typography h6 span {
  font-weight: 700;
}
.typography h1 span,
.typography h2 span,
.typography h3 span {
  font-size: 22px;
  font-weight: bold;
}
.typography h4 span {
  font-size: 22px;
}
.typography h5 span {
  font-size: 18px;
}
.typography h6 span {
  font-size: 16px;
}
.line-black {
  width: 100%;
  height: 3px;
  margin: 60px 0;
  background-color: #110f46;
}
.unordered-list li {
  list-style: none;
  font-size: 16px;
  color: #131149;
  line-height: 26px;
}
.unordered-list li:before {
  content: "-";
  display: inline-block;
  margin-right: 10px;
}
.unordered-list li ul {
  margin-left: 20px;
}
.ordered-list {
  margin-left: 20px;
}
.ordered-list li {
  font-size: 16px;
  color: #131149;
  line-height: 26px;
}
.ordered-list li ul {
  list-style: decimal;
  margin-left: 20px;
}
.animatedParent {
  overflow: hidden;
}
/*=====  End of 03. Base Style  ======*/
/*========================================
=            04. Header Style            =
========================================*/
/**
	Navigation File

	01. Header
	02. Header Type 2

 */
/* 01. Header
   ==================================== */
header {
  left: 0;
  width: 100%;
  z-index: 999;
  position:relative; 
  /* transition:transition(all .5s ease); */
  -webkit-transform: translate3d(0, 0, 0);
transform : translate3d(0, 0, 0);
}
.blue-brd-btn {
  font-family: 'Muli', sans-serif;
  display: inline-block;
  background: #f6bc2d;  
  position: relative; border-radius:30px; -webkit-border-radius: 30px;
  z-index: 9;
}
/* .blue-brd-btn[type="button"]{  min-width: 170px;} */
.blue-brd-btn span {
  position: relative;
  z-index: 9;
}
.philosophy-div2 .blue-brd-btn {
  margin: 18px 0 0 0;
}
header .header-block {
  display: -ms-flexbox;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ 	display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */ 	display: -ms-flexbox;  /* TWEENER - IE 10 */ 	display: -webkit-flex; /* NEW - Chrome */ 	display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
}
header .nav-menu a {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  transition: 0.2s linear;
  padding: 5px 13px;
  transition: ease .5s all; 
  -webkit-transition: ease .5s all; 
}
header .nav-menu a:hover{     background-color: #ececec;
  color: #f6bc2d; transition: ease .5s all; 
  -webkit-transition: ease .5s all; 
  border-radius: 6px;}
  
/* added css for focus 19-09-19 */

  header .nav-menu a.active , header .nav-menu a:focus{     background-color: #ececec;
    color: #f6bc2d; transition: ease .5s all; 
    -webkit-transition: ease .5s all; 
    border-radius: 6px;}

.register-btn{    border-left: 2px solid #d0d1dc;
  padding-left: 15px;
  margin-left: 5px;}
header  .register-btn .blue-brd-btn{ background-color: transparent; color: #337ab7;  font-family: 'sukhumvit_setbold';}
header .register-btn .blue-brd-btn:hover{ color: #f6bc2d;}
header .nav-menu a:hover, .fixed .header-block li a:hover {
  color: #f6bc2d;
  text-decoration: none; 
  transition: border 0.3s;
}
.header-block{ padding-top:15px;}
header .nav-menu span {
  color: #20add0;
  margin-left: 3px;
  font-weight: 700;
}
header ul { margin-bottom: 0px;}
header .nav-menu li {
  position: relative;
  padding: 0 9px;
  list-style: none;
  transition: 0.2s linear;
}
header .nav-menu li:not(:last-child) {
  margin-right: 0;
}
header .nav-menu li.top-sub-menu:hover {
  cursor: pointer;
  background: linear-gradient(to bottom, #190a2e 0%, #281643 100%);
}
header .nav-menu li.top-sub-menu:hover > a {
  color: #20add0;
}
header .nav-menu li.top-sub-menu:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  background: linear-gradient(to bottom, #281643 0%, #3b2a5a 100%);
}
header .nav-menu .sub-menu {
  top: 100%;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  padding: 12px 0 17px 0;
  text-align: left;
  z-index: 9;
  position: absolute;
  transition: 0.2s linear;
}
header .nav-menu .sub-menu li {
  padding: 0;
}
header .nav-menu .sub-menu li a {
  color: #fff;
  display: block;
  padding: 0 19px;
}
header .nav-menu .sub-menu li a:hover {
  color: #20add0;
}
header .nav-menu .sub-menu li:not(:last-child) {
  margin-bottom: 17px;
}
header .logo {
  margin: 4px 0;
}
.fixed .header-block{margin-top:0px;} 
 
header .logo-fixed {
  display: none;
}
header.fixed , header{
  box-shadow:0px 3px 8px 1px #c3c3c3;
  -webkit-box-shadow:0px 3px 8px 1px #c3c3c3;
  background: #ffffff;
 transition: 0s all; 

}
header.fixed {
  background: #ffffff; 
  z-index: 999;
  position: fixed;
 transition: 3s all; 
}
header.fixed .nav-menu li {
  padding:  9px;
} 
 header.fixed .nav-menu .sub-menu li {
  padding: 0;
} 
header .mobile-btn {
  height: 30px;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  display: none;
}
header .mobile-btn.active span {
  background-color: rgba(0, 0, 0, 0);
}
header .mobile-btn.active span:before {
  margin-top: 0;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}
header .mobile-btn.active span:after {
  margin-top: 0;
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}
header .mobile-btn span {
  margin: 0 auto;
  position: relative;
  top: 10px;
  transition: 0.2s linear;
}
header .mobile-btn span:before,
header .mobile-btn span:after {
  content: '';
  position: absolute;
  transition: 0.2s linear;
}
header .mobile-btn span:before {
  margin-top: -10px;
}
header .mobile-btn span:after {
  margin-top: 10px;
}
header .mobile-btn span,
header .mobile-btn span:before,
header .mobile-btn span:after {
  width: 35px;
  height: 3px;
  background-color: #000;
  display: block;
}
/* 02. Header Type 2
   ==================================== */
.header-type-2 {
  top: 0;
  background: #1f0e36;
  background: linear-gradient(to bottom, #1f0e36 0%, #321f52 100%);
}
.header-type-2 .nav-menu li {
  padding: 36px 21px;
}
.header-type-2 .blue-brd-btn {
  margin-left: 12px;
}
.margin-top {
  margin-top: 165px;
}
/*=====  End of 04. Header Style  ======*/
/*==========================================
=            05. Elements Style            =
==========================================*/
/**
	Navigation File

	01. Reasons Block
	02. Philosophy Block
	03. Iphone Block
	04. Live Currency
	05. Price Plan Block
	06. Reviews Block
	07. News Slider
	08. Our Team
	09. Grid Masonry

 */
/* 01. Reasons Block
   ==================================== */
   .reasons-block {
    display: block!important;
    padding-bottom: 6px;
}
 
.reasons-block .reasons-desc-div h4 {
  color: #253C97;
  margin-bottom: 6px;
  font-size: 21px;
  font-weight: 800;
  line-height: 22px;
  margin-top: 14px;
}
.reasons-block .reasons-desc-div p {
  font-size: 16px;
  line-height: 22px;
  padding-right: 15px;
}
.reasons-block .reasons-icon-div {
  width: 100px;
  height: 94px;
  background-color: #60b349;
  border-radius: 100%;
  line-height: 100px;
  -ms-flex: 0 0 71px;
  flex: 0 0 71px;
  text-align: center;
  display: inline-block;
  box-shadow: 3px 5px 15px 1px rgb(37, 60, 151);
}
.reasons-block .reasons-icon-div img {
  max-width: 40px;
}
.reasons-block .reason-block-cont {
  display: -ms-flexbox;
  display: block;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin: 25px 0px 83px 0px;
}
/* 02. Philosophy Block
   ==================================== */
   .philosophy-block {
    margin-bottom: 0px; 
    padding-top: 15px;
    padding-bottom:45px; 
}
.whyus_section{    background-color: #fcfcfc;
  padding-top: 30px;
  margin-bottom: 40px;
} 

.philosophy-div1 {
  padding: 97px 55px 0 0px;
}
.philosophy-block.animatedParent {
  overflow: inherit;
}
.philosophy-block .philosophy-div2 h4 {
  font-size: 18px;
  color: #20add0;
  font-weight: 700;
  line-height: 11px;
  margin-bottom: 20px;
}
.philosophy-div2 h3 {
  font-size: 20px;
  font-weight: bold;
  color: #253c97;
  margin-bottom: 16px;
}
.philosophy-block .philosophy-div2 .h2-main {
  max-width: 290px;
  margin-bottom: 12px;
}
.philosophy-block .philosophy-div2 p {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 10px;
}
.philosophy-block .coin-speacial-block {
  width: 317px;
  background: #60b649;
  position: absolute;
  right: 68px;
  top: 203px;
  border: 16px solid #fff;
  padding: 32px 5px 30px 37px;
}
.philosophy-block .coin-speacial-block img {
  max-width: 54px;
}
.philosophy-block .coin-speacial-block h4 {
  color: #fff;
  font-size: 18px;
  margin-top: 23px;
  margin-bottom: 5px;
}
.philosophy-block .coin-speacial-block p {
  font-size: 16px;
  color: #253c97;
  line-height: 28px;
  margin-bottom: 26px;
  font-weight: bold;
}
.modified {
  padding-bottom: 20px;
}
.philosophy-block .coin-speacial-block span {
  display: inline-block;
  color: #20add0;
  font-size: 36px;
}
.philosophy-block .see-brd-btn {
  margin-top: 13px;
}
.philosophy-block .animatedParent {
  overflow: inherit;
}
/* 03. Iphone Block
   ==================================== */
   .iphone-block {
    padding:60px 0 16px 0;
    background-size: 100% 100%; 
    /* background-image: url(../img/background-price-blockss.png); */
    background-color: #fff;
   
}
.testimonial-section {
  /* box-shadow: 5px 5px 5px 5px #dbfdfd; */
}
.for_phone .carousel {
  margin: 0px auto 0px;
  padding: 0;
}
.iphone-block .icon {
  width: 72px;
  height: 72px;
  text-align: center;
  line-height: 103px;
  display: inline-block;
  margin-bottom: 12px;
  border-radius: 100%;
  box-shadow: 3px 5px 15px 1px rgba(121, 105, 230, 0.13);
  background-color: #fff;
}
.iphone-block .icon img {
  max-width: 45px;
}
.iphone-block p {
  margin-bottom: 22px;
  color: #000!important;
  text-align: left;
  width: 80%;
}

.iphone-block h2 {
  margin-bottom: 20px;
}
.poketslider1 .h2-main {
  text-align: left;
}
.iphone-block.animatedParent {
  overflow: initial;
}
.for_phone .glyphicon {
  color: #30254b!important;
}
.for_phone .item img {
  margin-top: 5px;
}
/* 04. Live Currency
   ==================================== */
   .live-currency {
    text-align: center;
    padding-bottom: 15px;
}
.live-currency p {
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
}
.live-currency-div1 .blue-brd-btn {
  margin-top: 13px;
}
.live-currency .live-currency-div1 h4 {
  color: #20add0;
  font-size: 18px;
  font-weight: 700;
}
.live-currency .live-currency-div1 .h2-main {
  margin: 13px 0;
}
.live-currency .live-currency-div1 .see-brd-btn {
  margin-top: 15px;
}
.live-currency .live-currency-div2 {
  padding-right: 0;
  display: -ms-flexbox;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ 	display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */ 	display: -ms-flexbox;  /* TWEENER - IE 10 */ 	display: -webkit-flex; /* NEW - Chrome */ 	display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}
.live-currency .live-currency-div2 img {
  width: 100%;
}
.live-currency .live-currency-cont {
  width: 60%;
  margin-left: 62px;
  display: -ms-flexbox;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ 	display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */ 	display: -ms-flexbox;  /* TWEENER - IE 10 */ 	display: -webkit-flex; /* NEW - Chrome */ 	display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.live-currency .live-currency-cont h4 {
  font-size: 18px;
  text-align: center;
  color: #3a3864;
}
.live-currency .live-currency-cont p {
  color: #20add0;
  text-align: center;
  font-weight: 400;
  margin-top: 5px;
}
/* 05. Price Plan Block
   ==================================== */
   .price-plan-block {
    padding:24px 0 15px 0;
    background: url(../img/tech_bg.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
}
.price-plan-block .h2-main {
  color: #fff;
  text-align: center;
  width: 100%;
  display: block;
  margin-bottom: 15px;
}
.subheading {     position: relative;
  font-family: 'sukhumvit_setmedium';
  text-align: center;
  display: block;
  padding-bottom: 26px;
  width: 100%;
  margin-bottom: 20px;
  color: #000;
  font-size: 15px;
  font-weight: 400;
}
.about_right_img{ padding-top:  0px;}
.subheading:after { content: ""; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); -webkit-transform: translateX(-50%);  
  background-color: #337ab7; width: 60px; height:6px; border-radius: 4px; -webkit-border-radius: 4px;}
.price-plan-block .price-plan-icon-wrap {
  max-width: 48%;
  height: 95px;
  margin: 0 auto 45px;
}
.price-plan-block .price-plan-item-inside {
  padding: 51px 30px 26px 20px;
  background-color: #fff;
  text-align: center;
  border-radius: 7px;
}
.price-plan-block .price-plan-item-inside h4 {
  color: #253c97;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 3px;
}
.price-plan-block .price-plan-item-inside h3 {
  color: #f9f9fd;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 21px;
}
.price-plan-block .custom {
  padding-left: 0;
  -ms-flex: 0 0 24%;
      flex: 0 0 24%;
  max-width: 24%;
  padding-right: 0;
}
.price-plan-block .custom:not(:last-child) {
  padding-right: 9px;
}
.price-plan-block .see-brd-btn {
  padding: 14px 45px;
}
.price-plan-block .price-plan-text-1 {
  color: #3a3864;
  line-height: 1.5;
  padding-bottom: 25px;
  border-bottom: 2px solid #323260;
  margin-bottom: 28px;
  margin-top: 22px;
  font-size: 17px;
}
.price-plan-block .price-plan-text-2 {
  color: #abaae6;
  line-height: 1.7;
  margin-bottom: 26px;
}
/* 06. Reviews Block
   ==================================== */
.reviews-wrapper {
  margin-bottom: 96px;
}
.reviews-wrapper .reviews-inside {
  padding: 0 2px;
  text-align: center;
}
.reviews-wrapper .reviews-inside .reviews-img-wrap {
  margin-bottom: 3px;
}
.reviews-wrapper .reviews-inside .reviews-img-wrap img {
  max-width: 68px;
}
.reviews-wrapper .reviews-inside h4 {
  font-size: 18px;
  text-align: center;
  color: #131149;
  margin-top: 7px;
  font-weight: 700;
  margin-bottom: 0;
}
.reviews-wrapper .reviews-inside p {
  color: #131149;
}
.reviews-wrapper .reviews-inside .review-text {
  font-size: 18px;
  padding: 33px 52px 0 52px;
  font-weight: 400;
  font-style: italic;
  color: #131149;
  line-height: 29px;
}
/* 07. News Slider
   ==================================== */

.last-news-title-wrap .icon {
  width: 72px;
  height: 72px;
  text-align: center;
  line-height: 103px;
  display: inline-block;
  margin-bottom: 17px;
  border-radius: 100%;
  box-shadow: 3px 5px 15px 1px rgba(121, 105, 230, 0.13);
  background-color: #fff;
}
.last-news-title-wrap .icon img {
  max-width: 44px;
}
#news-owl-carousel .owl-dots {
  margin-top: 63px;
  display: -ms-flexbox;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ 	display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */ 	display: -ms-flexbox;  /* TWEENER - IE 10 */ 	display: -webkit-flex; /* NEW - Chrome */ 	display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
#news-owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  margin: 0 7px;
}
#news-owl-carousel .owl-dots .owl-dot span {
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #3a3864;
  border-radius: 90px;
}
#news-owl-carousel .owl-dots .active span {
  background: #39b2d3;
}
/* 08. Our Team
   ==================================== */
.our-team {
  padding: 198px 0 70px 0;
  background: url(../img/background-team.png) no-repeat;
  background-size: cover;
}
.our-team .first {
  border-radius: 100%;
  box-shadow: -15px -2px 0 8px #f5f9fc;
}
.our-team .images {
  margin: 33px 0 0 22px;
  display: inline-block;
}
.our-team .images img {
  margin-bottom: 15px;
}
.our-team h5 {
  font-size: 18px;
  color: #131149;
  font-weight: 700;
  margin-bottom: 4px;
}
.our-team span {
  font-size: 16px;
  color: #3a3864;
}
.our-team .text {
  padding-left: 61px;
}
.our-team .text h4 {
  color: #20add0;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 13px;
}
.our-team .text h2 {
  margin-bottom: 6px;
}
.our-team .text p {
  margin-bottom: 10px;
}
.our-team .text a {
  color: #20add0;
  font-size: 15px;
}
.our-team .text a img {
  margin-left: 3px;
  vertical-align: middle;
}
/* 09. Grid Masonry
   ==================================== */
.grid.masonry img {
  margin-bottom: 15px;
  border-radius: 100%;
}
.grid.masonry .grid-item-width2 {
  width: 50%;
}
.grid.masonry .grid-item-width1 {
  width: 25%;
}
.grid.masonry .grid-item:nth-child(2) {
  padding: 40px 44px 0 0;
}
.grid.masonry .grid-item:nth-child(3) {
  margin-top: -75px;
}
.grid.masonry .grid-item:nth-child(4) {
  padding-top: 76px;
  padding-left: 122px;
}
.grid.masonry .grid-item:nth-child(5) {
  padding-top: 45px;
}
.grid.masonry .grid-item:nth-child(6) {
  margin-top: -40px;
  padding-left: 93px;
}
/*=====  End of 05. Elements Style  ======*/
/*========================================
=            06. Footer Style            =
========================================*/
/**
	Navigation File

	01. Footer
	02. Copyright

 */
/* 01. Footer
   ==================================== */
   footer {  
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top:40px;
    box-shadow:0px 0px 17px #e7ecff;
    -webkit-box-shadow:0px 0px 17px #e7ecff;
    border-top: 1px solid #e9eaee;
}
footer ul li {
  line-height: 28px;
}
footer ul li a {
  color: #3a3864;
  font-size: 16px;
  font-weight: 600;
}
footer ul li a:hover {
  color: #337ab7;
}
footer .title {
  color: #100f45;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 22px;
  text-transform: uppercase;
}
footer .logo {
  padding-right: 0;
}
footer .logo img {
  max-width: 198px;
  margin-bottom: 0;
}
footer .inside-column {
  padding-left: 100px;
}
footer .inside {
  padding-left: 60px;
}
.frm iframe {
  opacity: .7;
}
footer .footer-menu-wrap {
  display: block;
  margin: auto;
  margin-top: 0;
}
.sbt {
  margin-top: 16px;
  padding: 8px 25px;
}

/* footer .footer-social-wrapper {
  margin-top: 27px;
} */

.footer-social-wrapper img {
  max-width: 18px;
}
.footer-social-wrapper a {
  margin-right: 0;
}
.copyright .footer-social-wrapper a {
  color: #fff;
  text-align: right;

}
.footer-social-wrapper a:not(:last-child) {
  margin-right: 18px;
}
.footer-social-wrapper a:hover svg path {
  fill: #20add0;
}
.scl {
  text-align: center;
}
.privac a {
  border-right: 2px solid #fff;
  padding: 4px 6px 2px 2px;
}
.privac a:last-child {
  border-right:none;
}
/* 02. Copyright
   ==================================== */
   .copyright {
    padding: 14px 0;
    margin-top: 26px;
    border-top: 1px solid #cccccc; 
}
.copyright p {
  font-size: 15px;
  color: #000000;
  margin: 0;      font-family: 'sukhumvit_setmedium';
}
.copyright p a{  font-family: 'sukhumvit_setsemi_bold';}
.footer-social-wrapper .fa {
  color: #a0a4b9;
  font-size:18px;
}
/*=====  End of 06. Footer Style  ======*/
/*========================================
=            07. Slider Style            =
========================================*/
/**
	Navigation File

	01. Info block
	02. List
	03. Text

 */
/* 01. Info block
   ==================================== */  
   .courusel-container {
    padding: 84px 0 30px;
    position: relative;
    margin-bottom: 30px; background-color: #e1e3ec;
    /* background: url(../img/background.png) no-repeat center; */
    /* background-size: 100% 100%; */
}
.courusel-container .inside {
  max-width: 560px;
  margin-left: 11px;
  padding-bottom: 62px;
}
.courusel-container .main-slider-logo-block {
  display: -ms-flexbox;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ 	display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */ 	display: -ms-flexbox;  /* TWEENER - IE 10 */ 	display: -webkit-flex; /* NEW - Chrome */ 	display: flex;
  padding-top: 156px;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.courusel-container .main-slider-logo-block img {
  max-width: 140px;
}

.item h1 {
  font-size: 36px;
  color: #000;
  font-family: 'sukhumvit_setlight';
  font-weight:400;
  line-height: 48px;
}
.item p {
  color: #000;
  line-height: 24px;
  /* padding: 0 0px 0 10px; */
  margin: 0px 0 23px;
  font-size: 15px;
  /* border-left: 2px solid #fff; */
  font-weight: normal;
  cursor: default;
}

p.testimonial{
  min-height: 167px;
}
 /* .inside .blue-brd-btn {
  background: #253c97;
  border: 2px solid #253c97;
  color: #fff;
  font-family: 'Muli', sans-serif;
} */
 .item .blue-brd-btn:hover,
 .item .blue-brd-btn:active {
   
}
 .owl-dots {
  display: none;
}

#sync2 {
  position: absolute;
  top: 346px;
  left: 4px;
}
#sync2 .item {
  padding: 10px 0;
  margin: 5px;
  color: #27266c;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}
#sync2 .item span {
  font-size: 18px;
}
#sync2 .current .item {
  color: #abaae6;
}
.owl-carousel {
  /* cursor: url(../img/drag.png) 16 9, ew-resize; */
}
.owl-theme .owl-nav [class*=owl-] {
  background: none;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: none;
}
#sync1.owl-theme {
  position: relative;
}
#sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev {
  width: 22px;
  height: 40px;
  margin-top: -70px;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
#sync1.owl-theme .owl-prev {
  left: -77px;
}
#sync1.owl-theme .owl-next {
  right: -77px;
}
#sync2 .owl-item {
  width: 40px !important;
}
/*=====  End of 07. Slider Style  ======*/
/*==========================================
=            08. Style About us            =
==========================================*/
/**
	Navigation File

	01. First Section
	02. About Working
	03. Team Slider
	04. Join Us

 */
/* 01. First Section
   ==================================== */
.first-section {
  padding: 145px 0 0;
  margin-bottom: 118px;
  max-height: 653px;
  background-size: cover ;
  position: relative;
  overflow-x: hidden;
  background: url(../img/first-section-bg.png) no-repeat;
}
.first-section .text {
  max-width: 394px;
  padding-top: 10px;
}
.first-section .text h1 {
  color: #fff;
  font-weight: 900;
  margin-bottom: 33px;
  line-height: 70px;
}
.first-section .text span {
  font-size: 28px;
  color: #20add0;
}
.first-section .text .line {
  width: 68px;
  height: 2px;
  margin-right: 15px;
  display: inline-block;
  background-color: #20add0;
}
.first-section .text .line:nth-child(2) {
  display: none;
}
.first-section .col-12 {
  z-index: 9;
}
.first-section.animatedParent {
  overflow: inherit;
}
.first-section.not-images {
  padding: 125px 0 38px;
  background: url(../img/first-section-not-images.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 0;
}
.first-section.not-images .text {
  max-width: 100%;
  text-align: center;
}
.first-section.bg2 {
  background: url(../img/first-section-bg-contact.png) no-repeat;
}
.first-section .cloud,
.first-section .cloud-two,
.first-section .mini-cloud,
.first-section .mini-cloud.two,
.first-section .mini-cloud.three {
  left: 0;
  position: absolute;
  display: inline-block;
}
.first-section .cloud {
  width: 130px;
  top: 32%;
  height: 23px;
  background: url(../img/cloud.png) no-repeat;
  animation: cloud_one 250s infinite;
  animation-timing-function: linear !important;
}
.first-section .cloud-two {
  top: 47%;
  width: 210px;
  height: 30px;
  background: url(../img/cloud2.png) no-repeat;
  animation: cloud_two 300s infinite;
  animation-timing-function: linear !important;
}
.first-section .mini-cloud {
  animation: mini_cloud 500s infinite;
}
.first-section .mini-cloud.two {
  animation: mini_cloud 350s infinite;
}
.first-section .mini-cloud.three {
  animation: mini_cloud 350s infinite;
}
.first-section .mini-cloud,
.first-section .mini-cloud.two,
.first-section .mini-cloud.three {
  top: 16%;
  width: 32px;
  height: 20px;
  background: url(../img/mini-cloud.png) no-repeat;
  animation-timing-function: linear !important;
}
.first-section .mini-cloud.two {
  top: 55%;
}
.first-section .mini-cloud.three {
  top: 81%;
}
.text-about {
  margin-bottom: 98px;
}
.text-about .h2-main {
  margin-bottom: 10px;
}
.text-about p {
  line-height: 30px;
  font-size: 18px;
}
/* 02. About Working
   ==================================== */
.about .cloud {
  top: 79%;
  animation: cloud_one_about 300s infinite;
}
.about .cloud-two {
  animation: cloud_two_about 300s infinite;
}
.about .first-section {
  padding: 180px 0 0;
}
.about-working {
  padding: 115px 0 167px 0;
  background-size: cover !important;
  background: url(../img/background-about.png) no-repeat center;
}
.about-working ul {
  clear: both;
  display: inline-block;
}
.about-working ul li {
  width: 50%;
  float: left;
  margin-bottom: 73px;
}
.about-working ul li img {
  max-width: 58px;
  margin-right: 29px;
}
.about-working ul li h5 {
  color: #131149;
  font-weight: 700;
  margin-bottom: 6px;
}
.about-working ul li p {
  line-height: 22px;
}
.about-working ul li:nth-child(even) {
  padding-left: 36px;
}
.about-working .text-head {
  margin-bottom: 64px;
}
.about-working .text-head h5 {
  margin-bottom: 14px;
}
/* 03. Team Slider
   ==================================== */
.team-slider {
  padding-bottom: 80px;
  margin-bottom: 90px;
}
.team-slider .item:focus {
  outline: none;
}
.team-slider .item:hover .info-team {
  background-color: #f5f9fc;
}
.team-slider .item:hover .info-team h5 {
  color: #20add0;
}
.team-slider .item:hover .info-team svg path {
  fill: #20add0;
}
.team-slider .info-team {
  opacity: 1;
  padding: 24px 0 30px 0;
  text-align: center;
  transition: 0.2s linear;
}
.team-slider .info-team svg {
  width: 21px;
}
.team-slider .info-team svg path {
  fill: #3a3864;
}
.team-slider .info-team h5 {
  color: #131149;
  font-weight: 700;
  margin-bottom: 6px;
  transition: 0.2s linear;
}
.team-slider .info-team .line {
  width: 34px;
  height: 2px;
  background-color: #1c1b4e;
  margin: 11px auto 8px;
  display: block;
}
.team-slider .info-team p {
  color: #3a3864;
  line-height: 22px;
  padding: 0 50px 15px 50px;
}
.team-slider .info-team span {
  font-weight: 400;
  color: #131149;
  font-size: 16px;
  font-style: italic;
}
.team-slider .slick-arrow {
  bottom: 0;
  left: 50%;
  cursor: pointer;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  position: absolute;
}
.team-slider .slick-arrow.next {
  margin-left: 22px;
}
.team-slider .slick-arrow.prev {
  margin-left: -20px;
}
.team-slider .slick-arrow:hover svg path {
  fill: #a3c3eb;
}
.team-slider-text {
  margin-top: -15px;
  margin-bottom: 57px;
}
.team-slider-text .text-head {
  max-width: 460px;
  margin: 0 auto;
}
.team-slider-text .text-head h5 {
  margin-bottom: 13px;
}
.team-slider-text .text-head .h2-main {
  margin-bottom: 7px;
}
/* 04. Join Us
   ==================================== */
.join-us .text-head {
  margin-bottom: 84px;
}
.join-us .text-head h5 {
  margin-bottom: 14px;
}
.join-us ul {
  max-width: 982px;
  margin: 0 auto;
}
.join-us ul li {
  padding-bottom: 25px;
  margin-bottom: 52px;
  border-bottom: 2px solid #f5f9fc;
}
.join-us ul li h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
}
.join-us ul li p {
  line-height: 22px;
}

/*=====  End of 08. Style About us  ======*/
/*================================================
=            09. Stlye Trade Currency            =
================================================*/
.table-currency {
  margin-top: -384px;
  margin-bottom: 60px;
}
#table {
  width: 100%;
  box-shadow: 6px -1px 20px 1px rgba(18, 15, 71, 0.17);
  background-color: #f5f9fc;
}
#table b {
  font-weight: 700;
}
#table thead td {
  font-size: 18px;
  font-weight: 700;
  color: #20add0;
  padding: 33px 0;
  cursor: pointer;
}
#table thead td:hover svg path {
  fill: #6abfd4;
}
#table thead td svg {
  vertical-align: middle;
  margin-left: 5px;
}
#table thead td:first-child {
  padding-left: 30px;
}
#table thead td:nth-child(1) {
  width: 24%;
}
#table thead td:nth-child(2),
#table thead td:nth-child(3) {
  width: 17%;
}
#table thead td:nth-child(4),
#table thead td:nth-child(5) {
  width: 15%;
}
#table thead td:nth-child(6) {
  width: 12%;
}
#table tbody tr:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.9);
}
#table tbody tr td {
  color: #3a3864;
  padding: 8px 0;
}
#table tbody tr td img {
  vertical-align: middle;
}
#table tbody tr td:first-child {
  padding-left: 30px;
  color: #131149;
}
#table tbody tr td:first-child img {
  margin-right: 22px;
}
#table tbody tr td span {
  color: #e70000;
  font-weight: 700;
}
/*=====  End of 09. Stlye Trade Currency  ======*/
/*=========================================
=            10. Contact Style            =
=========================================*/
.contact .first-section.not-images {
  background: url(../img/first-section-bg-contact.png) no-repeat;
}
.contact-block {
  margin-top: -384px;
  margin-bottom: 30px;
}
.contact-block .bg {
  padding: 57px 30px 28px 55px;
  background-color: #f5f9fc;
}
.contact-block h4 {
  margin-bottom: 63px;
  color: #131149;
}
.contact-block form.custom-form .form-group {
  width: 306px;
  display: inline-block;
  margin-bottom: 73px;
}
.contact-block form.custom-form .form-group:nth-child(odd) {
  margin-right: 67px;
}
.contact-block form.custom-form .form-group.last {
  width: 100%;
  margin: 0 0 19px 0;
}
.contact-block .contact-info {
  color: #fff;
  padding: 56px 50px 56px 62px;
  display: inline-block;
  height: 100%;
  box-shadow: 6px -1px 20px 1px rgba(18, 15, 71, 0.17);
  background-color: #131149;
}
.contact-block .contact-info h4 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 56px;
}
.contact-block .contact-info ul li img {
  width: 20px;
  margin-right: 15px;
}
.contact-block .contact-info ul li span {
  font-size: 16px;
  line-height: 27px;
  color: #f5f9fc;
}
.contact-block .contact-info ul li a {
  font-size: 16px;
  line-height: 27px;
  color: #f5f9fc;
}
.contact-block .contact-info ul li a:hover {
  color: #20add0;
}
.contact-block .contact-info ul li:not(:last-child) {
  padding-bottom: 40px;
}
.contact-block .contact-info .footer-social-wrapper {
  margin-top: 80px;
  text-align: left;
}
.contact-block .contact-info .footer-social-wrapper svg path {
  fill: #706fa4;
}
.contact-block .contact-info .footer-social-wrapper a:not(:last-child) {
  margin-right: 18px;
}
.contact-block .contact-info .footer-social-wrapper a:hover svg path {
  fill: #20add0;
}
/*=====  End of 10. Contact Style  ======*/
/*===========================================
=            11. Style Blog Grid            =
===========================================*/
/**
	Navigation File

	01. Blog/Post
	02. Pagination

 */
/* 01. Blog/Post
   ==================================== */
.blog .post {
  margin-bottom: 35px;
}
.blog .margin-bottom {
  margin-bottom: 95px;
}
.blog .margin-bottom-list {
  margin-bottom: 14px;
}
.post .last-news-info-wrap {
  display: -ms-flexbox;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ 	display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */ 	display: -ms-flexbox;  /* TWEENER - IE 10 */ 	display: -webkit-flex; /* NEW - Chrome */ 	display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  padding: 27px 20px 23px 32px;
  min-height: 177px;
  background-color: #f5f9fc;
}
.post .last-news-date {
  color: #20add0;
  font-size: 16px;
  margin-bottom: -11px;
}
.post .last-news-title {
  color: #131149;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
.post .last-news-title:hover {
  color: #20add0;
}
.post .read-more-btn {
  display: inline-block;
  color: #20add0;
  position: relative;
  font-size: 15px;
}
.post .read-more-btn svg use {
  transition: 0.2s linear;
}
.post .read-more-btn:hover {
  color: #110f46;
}
.post .read-more-btn:hover svg use {
  fill: #110f46;
}
.post.post-grid .last-news-info-wrap {
  padding: 15px 20px 23px 32px;
}
.post.post-grid .last-news-date {
  margin-bottom: 0;
}
/* 02. Pagination
   ==================================== */
.pagination {
  border: 0;
  margin-top: 13px;
}
.pagination li.active a {
  color: #20add0;
  font-weight: 700;
}
.pagination li a {
  font-size: 18px;
  font-weight: 600;
  color: #3a3864;
}
.pagination li a:hover {
  color: #20add0;
}
.pagination li.inside {
  margin: 0 10px;
}
.pagination li svg {
  margin-top: 1px;
}
.pagination li:hover svg path {
  fill: #a3c3eb;
}
/*=====  End of 11. Style Blog Grid  ======*/
/*========================================
=            12. Widget Style            =
========================================*/
/**
	Navigation File

	01. Global Style Widget
	02. Widget Category
	03. Widget Post
	04. Widget Archive

 */
/* 01. Global Style Widget
   ==================================== */
.widget-title {
  color: #131149;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
}
aside {
  padding-left: 52px;
}
aside > div {
  margin-bottom: 60px;
}
aside a {
  color: #3a3864;
  font-size: 16px;
  font-weight: 400;
}
aside a:hover {
  color: #20add0;
}
/* 02. Widget Category
   ==================================== */
.widget-category ul li {
  margin-bottom: 20px;
}
.widget-category ul li span {
  color: #20add0;
  display: inline-block;
  margin-right: 7px;
  font-weight: 700;
}
/* 03. Widget Post
   ==================================== */
.widget-post ul li {
  margin-bottom: 27px;
}
.widget-post ul li a {
  color: #20add0;
  letter-spacing: 0.8px;
  line-height: 25px;
}
.widget-post ul li a:hover {
  color: #131149;
}
/* 04. Widget Archive
   ==================================== */
.widget-archive ul li {
  margin-bottom: 20px;
}
.widget-archive ul li a {
  letter-spacing: 0.8px;
}
.widget-archive ul li span {
  color: #20add0;
  display: inline-block;
  margin-left: 5px;
  font-style: italic;
}
/*=====  End of 12. Widget Style  ======*/
/*===========================================
=            13. Style Blog List            =
===========================================*/
.post.list {
  margin-bottom: 74px;
}
.post.list .last-news-info-wrap {
  padding: 1px 0 30px 0;
  -ms-flex-pack: start;
      justify-content: flex-start;
  min-height: 100%;
  background-color: transparent;
}
.post.list .last-news-info-wrap > a {
  margin-bottom: 14px;
}
.post.list .last-news-title {
  font-size: 26px;
  line-height: 31px;
}
.post.list .last-news-img-wrap {
  margin-bottom: 21px;
}
.post.list .last-news-date {
  font-size: 15px;
  font-style: italic;
  color: #3a3864;
  font-weight: 400;
  display: -ms-flexbox;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ 	display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */ 	display: -ms-flexbox;  /* TWEENER - IE 10 */ 	display: -webkit-flex; /* NEW - Chrome */ 	display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.post.list .last-news-date img {
  margin-right: 5px;
}
.post.list .last-news-description p {
  margin-bottom: 14px;
}
.post.list .read-more-btn {
  letter-spacing: -0.4px;
  font-family: "Myriad-Pro-Regular", serif;
}
.post.list .read-more-btn svg {
  margin-left: 3px;
}
/*=====  End of 13. Style Blog List  ======*/
/*=============================================
=            14. Style Single Blog            =
=============================================*/
/**
	Navigation File

	01. Single Post
	02. Blockquote

 */
/* 01. Single Post
   ==================================== */
.single-post .post {
  margin-bottom: 157px;
}
.single-post .header-type-2 {
  margin-bottom: 67px;
}
.single-post .last-news-info-wrap {
  min-height: 100%;
  padding: 0;
  background-color: transparent;
  margin-bottom: 48px;
}
.single-post .last-news-info-wrap .line {
  width: 68px;
  height: 2px;
  background-color: #20add0;
  margin: 0 auto 22px;
}
.single-post .last-news-title {
  font-weight: 600;
  font-size: 36px;
  line-height: 49px;
  max-width: 725px;
  margin: 0 auto;
  text-align: center;
}
.single-post .last-news-title:hover {
  color: #131149;
}
.single-post .last-news-img-wrap {
  position: relative;
  margin-bottom: 50px;
}
.single-post .last-news-img-wrap .last-news-date {
  bottom: 70px;
  left: 0;
  font-weight: 400;
  color: #fff;
  font-style: italic;
  position: absolute;
  background-color: #131149;
  padding: 21px 52px;
}
.single-post .author {
  max-width: 190px;
  padding: 30px 25px;
  text-align: center;
  background-color: #f5f9fc;
}
.single-post .author h5 {
  font-weight: 700;
  color: #131149;
  margin-bottom: 2px;
}
.single-post .author span {
  color: #3a3864;
  font-size: 15px;
  line-height: 21px;
}
.single-post .author img {
  width: 67px;
  height: 67px;
  margin-bottom: 10px;
}
.single-post .entry-content {
  margin-top: -6px;
  margin-bottom: 48px;
}
.single-post .entry-content p {
  line-height: 26px;
  margin-bottom: 11px;
}
.single-post .entry-content a {
  font-weight: 700;
}
.single-post .images {
  margin-bottom: 50px;
}
.single-post .post-footer ul li a {
  font-weight: 700;
}
.single-post .post-footer ul li svg {
  margin-right: 2px;
}
.single-post .post-footer ul li:not(:last-child) {
  margin-right: 19px;
}
.single-post .post-footer ul li:hover svg path {
  fill: #20add0;
  stroke: #20add0;
}
.single-post .post-footer .tags a {
  display: inline-block;
  font-size: 16px;
  color: #3a3864;
  font-style: italic;
}
.single-post .post-footer .tags a:not(:last-child) {
  margin-right: 21px;
}
.single-post .post-footer .tags a:hover {
  color: #20add0;
}
.single-post #news-owl-carousel .last-news-title {
  font-size: 18px;
  text-align: left;
  font-weight: 700;
  line-height: 28px;
}
.single-post #news-owl-carousel .last-news-img-wrap {
  margin-bottom: 0;
}
.single-post #news-owl-carousel .last-news-info-wrap {
  padding: 27px 20px 23px 32px;
  min-height: 177px;
  background-color: #f5f9fc;
}
.single-post #news-owl-carousel .post {
  margin-bottom: 0;
}
.single-post #news-owl-carousel .owl-dots {
  margin-top: 24px;
}
.single-post #news-owl-carousel .owl-dots .owl-dot {
  margin: 0 5px;
}
/* 02. Blockquote
   ==================================== */
blockquote {
  margin: 40px 0 35px 0;
  max-width: 720px;
}
blockquote p {
  font-size: 16px;
  line-height: 26px;
  color: #3a3864;
  font-style: italic;
  padding: 0 60px 0 60px;
  border-left: 2px solid #20add0;
}
/*=====  End of 14. Style Single Blog  ======*/
/*============================================
=            15. Style Login Page            =
============================================*/
.login-page,
.sign-up {
  background-size: cover;
  background: url(../img/form-bg.png) no-repeat;
}
.login-page .custom-form,
.sign-up .custom-form {
  width: 388px;
  margin: 195px auto;
  padding: 39px 58px 33px 58px;
  background-color: #f5f9fc;
}
.login-page .custom-form h4,
.sign-up .custom-form h4 {
  margin-bottom: 51px;
}
.login-page .custom-form label,
.sign-up .custom-form label {
  -ms-transform: translateY(6px);
      transform: translateY(6px);
}
.login-page .custom-form label.active,
.sign-up .custom-form label.active {
  -ms-transform: translateY(-15px);
      transform: translateY(-15px);
}
.login-page .custom-form .form-group,
.sign-up .custom-form .form-group {
  margin-bottom: 30px;
}
.login-page .custom-form .form-group.last,
.sign-up .custom-form .form-group.last {
  margin-bottom: 42px;
}
.login-page .custom-form .see-brd-btn,
.sign-up .custom-form .see-brd-btn {
  margin-bottom: 22px;
}
.login-page .custom-form span,
.sign-up .custom-form span {
  text-align: center;
  font-size: 15px;
  display: block;
  color: #706fa4;
}
.login-page .custom-form span a,
.sign-up .custom-form span a {
  color: #20add0;
  font-family: "Myriad-Pro-Regular", serif;
}
/*=====  End of 15. Style Login Page  ======*/
/*=====================================
=            16. Style Faq            =
=====================================*/
/**
	Navigation File

	01. Questions Page
	02. Accordion

 */
/* 01. Questions Page
   ==================================== */
.questions-page .first-section {
  padding: 300px 0 0;
  margin-bottom: 133px;
  background: url(../img/faq-bg.png) no-repeat;
}
.questions-page .first-section .text {
  padding-top: 0;
  max-width: 420px;
}
.questions-page .first-section .text h1 {
  line-height: 53px;
  margin-bottom: 22px;
}
.questions-page .first-section .text p {
  color: #abaae6;
  font-size: 18px;
  line-height: 27px;
}
.questions-page .cloud {
  top: 32%;
  background: url(../img/cloud.png) no-repeat;
  animation: cloud_one 300s infinite;
  animation-timing-function: linear !important;
}
.questions-page .cloud.two {
  animation: cloud_one_two 310s infinite;
}
.questions-page .cloud-two {
  top: 77%;
  background: url(../img/cloud2.png) no-repeat;
  animation: cloud_two_faq 300s infinite;
  animation-timing-function: linear !important;
}
.questions-page .mini-cloud {
  top: 51%;
}
.questions-page .mini-cloud.two {
  top: 94%;
}
.questions-page .mini-cloud,
.questions-page .mini-cloud.two {
  background: url(../img/mini-cloud.png) no-repeat;
  animation: cloud_two_about 300s infinite;
  animation-timing-function: linear !important;
}
.questions-page .custom-form {
  padding: 32px 56px;
  background-color: #f5f9fc;
}
.questions-page .custom-form h4 {
  color: #131149;
  margin-bottom: 54px;
}
.questions-page .custom-form label.active {
  -ms-transform: translateY(-20px);
      transform: translateY(-20px);
}
.questions-page .custom-form .form-group {
  width: 197px;
  margin-bottom: 66px;
}
.questions-page .custom-form .form-group.last {
  width: 100%;
  margin-bottom: 20px;
}
.questions-page .custom-form .form-group.first {
  margin-right: 59px;
}
.questions-page .custom-form .form-group .see-brd-btn {
  display: -ms-flexbox;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ 	display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */ 	display: -ms-flexbox;  /* TWEENER - IE 10 */ 	display: -webkit-flex; /* NEW - Chrome */ 	display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.questions-page .text-head {
  margin-bottom: 70px;
}
.questions-page .text-head h5 {
  margin-bottom: 15px;
}
/* 02. Accordion
   ==================================== */
#accordion {
  margin-bottom: 30px;
}
#accordion .accordion-content {
  margin-bottom: 24px;
  background-color: #f5f9fc;
}
#accordion .accordion-header {
  position: relative;
}
#accordion .accordion-header button {
  color: #131149;
  font-size: 20px;
  font-weight: 700;
  width: 100%;
  text-align: left;
  text-decoration: none;
  padding: 31px 65px 31px 30px;
  display: -ms-flexbox;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ 	display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */ 	display: -ms-flexbox;  /* TWEENER - IE 10 */ 	display: -webkit-flex; /* NEW - Chrome */ 	display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  white-space: normal;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
#accordion .accordion-header button svg {
  width: 47px;
  vertical-align: middle;
  position: absolute;
  right: 27px;
  top: 23px;
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
  transition: 0.2s linear;
}
#accordion .accordion-header button svg path,
#accordion .accordion-header button svg polygon {
  fill: #20add0;
}
#accordion .accordion-header button.collapsed svg {
  -ms-transform: rotate(0);
      transform: rotate(0);
}
#accordion .accordion-header button:hover svg path,
#accordion .accordion-header button:hover svg polygon {
  fill: #131149;
}
#accordion .accordion-body {
  padding: 2px 20px 47px 30px;
}
#accordion .accordion-body p {
  color: #3a3864;
  font-size: 18px;
  line-height: 31px;
}

/*=====  End of 16. Style Faq  ======*/
/*============================================
=            17. Style Error Page            =
============================================*/
.error-page {
  background: url(../img/404-bg.png) no-repeat;
  background-size: 100%;
}
.error-page .text {
  padding: 314px 0 53px 0;
}
.error-page .text h1 {
  font-weight: 900;
  color: #fff;
  line-height: 70px;
  margin-bottom: 54px;
}
.error-page .text h1 span {
  display: block;
  font-weight: 600;
}
.error-page .text a {
  color: #20add0;
  font-size: 20px;
  font-weight: 600;
}
.error-page .text a img {
  vertical-align: middle;
  margin-right: 5px;
}
/*=====  End of 17. Style Error Page  ======*/
/*============================================
=            18. Calculator Style            =
============================================*/
.calculator-page .calculator {
  margin: -385px 0 213px 0;
}
.calculator-page .text-head h5 {
  margin-bottom: 15px;
}
.calculator-page .h2-main {
  margin-bottom: 70px;
}
.calculator {
  position: relative;
}
.calculator:before {
  content: "";
  width: 100%;
  top: 137px;
  left: 0;
  position: absolute;
  display: inline-block;
  background: url(../img/calculator-bg.png) no-repeat;
  background-size: cover;
  min-height: 780px;
  z-index: -9;
}
.calculator .nav-pills {
  background-color: #f5f9fc;
  -ms-flex-pack: center;
      justify-content: center;
}
.calculator .nav-pills li a {
  color: #131149;
  font-size: 18px;
  border-radius: 0;
  padding: 24px 0;
  margin: 0 29px;
  border-bottom: 2px solid transparent;
}
.calculator .nav-pills li a.active {
  color: #20add0;
  background-color: transparent;
  border-bottom: 2px solid #20add0;
}
.calculator .tab-content {
  width: 100%;
  padding: 20px 27px 2px 27px;
  background-color: #fff;
  display: inline-block;
}
.calculator .tab-content .info-button {
  width: 100%;
  clear: both;
  margin-bottom: 15px;
}
.calculator .tab-content .info-button li {
  float: left;
  font-size: 18px;
  border-right: 0;
  color: #fff;
  width: 350px;
  padding: 23px 0;
  text-transform: uppercase;
  display: inline-block;
  background-color: #20add0;
  text-align: center;
  margin-bottom: 0;
  box-shadow: 6px -1px 20px 1px rgba(18, 15, 71, 0.17);
}
.calculator .tab-content .info-button li output {
  font-size: 22px;
  font-weight: 700;
  display: block;
  margin-top: 12px;
}
.calculator .tab-content .info-button li:not(:last-child) {
  margin-right: 30px;
}
.calculator .tab-content ul {
  width: 33.3%;
  float: left;
  display: inline-block;
}
.calculator .tab-content ul li {
  font-size: 16px;
  color: #20add0;
  padding: 21px 10px;
  text-align: center;
  margin-bottom: 18px;
  overflow: hidden;
  border-right: 2px solid rgba(32, 173, 208, 0.2);
}
.calculator .tab-content ul li output {
  font-size: 18px;
  font-weight: 700;
  display: block;
  margin-top: 12px;
  width: 100%;
  margin: 12px auto 0 auto;
  overflow: hidden;
}
.calculator .tab-content ul.first li {
  border-right: 0;
  background-color: #f5f9fc;
}
.calculator .calculator-info {
  padding: 32px 0 0;
  text-align: center;
  background: linear-gradient(to bottom, #20add0 0%, #094d9e 100%);
}
.calculator .calculator-info h5 {
  font-weight: 700;
  color: #fff;
  line-height: 25px;
  padding-bottom: 20px;
}
.calculator .calculator-info h5 span {
  font-size: 16px;
  font-weight: 400;
  display: block;
}
.calculator .calculator-info img {
  margin-bottom: 11px;
}
.calculator form .form-group {
  text-align: left;
  padding: 28px 30px 21px 34px;
  border-top: 2px solid #309dc8;
}
.calculator form .form-group.first input {
  width: 190px;
  margin-right: 17px;
}
.calculator form .form-group:last-child {
  padding-bottom: 37px;
}
.calculator form .form-group label {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  display: block;
  margin-bottom: 18px;
}
.calculator form .form-group input {
  font-size: 18px;
  color: #3a3864;
  font-weight: 600;
  border: none;
  width: 100%;
  height: 44px;
  padding: 0 15px;
  background-color: #d4e2f1;
  vertical-align: bottom;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
}
.calculator form .form-group input::-webkit-outer-spin-button,
.calculator form .form-group input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.calculator form .form-group input:focus {
  outline: none;
  box-shadow: none;
}
.calculator form .form-group input::-webkit-input-placeholder {
  font-size: 18px;
  color: gray;
  font-weight: 600;
}
.calculator form .form-group input::-moz-placeholder {
  font-size: 18px;
  color: gray;
  font-weight: 600;
}
.calculator form .form-group input:-ms-input-placeholder {
  font-size: 18px;
  color: gray;
  font-weight: 600;
}
.calculator form .form-group select {
  color: #20add0;
  padding: 0 15px;
  font-size: 18px;
  font-weight: 700;
  height: 44px;
  cursor: pointer;
  border: none;
  width: 109px;
  background-color: #d4e2f1;
}
.calculator form .form-group select:focus {
  border: none;
  outline: none;
}
.calculator form .form-group select option {
  background-color: #e5ecf3;
}
.calculator form .select {
  display: inline-block;
  position: relative;
}
.calculator form .select svg {
  top: 50%;
  right: 16px;
  cursor: pointer;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  position: absolute;
}
.calculator form .select svg:hover path {
  fill: #6abfd4;
}
/*=====  End of 18. Calculator Style  ======*/

/*===================================
=            Color Theme            =
===================================*/
/*=====  End of Color Theme  ======*/
/*===================================
=            Font Family            =
===================================*/
/*=====  End of Font Family  ======*/
.img-responsive{margin: auto;display: block;}
.modified .go {
  /* width: 100%; */
  display: block;
  padding-top: 15px;
}
.news-owl-carousel {
  width: 75%!important;
  margin: auto;
}
.carousel-control.left{background: none!important;z-index: 999;}
.carousel-control.right{background: none!important;z-index:999;}
.go .carousel-inner {
  position: relative;
  width: 70%;
  overflow: hidden;
  margin: auto;
}
 
.go .carousel-control{opacity: 1!important;}
.go .glyphicon {color: #fff;}
.go .h2-main {
  line-height: 28px;
  margin:0px 0 16px;
}
.testimonial-section {
  padding-top: 40px;
  padding-bottom: 30px;
}

.testimonial-section .carousel {
  margin: 21px auto;
  padding: 0 60px;
}
.go .blue-brd-btn{margin-left: 0;}
.overview {
  color: #000!important;
  margin: 0!important;
}

.blue-brd-btn::after { 
  content: ''; 
}
a:focus, a:hover {
  text-decoration: none!important;
}
#shiva {
  width: 100%;
  font-weight: 800;
  color: #fff;
  margin: 8px 0;
}
 .counter  {
  font-size:22px;
  margin-top: 21px;
  margin-right:5px;
}
.linker
{
  font-size : 20px;
  color: black;
}
.reason-block-cont:hover .reasons-icon-div {
  transform: rotate(360deg);
  transition: transform 1s;
}
.price-plan-item-inside:hover {
  background: #cfffe4;
  box-shadow: 2px 41px 42px #0d9048;
  padding-bottom: 21px;
}
.modified .justify-content-center {
  margin-top: 0px;
}
.modified .price-plan-item-inside {
  background: url(../img/box-bg.png)  #629da8;
  padding-bottom: 0px; 
  padding-top:0px; border-radius: 8px; -webkit-border-radius: 8px;
  box-shadow:1px 3px 8px #629da8; -webkit-box-shadow:1px 3px 8px #629da8;
  margin-bottom: 28px;
  margin-left: 2px;
  margin-right: 2px;
  min-height: 250px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition:  all .5s ease;
    transition:  all .5s ease;
}
.modified .price-plan-item-inside:hover{ background: url(../img/box-bg.png)  #337ab7;
  -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition:  all .5s ease;
    transition:  all .5s ease;} 
.modified .price-plan-item-inside h4 {
  font-size: 17px;  font-family: 'sukhumvit_setbold';
  color: #fff;
  margin-top: 20px;
  margin-bottom: 1px; text-transform: capitalize;
  padding: 0 9px; 
  height: 30px;
}
.modified .price-plan-text-1 {
  font-size: 15px;
  margin-top: 0px;
  line-height: 22px;
  padding: 0 8px; 
  color: #bad5da;
}
.reasons-desc-div h4 {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.price-plan-icon-wrap {
  height: 120px;
   display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */ 
        display: -ms-flexbox;  /* TWEENER - IE 10 */ 	display: -webkit-flex; /* NEW - Chrome */ 
          display: flex;

          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; 
  
  /* border-bottom: 1px solid #90c3cc; */
 
}
.price-plan-item-icon {   
  background-size: cover;
  width: 90px;
  margin: 0px auto;
  height: 80px;

}
 
.carousel-content .h2-main {
  color: #f6bc2d;
}
.logo a {
  margin-bottom: 14px;
  display: block;
}
.owl-carousel {
   display: block!important;
  width: 100%;
  z-index: 1;
}
#sync .img-responsive {
    position: absolute;
    top: -38px;
    right: 0;
}
 
 .register-btn li{ display: inline-block; list-style: none}
 .register-btn li a{ padding: 9px;  font-size: 16px;   font-family: 'sukhumvit_setbold'; }
 
 
.c-form input {
  width: 100%;
  height: 35px;
  padding: 8px;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-right:0px!important;
}
.input-zip::placeholder {
  color: gray;
}
.input-zip {
  height: 54px;
  padding:15px;
  background: #e9ebf1;
  border: 1px solid #fff;
  color: #192c76;
  width: 100%;
  border-radius: 30px;
  margin-right: 12px;
  text-align: left;
  font-size: 15px;
}
.input-zip:focus {
    outline: none;
}
.col-center {
	margin: 0 auto;
	float: none !important;
}
.carousel {
	margin: 0px auto;
	/* padding: 0 70px; */
}
.carousel .item {
	color: #999;
	font-size: 15px;
    text-align: center;
	overflow: hidden;
    min-height: 290px;
}
.carousel .item .img-box {
	width: 135px;
	height: 135px;
	margin: 0 auto;
	padding: 5px;
	border:1px solid #192c76;
	border-radius: 50%;
}
.carousel .img-box img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
}
.c-form label {
  display: block;
  margin-top: 10px;
  color: #fff;
  font-size: 16px;
}
.form-control {
  color: #192c76!important;
  background-color: #fff!important;
}
.c-form textarea {
  width: 100%;
  height: 70px;
  background: #fff;
  color: #192c76;
  padding: 9px 9px;
}
.carousel .testimonial {
  padding: 26px 0 38px;
  color: #333;
  width: 80%;
  margin: auto;
}
.carousel .testimonial .fa{color:#192c76;}
.c-form {
  display: block;
  overflow: hidden;
  box-shadow: 0px 0px 1px 0px #474646;
  padding: 0px;
  margin: auto;
  margin-top: 21px;
  margin-bottom: 33px;
  padding-bottom: 19px;
  padding-top: 7px;
}
.carousel .overview {	
	font-style: italic;
}
.carousel .overview b {
  text-transform: uppercase;
  color: #192c76;
  font-weight: 800;
  font-size: 23px;
}
.carousel .carousel-control {
	width: 40px;
    height: 40px;
    margin-top: -20px;
    top: 50%;
  background: none;
  opacity: 1!important;
}
.carousel-control i {
  line-height: 42px;
  position: absolute;
  display: inline-block;
  color: #30254b;
  text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
  font-size: 48px;
  font-weight: 800;
}

.carousel-indicators li, .carousel-indicators li.active {
  width: 10px;
  height:10px;
  margin: 1px 3px;
  border-radius: 100%;
  background-color:#0020A9!important;
}
.carousel-indicators li {
  width: 10px!important;
  height: 10px!important;
  background-color: rgb(96, 182, 73)!important;
}
.carousel-indicators li {	
	background: #999;
	border-color: transparent;
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
.carousel-indicators li.active {	
	background: #6130d9;		
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
.footer-privacy ul {
  list-style: none;
}
.footer-privacy ul li {
  display: inline-block;
  width: 19%;
  text-align: center;
}
.footer-privacy ul li a {
  font-size: 15px;
  text-decoration: underline;
  font-weight: bold;
}
.frm {
  width: 100%;
  margin: auto;
  z-index: 1050;
  padding-top: 21px;
  border-radius: 8px;
}

.footer-menu-wrap h1 .fa {
  color: #f8f8f8;
  font-size: 29px;
}
.ad-one {
  margin: 5px 0;
  color: #fff;
  font-size: 19px;
}
.f-cntent {
  font-size: 16px;
  font-weight: bold;
  color: #b0abab;
  display: inline-block;
}
.f-cntent .fa {
  font-size: 21px;
  color: #60b649;
  margin-top: 6px;
}
.divider {
  background: #3d3737;
  height: 1px;
  margin: 13px 0;
}
/* -----Contact-Us-Page-css--- */


.first-images {
  width: 60%;
  margin: auto;
  display: block;
}
 
.first-images1 {
  position: relative;
  width: 100%;
  z-index: 99;
  overflow: hidden;
  display: block;
  clear: both;
}
 

.content-slide {
  height: 63px;
  overflow: hidden;
  font-size: 35px;
  line-height: 40px;
  color: #ecf0f1;
}
.content__container {
  font-weight: 600;
  overflow: hidden;
  height: 49px;
  padding: 0;
}

.for_phone .carousel-inner .item {
  height: 457px;
}
    .content__container__text {
      display: inline;
      float: left;
      margin: 0;
    }

    .content__container__list {
      margin-top: 4px;
      padding-left:60px;
      text-align: left;
      list-style: none;
      /* -webkit-animation-name: change;
      -webkit-animation-duration:1s;
      -webkit-animation-iteration-count: infinite;
      animation-name: change;
      animation-duration:1s;
      animation-iteration-count: infinite; */
  }
 ul.content__container__list{position: relative;}
 ul.content__container__list li{ position: absolute;}

 ul.content__container__list li.first-flip{ opacity: 1; -webkit-opacity:1;

  -webkit-animation-name: opac1;
      -webkit-animation-duration:6s;
      -webkit-animation-iteration-count: infinite;
      animation-name: opac1;
      animation-duration:6s;
      animation-iteration-count: infinite;
    
    }
 ul.content__container__list li.second-flip{ opacity: 0; -webkit-opacity: 0;

  -webkit-animation-name: opac2;
      -webkit-animation-duration:6s;
      -webkit-animation-iteration-count: infinite;
      animation-name: opac2;
      animation-duration:6s;
      animation-iteration-count: infinite;
    } 
 ul.content__container__list li.third-flip{ opacity: 0; -webkit-opacity: 0;

  -webkit-animation-name: opac3;
      -webkit-animation-duration:6s;
      -webkit-animation-iteration-count: infinite;
      animation-name: opac3;
      animation-duration:6s;
      animation-iteration-count: infinite;
    
    }

  .content__container__list__item {
    color: #ffffff;
    /* font-family: 'sukhumvit_setbold'; */
    font-weight: 400;
    cursor: default; 
    line-height: 42px;
    font-size: 40px;
}
.content__container__list__item span{  color: #f6bc2d;   }

@-webkit-keyframes opac1 {
  0%{ opacity: 1; -webkit-opacity: 1; top: 0px; }
20%{opacity: 0; -webkit-opacity: 0;  top: 50px;   }
40%{ opacity: 0; -webkit-opacity: 0;  top: -50px; } 
60%{ opacity: 1; -webkit-opacity: 1; top: 0px; } 
80%{ opacity:0; -webkit-opacity: 0; top: 50px; } 
100%{  opacity: 0; -webkit-opacity: 0;  top: -50px;}
}
@-webkit-keyframes opac2 {
  0% { opacity: 0; -webkit-opacity: 0;  top: -50px;}
 20%{ opacity: 1; -webkit-opacity: 1; top: 0px;}
 40%{opacity: 0; -webkit-opacity: 0; top: 50px; }
60% { opacity: 0; -webkit-opacity: 0;  top:  -50px;}
80%{ opacity: 1; -webkit-opacity: 1; top: 0px;}
100%{opacity: 0; -webkit-opacity: 0; top: 50px; }
  
}
@-webkit-keyframes opac3 {
  0%{ opacity: 0; -webkit-opacity: 0; top: 50px; }
 20% { opacity: 0; -webkit-opacity: 0; top: -50px;}
 40%{ opacity: 1; -webkit-opacity: 1; top: 0px;}
 60%{ opacity: 0; -webkit-opacity: 0; top: 50px; }
 80%{ opacity: 0; -webkit-opacity: 0; top: -50px; }
  100%{ opacity: 1; -webkit-opacity: 1; top: 0px;}
  
}
 
  @-webkit-keyframes change {
 /* 0%, 14.66%, 100% {transform:translate3d(0,0,0);}
  16.66%, 29.32% {transform:translate3d(0,-35%,0);}
  33.32%,45.98% {transform:translate3d(0,-68%,0);}
  49.98%,62.64% {transform:translate3d(0,-68%,0);}
  66.64%,79.3% {transform:translate3d(0,-35%,0);}   */

  /* 0%{   transform: translateY(0px);  opacity: 1; -webkit-opacity:1;}
 20%{   transform: translateY(-43px);  opacity: 1; -webkit-opacity: 1;}
 50%{   transform: translateY(-43px);  opacity: 1; -webkit-opacity: 1;}
 75%{  transform: translateY(-85px);  opacity: 1; -webkit-opacity: 1;}    
 95%{  transform: translateY(-111px);  opacity: 1; -webkit-opacity:1;}  
 97%{ opacity: 0; -webkit-opacity: 0; transform: translateY(-111px);}
 99%{ opacity: 0; -webkit-opacity:0;  transform: translateY(0px);  }
 100%{  transform: translateY(0px);  opacity: 1; -webkit-opacity:1;} */


 /* 0%{   transform: translateY(0px);  opacity: 1; -webkit-opacity:1;}
 20%{   transform: translateY(-43px);  opacity: 1; -webkit-opacity: 1;}
 50%{   transform: translateY(-43px);  opacity: 1; -webkit-opacity: 1;}
 75%{  transform: translateY(-85px);  opacity: 1; -webkit-opacity: 1;}    
 95%{  transform: translateY(-111px);  opacity: 1; -webkit-opacity:1;}  
 97%{ opacity: 0; -webkit-opacity: 0; transform: translateY(-111px);}
 99%{ opacity: 0; -webkit-opacity:0;  transform: translateY(0px);  }
 100%{  transform: translateY(0px);  opacity: 1; -webkit-opacity:1;} */
 
}  

/*--- login form css  ----*/


/* style the container */
.containers {
  position: relative;
  border-radius: 5px;
  padding: 20px 0 30px 0;
  margin-top: 17px;
} 

/* style inputs and link buttons */
.containers  input,
.btn {
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 4px;
  margin: 5px 0;
  opacity: 0.85;
  display: inline-block;
  font-size: 17px;
  line-height: 20px;
  text-decoration: none; /* remove underline from anchors */
}

.containers input:hover,
.btn:hover {
  opacity: 1;
}

/* add appropriate colors to fb, twitter and google buttons */
.containers .fb {
  background-color: #3B5998;
  color: white;
}

.containers .twitter {
  background-color: #55ACEE;
  color: white;
}

.containers .google {
  background-color: #dd4b39;
  color: white;
}

/* style the submit button */
.containers input[type=submit] {
  background-color: #4CAF50;
  color: white;
  cursor: pointer;
}

.containers input[type=submit]:hover {
  background-color: #45a049;
}
.col .btn:hover {color:#fff;}

/* Two-column layout */
.containers .col {
  float: left;
  width: 50%;
  margin: auto;
  padding: 0 50px;
  margin-top: 6px;
}

/* Clear floats after the columns */
.containers .row:after {
  content: "";
  display: table;
  clear: both;
}

/* vertical line */
.containers .vl {
  position: absolute;
  left: 45%;
  transform: translate(-50%);
  border: 2px solid #ddd;
  height: 300px;
}

/* text inside the vertical line */
.containers .vl-innertext {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  border-radius: 50%;
  padding: 8px 10px;
}

/* hide some text on medium and large screens */
 .hide-md-lg {
  display: none;
}

/* bottom container */
.bottom-container {
  text-align: center;
  background-color: #60b649;
  width: 100%;
  margin: auto;
  margin-top: 23px;
  border-radius: 0;
}
.bottom-container .btn {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding:8px 0 4px!important;
}
.col input {
  background: #efefef;
  border: 1px solid #9da3be;
}


.yahoo {
  background: #7557F8;
  color: #fff;
}
.containers .h2-main {
  margin-bottom: 55px;
}
.linkdin {
  background: #2567B3;
  color: #fff;
}
.col .btn {
    width: 80%;
    display: block;
    margin: 1px auto 6px;
}
.current-plan {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  margin: 12px 0px 24px 0px!important;
  color: #333;
}
#regForm .tab p {
  margin-bottom: 20px;
  position: relative;
}
#regForm .tab p .fa{
  position: absolute;
  right: 14px;
  top: 50%;
  font-size: 30px;
  color: #253c97;
}
.lab-con {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.skip {
  font-size: 16px;
  font-weight: bold;
  color: #253c97;
}
.plan-details li {
  width: 225px;
}
.plan-details {
  text-align: center;
  margin: auto;
  display: table;
}
.plan-details li a {
  color: #253c97;
  cursor: default;
  background-color: #f3f3f3;
  border: none!important;
  font-size: 22px;
  box-shadow: 1px 1px 1px 0px #c3c4c6;
  font-weight: bold;
  padding: 10px 0px!important;
}
.plan-details li a span {
  font-size: 15px;
  display: block;
  font-weight: bold;
}
.best-plan-details {
  margin-top: 32px;
  display: block;
}
.row.yur-saving {
  /* margin: 0 0 8px 0; */
  background: #fefefe;
  margin-top: 7px;
  /* box-shadow: 0px 1px 1px 0px #d8d2d2; */
}
.best-plan-details .nav-tabs {
  display: table;
  text-align: center;
  margin: auto;
}
.best-plan-details .nav-tabs li {
  width: 200px;
}
.best-plan-details .tab-content {
  margin-top: 30px;
  background: #f5f6f7;
  text-align: center;
  border: 2px solid #aeb6d4;
  padding: 10px;
  margin-bottom: 13px;
}
.plan-details>li.active>a, .plan-details>li.active>a:focus, .plan-details>li.active>a:hover {
  color: #26356e!important;
  background-color: #f1f9ef!important;
  font-weight: bold;
  font-size: 22px!important;
  box-shadow: 0px 1px 11px 0px #2a2929;
}
.best-plan-details .nav-tabs>li.active>a, .best-plan-details .nav-tabs>li.active>a:focus, .best-plan-details .nav-tabs>li.active>a:hover {
  color: #FFE!important;
  background-color: #1633af!important;
  border: none!important;
  font-size: 17px;
  font-weight: bold;
  border-radius: 0;
}
.best-plan-details .nav-tabs>li>a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: none;
  border-radius: 0;
  font-size: 17px;
  color: #253c97;
  background: #e9e9e9;
}
.nav-tabs {
  border-bottom: none!important;
}
.best_plan h2 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 16px;
  color: #337ab7;
}
.best_plan {
  /*color: #337ab7;*/
  text-align: center;
  margin-top: 30px;
  margin-bottom: 35px;
}
.best_plan hr{ margin: 30px 0;}
.plan-d h3 {
  margin-top: 58px;
  margin-bottom: 9px!important;
  font-size: 17px;
  font-weight: bold;
  color: #337ab7;
}
.plan-d p {
  font-size: 31px;
  font-weight: bold;
  color: #7d7d7d;
}
.plan-b h2 {
  font-size:40px;
  font-weight: bold;
  color: #f6bc2d;
  margin-bottom: 0;
}
.plan-b h3 {
  margin: 0;
  color: #000;
}
.company-plan-details h3 {
  font-size: 22px;
  color: #337ab7;
  font-weight: bold;
  text-transform: uppercase;
}
.company-plan-details h1 {
  font-weight: bold;
  color: #337ab7; font-size:40px; 
  margin-bottom:0px;
}
.company-plan-details ul {
  margin-bottom:  0px;
}
.company-plan-details ul li {
  display: inline-block;
  font-size: 20px;
  margin-right: 27px;
}
.form-beside-title .stp-form input,
.form-beside-title .stp-form select,
.form-beside-title .stp-form option {
  font-size: 14px;
  /* text-align: center; */
  color: #192c76 !important
}


/* change input placeholders color 19-09-19 */

  .form-beside-title .stp-form  ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: gray;
  }
  .form-beside-title .stp-form ::-moz-placeholder { /* Firefox 19+ */
    color: gray;
  }
  .form-beside-title .stp-form :-ms-input-placeholder { /* IE 10+ */
    color: gray;
  }
  .form-beside-title .stp-form :-moz-placeholder { /* Firefox 18- */
    color: gray;
  }

  
  
.stp-form input, .stp-form select, .stp-form option {
  padding: 10px;
  width: 100%;
  font-size: 17px;
  color: #333;
  border: 1px solid #808fca;
  position: relative;
  opacity: .7;
  z-index: 9;
}
.stp-form input::placeholder {  color: gray;}
.men-img {
  margin-top: -102px;
}

/*---portal-css----*/

.portal {
  padding-top: 59px;
  padding-bottom: 43px;
}
.adminuser {
  font-size: 18px;
  font-weight: bold;
  display: block;
  position: relative;
  color: #fff;
  background: #68ba52;
  padding: 18px;
}
.adminuser:hover, .adminuser:focus {
  color: #fff;
}
.fixed .adminuser {
  background: #fdfdff;
  color: #337ab7;
}
.adminuser img {
  width: 15%;
  border-radius: 100%;
  vertical-align: middle;
  margin-right: 7px;
  border: 1px solid #a7a7d0;
}
.admin-user {
  position: relative;
  padding: 19px 0 20px 0;
  margin: auto;
  width: 200px;
}

.register-user {
  list-style: none;
  background: #f2f6ff;
  padding-top: 6px;
  position: absolute;
  top: 84px;
  text-align: center;
  margin: auto;
  width: 100%;
  left: 0;
  right: 0;
  display: none;
}
.register-user li {
  padding: 10px 0 15px 0;
  border-bottom: 1px solid #e9e9e9;
}
.user-details ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.user-details ul li {
  padding: 3px 0 11px 0;
  border-bottom:1px solid #5a5a5a;
  color: #fff;
}
.user-details ul li a {
  position: relative;
  display: table;
  color: #fff;
  font-weight: bold;
}
.user-details ul li a input {
  z-index: 9;
  position: absolute;
  opacity: 0;
  height: 86px;
  width: 36%;
  display: inline-block;
  border-radius: 100%;
}
.user-details ul li a img {
  position: relative;
  width: 30%;
  border-radius: 100%;
  margin: auto;
}
.user-details ul li a h3 {
  float: right;
  display: block;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  padding: 8px 0;
  text-align: left;
  margin-right: 20px;
}
.user-details {
  background: #337ab7;
  padding: 9px;
  color: #fff;
}
.user-details ul li .fa {
  float: left;
  font-size: 22px;
  color: #fff;
  width: 35px;
  text-align: center;
}
.c-details {
  width: 100%;
  margin: 0px auto;
  padding: 8px 16px;
}
.c-details ul {
  list-style: none;
  padding: 1px 0 1px;
  margin-bottom: 0;
}
.c-details ul li {
  display: block;
  font-size: 14px;
}
.c-details ul li:first-child {
  font-weight: 800;
  font-size: 16px;
  margin-bottom: 3px;
}

.contract-details .nav-tabs {
  text-align: center;
  margin: auto;
  /* background: #f2f2f2; */
  /* padding: 11px; */
}
.contract-details .nav-tabs li {
  width: 100%;
    max-width: 200px;
    display: inline-block;
    float: none;
}
/* edit by designer 23-09-19 */
.c-contract {
  /* padding: 15px; */
  background: #fff;
  margin-top: 20px;
}
.company-logo img {
  max-width: 200px;
}
.ser-provider {
  margin-top: 17px;
}
.company-logo {
  text-align: left;
  padding: 9px;
  box-shadow:1px 1px 1px 1px #f6f5f5;
}
.company-name h2 {
  margin: 3px 0 0 0;
  font-weight: 500;
  color: #333;
  font-size: 22px;
}
.c-details .btn {
  padding: 3px;
  display: inline;
  margin: auto;
  text-align: center;
}

.contract-details .nav-tabs > li.active > a {
  color: #fff!important;
  cursor: default;
  background-color: #f6bc2d!important;
  border: 1px solid #ddd;
  border-radius: 30px; /* added by designer 23-09-19 */
  border-bottom-color: transparent;
}
.contract-details .nav-tabs>li>a {
  border: 1px solid #e6e1e1!important;
  color: #333;
  background: #ddd;
  border-radius: 30px; /* added by designer 23-09-19 */
}
.nav>li>a {
  position: relative;
  display: block;
  /* padding: 5px 15px!important; */  /* remove by designer 23-09-19 */
  font-size: 16px!important;
}

.user-d {
  margin-top: 13px;
  margin-bottom: 4px;
  padding-bottom: 18px!important;
  font-weight: bold;
}
.show-docs a {
  width: 100%;
  display: block;
  border-top: 1px solid #eee;
  margin-bottom: 0;
  padding: 11px 0 0px 0;
  text-align: left;
  font-size: 20px;
  font-weight: 600;
  margin-top: 10px;
  color: #333;
  text-transform: capitalize;
}
.ser-provider .col-md-8 .act-btn.inactive p {
  background: red;
}
.pdf-docs a .fa {
  color: #333;
  font-size: 23px;
  display: table;
  margin-bottom: 5px;
  /* padding-left: 9%; */ /* comment by designer 20-09-19*/
}
.pdf-docs a {
  display: inline-block;
  border: none;
  /* width: 15%; */ /* comment by designer 20-09-19*/
  font-size: 14px;
  font-weight: 300;
}
/* .pdf-docs {
  display: none;
} */
.cancellation {
  border: 1px solid #ebeaea;
  overflow: hidden;
  box-shadow: 1px 0px 10px 0px #faf9f9;
  padding: 5px;
  margin-top: 6px;
}
.cancellation a {
  background: #307a1c;
  width: 100%;
  display: block;
  text-align: center;
  padding: 3px;
  margin-top: 2px;
  color: #fff;
}
.cancellation a .fa {
  display: block;
  font-size: 23px;
  margin-bottom: 6px;
}
.cancellation a:hover{color:#fff;}
.ser-add h4 {
  font-weight: 800;
  font-size: 16px;
}
.ser-add {
  margin-top: 17px;
  margin-bottom: 10px;
}
.ser-add p {
  font-size: 15px;
  line-height: 25px;
}
.billing-address h4 {
  font-weight: 800;
  font-size: 16px;
}
.billing-address p {
  font-size: 15px;
  line-height: 25px;
}
.nextBtn {
  background-color: #4CAF50;
  color: #ffffff;
  border: none;
  padding: 11px 20px;
  font-size: 17px;
  cursor: pointer;
}
.nextBtn:hover{color:#fff;}
.act-btn p {
  background: #60b649;
  display: table;
  padding: 1px 10px;
  color: #fff;
  border-radius: 5px;
  margin-top: 0;
  font-size: 14px;
}
.ser-provider .col-md-8 .act-btn p {
  background: #60b649;
  display: table;
  padding: 2px 18px;
  color: #fff;
  border-radius: 5px;
  margin-top: 5px;
  font-size: 14px;
  line-height: normal;
}
.company-name {
  margin-top: 11px;
}
custom-select {
  position: relative;
  font-family: Arial;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: DodgerBlue;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

/*---why-us--slider--*/

.mobile-slider1 {
  width: 35%;
  overflow: hidden;
  margin: auto;
  position: relative;
}
.first-images1 {
  position: relative;
  width: 100%;
  z-index: 99;
  overflow: hidden;
  display: block;
  clear: both;
}
 
.poketslider1 .carousel-indicators {
  left: 31px;
  position: absolute;
  bottom: 71px;
}

.addon_btn_style{ position: relative;}
.addon_btn_style input.blue-brd-btn{  text-transform: uppercase;    position: absolute;
  top: 4px;
  height: 45px;
  right: 5px;
  line-height: 19px;}
  .video_btn{position: relative;}
  .video_btn .blue-brd-btn{ padding-top: 15px; padding-bottom: 15px;        padding-left: 5em;
    margin-top:8em;}
  .video_btn .blue-brd-btn .video_icon{     display: inline-block;
    height: 137px;
    width: 137px;
    background-image: url(../img/video_icon.png);
    position: absolute;
    left: -41px;
    top: -38px;}

    .left-mobile-img img{     margin: 0px auto;
      max-width:330px;}


      .owl-dots{ display: block; text-align: center;}
      .owl-dots .owl-dot{ display: inline-block; margin: 0 5px; background-color: #f6bc2d; width:10px; height:10px; border-radius:100%; }
      .owl-dots .owl-dot.active{ background-color: #337ab7; }
      .howITworks .owl-nav{ display:none;}
      .app-store-btn h3{ color: #337ab7;
        font-family: 'sukhumvit_setbold';
        font-size: 18px;
        margin-bottom: 15px;  }
      .app-store-btn  ul li{ display: inline-block;
        list-style: none;
        padding-right: 15px;
    } 
      .carousel-content .h2-main{      margin-bottom: 22px;
        text-transform: capitalize;
        font-size: 28px;
        margin-top: 14px; }  
         .h2-main.after-brd{ position: relative; padding-bottom: 20px;   }
         .h2-main.after-brd::after{ 
          content: "";
          position: absolute;
          left: 50%;
          bottom: 0px;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          background-color: #337ab7;
          width: 60px;
          height: 6px;
          border-radius: 4px;
          -webkit-border-radius: 4px;
            }
            .howITworks{ padding-bottom: 28px;} 
            .testimonial-slide.owl-carousel{ text-align: center;}
            .testimonial-slide.owl-carousel .owl-item .testimonial_icon{     width: 36px;
              margin: 3px auto 14px; }
            .testimonial-slide.owl-carousel  h3 {       position: relative;
              color: #337ab7;
              font-size: 16px;
              margin-top: 32px;
              padding-top: 22px;
              margin-bottom: 5px;
              text-transform: uppercase;}
            .testimonial-slide.owl-carousel  h3::before{     content: "";
              position: absolute;
              background-color: #f6bc2d;
              height: 2px;
              width: 60px;
              left: 50%;
              top: 0;
              transform: translateX(-50%);
              -webkit-transform: translateX(-50%);}
            .testimonial-slide.owl-carousel  .small_text_style{ font-size:14px; color:#9c9c9c;}
            .testimonial-slide.owl-carousel  .owl-item{      padding: 20px 24px;
              background-color: #fff;
              border: 1px solid #e9eaee;
              border-radius: 10px;
              box-shadow: 0px 0px 17px #e7ecff;
              -webkit-border-radius: 10px;
              min-height: 306px;} /* add min-height 19-09-19  */

              .reason-block-cont{     text-align: left;
                margin:30px 0 17px;}
              .reason-block-cont h3#shiva { color:#f6bc2d; margin-top: 0px; line-height:14px;}
              .reason-block-cont h4{font-size: 15px; text-transform: capitalize;}
              .reason-block-cont span{   vertical-align: middle;}
              .reason-block-cont .fa.fa-plus{ font-size: 16px; vertical-align: middle;}
              .reasons-desc-div{     position: relative;
                padding-left: 20px; }
              .reasons-desc-div:before{     content: "";
                position: absolute;
                background-color: #f6bc2d;
                height: 40px;
                top: 50%;
                left: 0;
                border-radius: 6px;
                width: 5px;
                transform: translateY(-50%); }
                .contdown_text_box {      text-align: left;
                  position: relative;
                  z-index: 99;
                  background-color: #fff;
                  padding: 30px 27px;
                  width: 90%;    margin-bottom: 36px;
                  margin-top: 30px;
                  height: 130px;}
                  .contdown_text_box p{     font-family: 'sukhumvit_setbold';
                    position: relative;
                    z-index: 999;
                    color: #71a3a7;
                    line-height: 24px;
                    font-size: 16px;}
                  .contdown_text_box a{ position: relative; z-index: 999;;}
                  .contdown_text_box:before{ content: "";   background-color: #fff;  width: 100%;
                    height: 130px;  position: absolute;  width: 100%; z-index:  99;
                 top: 0px; left:0px;; }
                  .contdown_text_box:after{ content: ""; 
                    height: 130px;  position: absolute;  width:100%; z-index:  9;
                  border: 2px solid #f6bc2d; top: -15px; left: -15px;; }
                  .contdown_text_box .blue-brd-btn {        position: absolute;
                    right: 17%;
                    text-transform: uppercase;
                    bottom: -19px;
                    padding: 11px 25px;}
                   .footer-menu-wrap h3  {     font-size: 18px;
                    position: relative;
                    font-size: 18px;
                    position: relative;
                    padding-bottom: 19px;
                    margin-bottom: 20px;}
                   .footer-menu-wrap h3:after{ content: ""; width: 42px; height: 6px;
                     background-image: url(../img/footer_titile_style.png); position: absolute; bottom: 0px; left: 0px; 
                   }.footer-menu-wrap , .footer-menu-wrap  p, .footer-menu-wrap   li a{ color: #000; 
                    font-size: 15px;     font-family: 'sukhumvit_setmedium'; font-weight: normal; line-height: normal;}
                   .footer-menu-wrap i.fa{  margin-right: 5px;    color: #000;
                    font-size: 18px;
                    vertical-align: middle;
                    font-weight: bold;     margin-top: 0;}
                   .footer-menu-wrap   li { list-style: none;}
                   .footer-menu-wrap   li span  { vertical-align: middle; }

                  .copyright .col-md-7 a{ text-decoration: underline; color:#337ab7;     font-family: 'sukhumvit_setbold';}
                  .copyright .col-md-7 { color:#000;     font-family: 'sukhumvit_setbold';}
                  .copyright  .footer-social-wrapper.scl{ font-size: 15px; text-align: right;     padding-top: 5px;}
                  .copyright  .footer-social-wrapper a .fa{ transition: ease .5s all; -webkit-transition: ease .5s all;}
                  .copyright  .footer-social-wrapper a:hover .fa{ color: #337ab7; transition: ease .5s all; -webkit-transition: ease .5s all;}
                .testimonial-slide  .owl-nav{ width: 100%; display: block !important ; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
                .testimonial-slide  .owl-nav > div{ position: absolute; text-indent: -999em;}
                .testimonial-slide  .owl-nav .owl-prev,.testimonial-slide  .owl-nav .owl-prev:hover{ background-image: url(../img/slider-img/arrow-prev.png);      height: 30px;
                  width: 20px;
                  position: absolute;
                  left: -65px;}
                .testimonial-slide  .owl-nav .owl-next,  .testimonial-slide  .owl-nav .owl-next:hover{background-image: url(../img/slider-img/arrow-next.png);     height: 30px;
                  width: 20px;
                  position: absolute;
                  right: -65px;}
                  .pera_text strong{     color: #6b6b6b;}
                  .pera_text{ line-height: 25px; font-size: 15px; padding-left: 7em; padding-top: 2em;}
              .owl-carousel .owl-stage-outer{ padding: 12px 0px;} 
              .modified  .four-boxes-style .go{     padding-top: 18px;}
              .pdTB-40{ padding-top:40px; padding-bottom: 40px;}
              .pdTB-60{ padding-top:60px; padding-bottom: 60px; }
              .pdT-60{ padding-top:60px;}
              .main_tl_style{    color: #337ab7;
                font-size: 20px;
                margin-bottom: 15px;}
                .filter_plan_box .box-shadow-style{     padding: 29px 16px;
                  height: 434px;}
              .box-shadow-style{ padding:15px; border: 1px solid #ccc; border-radius: 12px; -webkit-border-radius: 12px;
              box-shadow:0px 0px 17px #e7ecff;    -webkit-box-shadow: 0px 0px 17px #e7ecff; }
             .form-control { border:1px solid #989bac; border-radius:26px; -webkit-border-radius: 26px; height: 43px; }

.tab_inner_form h3{       color: #337ab7;
  font-size: 18px;
  margin-top: 14px;
  margin-bottom: 10px;}
  .nav.md-pills li.nav-item{ margin-bottom:5px; margin-top:5px;}
  .nav.md-pills li.nav-item.active a , .nav.md-pills li:hover a{
    background: #f6bc2d;
    color: #fff;
    line-height: 28px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
  }
  .nav.md-pills li a{ 
    color: #333;
    line-height: 28px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
  }
  select.form-control{ background-image:url(../img/select-arrow.png); background-repeat: no-repeat; background-position: right center;  }
        .horizontal-tabs{font-size:14px;padding:10px;color:#008000}
         .horizontal-tabs .sv-tab-panel{background:#fff;height:145px;padding-top:10px;}
         .horizontal-tabs .nav-tabs .nav-link{background:#4CAF50;border:1px solid transparent;color:#fff}
         .horizontal-tabs .nav-tabs .nav-link.active{background-color:#009900!important;border-color:transparent !important;color:#fff;}
         .horizontal-tabs .nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:0rem!important;border-top-right-radius:0rem!important;}
         .horizontal-tabs .tab-content>.active{background:#fff;display:block;}
         .horizontal-tabs .nav.nav-tabs{border-bottom:0;border-right:1px solid transparent;background:#33ad33}
         .horizontal-tabs  div.tab-content{border:solid 1px #4CAF50!important;max-height:150px;}
         .horizontal-tabs  .sv-tab-panel{background:#fff;height:110px;padding-top:10px;}
         .horizontal-tabs  div#home-h.tab-pane .sv-tab-panel{background:#a6dba6}
         .horizontal-tabs  div#profile-h.tab-pane .sv-tab-panel{background:#99d699;}
         .horizontal-tabs  div#messages-h.tab-pane .sv-tab-panel{background:#8cd18c}
         .horizontal-tabs  div#settings-h.tab-pane .sv-tab-panel{background:#80cc80}
 .horizontal-tabs .sv-tab-panel{padding:10px}


.datepicker-style {
  position: relative;
}

.datepicker-style .add-on {
  position: absolute;
  right: 14px;
  top: 12px;
}

.datepicker-style .datepicker {
  cursor: pointer;
  padding: 6px 12px;
  position: relative;
  /* z-index: 999; */
  background-color: transparent !important;
}



 .flex-box-style{ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; }
 .displayFlex{    -webkit-flex:2;
  -webkit-box-flex:2;
  -moz-flex:2;
  -moz-box-flex:2;
  -ms-flex:2;
  flex:2; padding:2px; text-transform: uppercase; color: #333; font-size: 12px;}
 .border-style{    color: #333;
  border: 1px solid #ccc;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  font-size: 13px;
  text-align: center;
  height: 23px;
  line-height: 20px;
  padding: 2px 5px;} 
  .provider_heading{ 
    color: #337ab7;
    font-family: 'sukhumvit_setbold';
    font-weight: 400;
    line-height: 28px;
    margin: 0px 0 10px;
    font-size: 40px;
    text-transform: uppercase;
  }
  .plan-b h3{     font-size:26px;
    font-weight: bold;
    margin-bottom:8px;}
    .plan-b{ position: relative; }
    .plan-b  .saprator_line{    width: 2px;
      height: 60px;
      background-color: #e9eaee;
      margin: 14px auto;}

      .forget_password_link{ text-align: right;}
      .forget_password_link a {      color: #337ab7;
        font-size: 14px;
        margin-bottom: 17px;
        display: block;
        font-weight: bold;}

        .billing-add-check{ position: relative;}
        .billing-add-check .inner-billing{     position: absolute;
          right: 15px;
          top: 10px;}
        .billing-add-check .inner-billing input,   .billing-add-check .inner-billing span{ vertical-align: middle; margin: 0px;}
        .signin-left-part{ background-color: #f6bc2d; padding: 15px; color: #fff;} 
        .signin-left-part p{ color: #fff; }
        .white-brd-btn{ background-color: #fff; color:#f6bc2d; }

       .signin-left-part h2{    font-size: 20px;
        margin-bottom: 12px;}
       .signin-left-part p{ line-height: 22px;}
       .signin-left-part  .white-brd-btn{      border-radius: 23px;
        padding: 8px 25px;
        line-height: 21px;
        font-size: 15px;
        text-transform: uppercase;
        display: inline-block;
        margin-top: 15px;
        font-family: 'sukhumvit_setbold'
     }.signin-left-part .white-brd-btn:hover{ background-color:#337ab7; color: #fff; }
     .box-shadow.form_style.sm-form-style { position: relative;    box-shadow: 0px 0px 17px #e7ecff;
      -webkit-box-shadow: 0px 0px 17px #e7ecff; overflow: hidden ;     border-radius: 10px; -webkit-border-radius: 10px; }
      .box-shadow.form_style.sm-form-style .row{display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ 	display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */ 	display: -ms-flexbox;  /* TWEENER - IE 10 */ 	display: -webkit-flex; /* NEW - Chrome */ 	display: flex; align-items: stretch;}
      .box-shadow.form_style.sm-form-style .signin-left-part{  display: flex;     -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;}
      .signin-left-part .inner-signin-left{ padding: 0 20px;     text-align: justify; }
      .box-shadow.form_style.sm-form-style  .signin-form-style{     padding: 30px 26px 30px 10px;}

      .whyus_style {  margin: 10px 0 0;
        text-align: center;
     text-align: center;}
      .whyus_style h2{     color: #337ab7; text-align: center;
        font-size:22px;  font-family: 'sukhumvit_setbold'; 
        margin-bottom: 24px;}

        .whyus_style h3{       font-size: 20px;
          margin-bottom: 6px; font-family: 'sukhumvit_setbold';}
        .whyus_style .ws-box-style{     min-height: 130px;
          width: 85%;
          margin: 0px auto;
      }.form-beside-title .form_style .form-group{    
        width: 19%;
        min-width: 110px;
        display: inline-block;
        vertical-align: top;
        padding: 0 6px;} 
      .form-beside-title .main_tl_style{     margin-top: 8px;
        margin-bottom: 8px;}
        .form-beside-title .form_style .btn_btm_style{width:140px;}

        .form-beside-title .form_style .btn_btm_style .blue-brd-btn{  font-size: 13px;   min-width: 100%;
          padding: 11px 42px;
          margin-left: 0;}
      .form_style .btn_btm_style{width: 108px;  display: inline-block; }.form_style { text-align: right;}
      .btn_btm_style  .blue-brd-btn[type="button"]{    min-width: 120px;
        padding: 11px 15px;
        margin-left:6px;} 

 .filter_title{ position: relative; background-color: #ebedf4; color: #98a0b9; font-size:14px; text-transform: uppercase;
  display: inline-block;
  padding:10px 10px 6px 0px; }
 .filter_title::before{ content: ""; position: absolute; background-color: #ebedf4; height: 100%; width: 15px; left: -15px; top: 0px;  } 
 .filter_title::after{    content: "";
  position: absolute;
  height: 100%;
  right: -8px;
  top: 0px;
  border-top: 15px solid #ebedf4;
  border-bottom: 15px solid #ebedf4;
  border-right: 8px solid transparent;}
.filterTLStyle{ margin-bottom:10px;}
.filter_side_boxes .range-slide-style { margin-bottom:27px; }
.filter_side_boxes .btn-style .blue-brd-btn{         min-width: 93px;
  padding: 8px 8px;}
.filter-box{ margin-bottom:  0px;}

.filter_side_boxes .filter-box.style-3{     overflow-y: auto !important;}
 
      
      label input[type="radio"] ~ i.fa.fa-circle-o{
          color: #c8c8c8;    display: inline;
      }
      label input[type="radio"] ~ i.fa.fa-dot-circle-o{
          display: none;
      }
      label input[type="radio"]:checked ~ i.fa.fa-circle-o{
          display: none;
      }
      label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{
          color: #337ab7;    display: inline;
      }
      label:hover input[type="radio"] ~ i.fa {
      color: #337ab7;
      }
      
      label input[type="checkbox"] ~ i.fa.fa-square-o{
          color: #c8c8c8;    display: inline;
      }
      label input[type="checkbox"] ~ i.fa.fa-check-square {
          display: none;
      }
      label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
          display: none;
      }
      label input[type="checkbox"]:checked ~ i.fa.fa-check-square {
          color: #337ab7;    display: inline;
      }
      label:hover input[type="checkbox"] ~ i.fa {
      color: #337ab7;
      }
      
      .btn-data-style label.active{
          color: #337ab7;
      }
      .chooseTDUpopup ,  .chooseTDUpopup .modal-footer{ text-align: center;} 
      /* .radio_btn_style label {
        position: relative;
        padding: 0px;
      } */

      /* added by designer 20-09-19 */

        /* .radio_btn_style label {
          position: relative;
          padding: 4px;
          display: inline-flex;
      } */

/* added by designer 21-09-19 */
      .radio_btn_style label {
    position: relative;
    padding: 4px;
    display: inline-flex;
    width: 50%;
    float: left;
    min-height: 100px;}

      
      
      .radio_btn_style label input[type="radio"]{ position: absolute; opacity: 0; -webkit-opacity: 0;}
      .radio_btn_style label input[type="radio"]:checked ~ span{     background-color: #ececec;
        color: #f6bc2d;}
        
        .radio_btn_style label span{
          border-radius: 4px;
          -webkit-border-radius: 4px;
          padding:20px; /* padding:5px 20px 20-09-19 */
          color: #337ab7;
          border: 1px solid #e5e5e5;
          width: 100%
        }
        .radio_btn_style label span strong{
          position: absolute;
          width: 100%;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
        }

        .radio_btn_style label span:hover{
          background: #f6bc2d;
          color: #fff;
        }

.btn-data-style label {
      display: inline-block;
      padding: 0px;
      margin-bottom: 0;
      font-size: 14px;
      font-weight: normal;
      line-height: 2em; margin: 0px;
      text-align: left;
      white-space: nowrap;
      vertical-align: top;
      cursor: pointer;
      background-color: none;
      border: 0px solid 
      #c8c8c8;
      border-radius: 3px;
      color: #c8c8c8;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
      }
      .btn-data-style input{ opacity: 0; -webkit-opacity: 0; position: absolute;}
      .btn-data-style label:hover {
      color: #7AA3CC;
      }
      .btn-data-style i.fa,       .btn-data-style span{ font-size: 20px;}
      .btn-data-style span{     font-size: 15px;
        line-height: 20px;
        font-weight: normal;}
      
      
      
      .btn-data-style label:active, .btn-data-style label.active {
      -webkit-box-shadow: none;
      box-shadow: none;
      }
      .btn-data-style ul{ margin: 0px; padding: 0px;}
      .btn-data-style ul li{ padding-left: 25px; padding-bottom:0px; list-style: none; position: relative;}
      .btn-data-style ul li i.fa { position: absolute; left: 0px; top: 0px;}
      .btn-data-style ul li:last-child  { padding-bottom:0px;}
      .label_text_style:hover,  .label_text_style:focus{ outline:none; }
    .label_text_style{ margin-bottom:25px; text-align: center; font-size: 21px; color: #337ab7; border: 0px none;  font-family: 'sukhumvit_setbold'; }
    .range-slide-style{ position: relative; left: 6px;}
    .range-slide-style::before{ content: ""; position: absolute; left: 0px; top: -30px; font-size: 14px;}
    .range-slide-style::after{ content: ""; position: absolute; right: 0px; top: -30px;  font-size: 14px;}

    .range-slide-style::before{ content: "0"; }
    .range-slide-style::after{ content: "36";  }
    #mySlider3.range-slide-style::before{ content: "0%"; }
    #mySlider3.range-slide-style::after{ content: "100%";  }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{    background-color: #337ab7;
      background-image: none;
      border-radius: 18px;
      border: 0px none;}
      .ui-state-default:hover ,   .ui-state-default:focus , .ui-widget-content .ui-state-default, .ui-widget-content .ui-state-default:hover ,.ui-widget-content .ui-state-default:focus,  .ui-widget-header .ui-state-default:hover,
      .ui-widget-header .ui-state-default:focus{outline:none;  }
      .ui-widget-header{    background-color: #337ab7;
        background-image: none; 
        border: 0px none;}
        .ui-slider-horizontal {
          height: 2px;
      }
      .ui-widget-content{    border: 0px none;
        background-color: #ddd;    background-image: none; }
        .ui-slider-horizontal .ui-slider-handle{ top:-7px;}


        .filter_side_boxes .filter-box{ margin-bottom: 0px;
          padding:9px 15px;
          background-color: transparent;
        
          box-shadow: none;
          -webkit-box-shadow:none;}
          .filter_side_boxes form{     border-radius: 6px;
            overflow: hidden;  border-radius: 12px;
            -webkit-border-radius: 12px;
            border: 1px solid #ccc;}
          .best_plan.filter_plan_box{ margin-top: 0px;}
          .best_plan.filter_plan_box  h2.main_title_style {
            border-bottom: 1px solid #e9eaee;
            text-transform: uppercase;
            font-size: 20px;
            margin-bottom: 16px;
            padding-bottom: 12px;
            padding-top: 3px;
            color: #337ab7;
           } 
          

.best_plan.filter_plan_box .plan-d h3{     font-size:14px; 
  margin-top: 19px;}
  .best_plan.filter_plan_box .plan-b h2 {
    font-size:25px;
    font-weight: bold; 
    margin-bottom: 0;
}
.best_plan.filter_plan_box .company-plan-details h1{     font-size: 24px;}
.best_plan.filter_plan_box .plan-d.pd-0 ,.best_plan.filter_plan_box  .plan-b.pd-0{ padding: 0px;} 
.best_plan.filter_plan_box  .saving_text_style{ color: #337ab7; font-size:18px; margin-bottom: 5px;}
.best_plan.filter_plan_box .plan-b h3.your_saving_style{ text-transform: uppercase; font-size: 18px; margin-bottom: 25px;}  
.best_plan.filter_plan_box  .plan-d p{   font-size:20px;}
.best_plan.filter_plan_box .choose_plan_btn{    margin-top: 18px;
  margin-bottom: 6px;}
  .best_plan.filter_plan_box .choose_plan_btn  .blue-brd-btn{ padding: 8px 15px;} 
.modal .form_style {
  text-align: left;
}
.modal-backdrop.in{ opacity: .9;  -webkit-opacity: .9; }
.modal .modal-title {color: #337ab7;
    font-size: 26px;
   }
   #myModal  .modal-dialog{ margin: 0PX auto; height: 100vh; }
#myModal .modal-content{position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);}
  .tip {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: -29px;
    top: -1px;
    width: 36px;
    color: #ddd;}
  
  /* tooltip content */
  
  .tooltip h2 {
    white-space: nowrap;
  }
  
  /* demo styles */
  
.graph_box_section { position: relative;       overflow: hidden;  margin-top: 4px;}
  .tooltip  .tooltip-inner {
    max-width:190px;
    padding: 3px 8px;
    color: #fff;    background-color: transparent;
    text-align: left;
    border-radius: 4px;
}.tooltip.in{ opacity: 1; -webkit-opacity: 1;}
.tooltip{    left:  auto !important;
  right: -37px;}
.tooltip-arrow{ display: none;}
  .highlight-box-style { margin-bottom: 15px; padding:15px  10px; text-align: center;
     background-color:#f6bc2d; border-radius: 4px; -webkit-border-radius: 4px;   }
     .highlight-box-style h3 {     color: #fff;
      font-size: 17px;
      margin-bottom: 8px;
      font-family: 'sukhumvit_setbold';}
  .highlight-box-style h2 { line-height: 20px; color: #337ab7; font-size: 30px;    font-family: 'sukhumvit_setbold';}
  .tooltip_style{ text-align: left;  border:1px solid #ddd;  box-shadow:none; 
    -webkit-box-shadow:none; width: 100%; 
    /* max-width:290px; */
     background-color: #fff; 
    padding:0 6px; border-radius: 0px; -webkit-border-radius:0px;}
   .address_text_style strong{    color: #337ab7;
    margin-bottom: 4px;
    font-size: 18px;
    display: inline-block;
}  
   .address_text_style p{ color: #000;     font-size: 12px; line-height: 16px; }
   .address_text_style .read_more_text{ color: #9c9c9c; font-size: 14px; text-decoration: underline;}
 .icon-list-style span.iconD_style  { position: absolute; right: 0px; top:-1px; background-image: url(../img/icons_sprite.png);  
  display: inline-block; width:30px; height:30px;  background-size:96px 27px;   }
  .icon-list-style li{     border-bottom: 1px solid #ddd;
    font-family: 'sukhumvit_setbold';
    list-style: none;
    color: #337ab7;
    font-size: 14px;
    position: relative;
    min-height: 28px;
    padding: 3px 0px;}
    .icon-list-style li:last-child{ border:0px none;} 
 .icon-list-style span.room_icon{ background-position: -34px 0px;}
 .icon-list-style span.builtin_icon { background-position:-190px 2px;}
 .icon-list-style span.sqft_icon{ background-position: 28px 1px;}
 .icon-list-style li strong{     vertical-align: middle;
  color: #f6bc2d;
  margin-left: 0px;
  font-size:16px;
  font-family: 'sukhumvit_setbold';}
 .icon-list-style li span{ vertical-align:middle;}
 .icon-list-style { margin-top:0px;}
 .sm_title_style{     color: #337ab7;
  text-align: left;
  margin-bottom: 6px;
  text-transform: uppercase;
  font-size: 18px;
  font-family: 'sukhumvit_setbold';}
  .address_text_style{ margin-top: 4px;}
  .chart #areaChart{ padding-left:25px}
  .chart{ position: relative; }
  .chart::before{ 
    content: "KWH";
    color: #000; font-family: 'sukhumvit_setbold';
    font-size: 14px;
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    -webkit-transform: translateY(-50%) rotate(-90deg);
  }
 
/* .minHT500 .col-md-10{ position: relative; height: 250px;} */
.minHT500 .col-md-10{ position: relative; height: 300px;}
.no_data_found{     color: #f00;
  font-size: 20px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);} 
  .collapse-title-bar{ position: relative;}
  .collapse-title-bar .btn{    position: absolute;
    right: 0px;
    width: auto;
    top: 0px;     font-size: 12px;
    margin: 0;
    padding: 8px;
    background-color: #f6bc2d; }
    .collapse-title-bar .btn[aria-expanded="true"] i::before{ content: "\f077"; font-family: "FontAwesome"; }


    /*form styles*/
.tab_inner_form{ text-align: left;}
#msform {
	width:100%;
	margin:35px auto;
	text-align: center;
	position: relative;
}
#msform fieldset {
  text-align: left;
	background: white;
  border: 1px solid #ccc;
	border-radius: 3px;
  box-shadow: 0px 0px 17px #e7ecff;
  -webkit-box-shadow:0px 0px 17px #e7ecff;
	padding: 15px;
	box-sizing: border-box;
	width: 80%;
	margin: 0 10%;
	
	/*stacking fieldsets above each other*/
	position: relative;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
	display: none;
}
/*inputs*/
 
/*buttons*/
#msform .action-button {
	width: auto;  
	color: white; 
	cursor: pointer;
	padding:10px 15px;
	margin: 10px 5px;
}
 
 
/*headings*/
.fs-title {
	font-size: 15px;
	text-transform: uppercase;
	color: #2C3E50;
	margin-bottom: 10px;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 13px;
	color: #666;
	margin-bottom: 20px;
}
/*progressbar*/
#progressbar {
	margin-bottom: 30px;
	/* overflow: hidden; */
	/*CSS counters to number the steps*/
	counter-reset: step;
}
#progressbar li {
	list-style-type: none;
  color: #000; font-family: 'sukhumvit_setbold';
  font-size:14px;
	text-transform: uppercase; 
  width: 25%;
  display: inline-block;
	float: none;
	position: relative;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step; 
  width: 31px;
  line-height: 28px;
  display: block;
  font-size: 16px;
  color: #333;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 17px #e7ecff;
  -webkit-box-shadow: 0px 0px 17px #e7ecff;
  background: white;
  border-radius: 3px;
  margin:0 auto 10px auto;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: white;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #f6bc2d;
	color: white;
}
.stepBystep-form{ min-height: 400px;}


.best_plan.step_box_plan{ margin: 0px;}
.best_plan.step_box_plan hr {
  margin: 15px 0;
}
.best_plan.step_box_plan .yur-saving h3{     margin-top: 17px;}
.best_plan.step_box_plan  .plan-b h3{    font-size: 20px;
  margin-bottom: 0;}
  .best_plan.step_box_plan .plan-b h2{ font-size:45px;}
  .best_plan.step_box_plan  .company-plan-details h1{  font-size:45px;}
  .best_plan.step_box_plan .plan-b .saprator_line{     margin: 8px auto;}
 
  .action-button.blue-brd-btn[type="button"],   .action-button{ min-width: 120px;}

  .diy_detail h3{ color: #337ab7;    font-size: 25px;
    font-weight: bold; 
    margin-bottom:4px; margin-top: 15px;}
    .diy_detail{ text-align: left}
    .diy_detail ul{ margin: 0px; padding: 0px; }
    .diy_detail ul li{ list-style: none}

    .password-ins { text-align: left}
  .password-ins h3{  color: #337ab7;    font-size: 18px;
    font-weight: bold;  text-transform: capitalize;
    margin-bottom:4px; margin-top: 15px;}
    .password-ins ul{ margin: 0px; padding: 0px; }
    .password-ins ul li{ list-style: none; font-size: 14px; position: relative; padding-left: 20px;}  
    .password-ins ul li:before  {  content:"\f05d "; position: absolute; font-family: "FontAwesome";  left: 0px; top: 0px;  color: #333; }




.range-input-style{    text-align: center;
  width: 50px;
  height: 28px;
  border: 1px solid #ddd;
  margin-bottom:25px;
  text-align: center;
  font-size: 14px;
  color: #337ab7;
  font-family: 'sukhumvit_setbold';
}
.range-input-list{     text-align: center; 
  margin-top: 14px;
  width: 100%;}
  .range-input-list li::after{ content: "-"; position: absolute;     right: -5px; top: 1px;}
.range-input-list li{ position: relative; list-style: none; display: inline-block;     padding: 0 5px;}
.range-input-list li:last-child::after{ display: none;}
.in_month_style{     font-size: 13px;
   color: #ababab;
   margin: -16px auto 14px;
  text-align: center;}
 
/*====================================================== slider css =======================================================*/

#myCarousel .carousel-item .mask {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-attachment: fixed;
}

/* #myCarousel h4 {
  font-size: 50px;
  margin-bottom: 15px;
  color: #FFF;
  line-height: 100%;
  letter-spacing: 0.5px;
  font-weight: 600;
} */

#myCarousel p {
  margin: 0px 0 23px;
  font-size: 15px;
  color: #222222;
}
#myCarousel .item{
  text-align: left !important;
}
#myCarousel .carousel-item a {
  /* background: #F47735;
  font-size: 14px;
  color: #FFF; */
  /* padding: 13px 16px; */
  display: inline-block;
}
/* 
#myCarousel .carousel-item a:hover {
  background: #394fa2;
  text-decoration: none;
} */
body .carousel-fade .carousel-item{ opacity: 1 !important; -webkit-opacity: 1 !important;}
#myCarousel .carousel-item h2 {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

#myCarousel .carousel-item p {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

/* #myCarousel .carousel-item a {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
} */

#myCarousel .carousel-item .order-1 img {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  display: block;
  height: auto;
  max-width: 100%;
}

#myCarousel h2,
#myCarousel p,
#myCarousel .carousel-item .order-1 img {
  -webkit-animation-duration: 1s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  margin: 0 auto;
}

.carousel-content {
  height: 17%;
}

#myCarousel .container {
  max-width: 1430px;
}

#myCarousel .carousel-item {
  height: 100%;
   max-height: 540px; 
}

#myCarousel {
  position: relative;
  z-index: 1;
  /* background: url(https://i.imgur.com/6axE29k.jpg) center center no-repeat; */
  background-size: cover;
}

/* .carousel-control-next,
.carousel-control-prev {
  height: 40px;
  width: 40px;
  padding: 12px;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  background-color: #f47735;
} */

.carousel-item {
  position: relative;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  transition: -webkit-transform .1s ease;
  transition: transform .1s ease;
  transition: transform .1s ease, -webkit-transform .1s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 200px;
  perspective: 200px;
}

.carousel-fade .carousel-item {
  opacity: 0;
  -webkit-transition-duration: .1s;
  transition-duration: .1s;
  -webkit-transition-property: opacity;
  transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
  opacity: 1
}

.carousel-fade .carousel-item-left.active,
.carousel-fade .carousel-item-right.active {
  opacity: 0
}

.carousel-fade .carousel-item-left.active,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item-prev.active,
.carousel-fade .carousel-item.active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0)
}

@supports (transform-style:preserve-3d) {
  .carousel-fade .carousel-item-left.active,
  .carousel-fade .carousel-item-next,
  .carousel-fade .carousel-item-prev,
  .carousel-fade .carousel-item-prev.active,
  .carousel-fade .carousel-item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
  }
}

.carousel-fade .carousel-item-left.active,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item-prev.active,
.carousel-fade .carousel-item.active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@-webkit-keyframes fadeInLeft {
  from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
  }
  to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
  }
  to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
  from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
  }
  to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
  }
  to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes slideInRight {
  from {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible;
  }
  to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible;
  }
  to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

.carousel-indicators li {
  width: 10px;
  height: 10px;
  background: #f6bc2d !important;
  border-radius: 100%;
  border: none !important;
  margin-left: 6px !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
.carousel-indicators{
    position: absolute;
    right: 0;
    bottom: 16% !important;
    left: 0;
    margin: 0 auto !important;
  }

  .carousel-indicators li.active {	
    background: #337ab7 !important;		
    width: 10px !important;
    height: 10px !important;
  }





  .with-nav-tabs.panel-primary .nav-tabs > li > a,
  .with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
  .with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
      color: #fff;
  }
  .with-nav-tabs.panel-primary .nav-tabs > .open > a,
  .with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
  .with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
  .with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
  .with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
    background-color: #3071a9;
    border-color: transparent;
  }
  .with-nav-tabs.panel-primary .nav-tabs > li.active > a,
  .with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
  .with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
    color: #428bca;
    background-color: #fff;
    border-color: #428bca;
    border-bottom-color: transparent;
  }
  .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
      background-color: #428bca;
      border-color: #3071a9;
  }
  .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
      color: #fff;   
  }
  .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
  .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
      background-color: #3071a9;
  }
  .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
  .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
  .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
      background-color: #4a9fe9;
  }
  .panel-primary  .panel-heading { padding: 7px 8px 0px;}
  .panel-primary  .form-group{ margin-bottom: 0px;}
  .inner_tab_formstyle .blue-brd-btn{ max-width:156px; padding: 12px 25px;}

  .LetDiytab{      width: 100%;
    max-width: 700px;
    margin: 34px auto 20px;}

    .HowWork-style .h2-main{ margin-bottom:40px;}
    .loader_page_style ul li{ font-weight: 700;}
    .loader_page_style { background-color:rgba(250,250,250,.9); z-index: 9999; position: fixed; left: 0px; top: 0px; width: 100%; height: 100VH;}
    .loader_page_style .bulb_img{     position: relative;
      height:355px;  
       }.lightLoader{ position: relative; height: 100VH;}
    
       .loader_page_style .loading_dots{     width:160px;}
       .LightImg{     width: 100%;
        position: absolute; top: 0px;
        /* top: 50%;-webkit-transform: translateY(-50%);
        transform: translateY(-50%); */
      }
        .rightContentStyle{ text-align: left;    position: relative;
          height: 100VH;}
        .rightContentStyle ul { position: absolute; left: 0px;  
          top: 7em;
          /* top: 50%;-webkit-transform: translateY(-50%);
          transform: translateY(-50%);  */
        }
          .rightContentStyle ul li{     font-size:18px;
            list-style: none;
            padding: 8px 0;}
          .rightContentStyle ul li i.fa{ margin-right: 10px; color: #ffd15c;     font-size:36px; vertical-align: middle;}
          .rightContentStyle ul li span { vertical-align: middle;}
    .loader_page_style .bulb_img img{         width:280px;
      position: absolute;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      left: 50%;
      top: 30px;
       }
 
  
  .bulb_img .light-effect{
    -webkit-animation: opacStyle 1s infinite; /* Safari 4+ */
    -moz-animation:    opacStyle 1s infinite; /* Fx 5+ */
    -o-animation:      opacStyle 1s infinite; /* Opera 12+ */
    animation:        opacStyle 1s infinite; /* IE 10+, Fx 29+ */
  }
 
  @-webkit-keyframes opacStyle {
    0%   { opacity: 0; }
    100% { opacity: 1; }
  }
  @-moz-keyframes opacStyle {
    0%   { opacity: 0; }
    100% { opacity: 1; }
  }
  @-o-keyframes opacStyle {
    0%   { opacity: 0; }
    100% { opacity: 1; }
  }
  @keyframes opacStyle {
    0%   { opacity: 0; }
    100% { opacity: 1; }
  } 

  .LetDiytab.panel-primary > .panel-heading{ background-color: transparent; border-color: transparent;}
  .LetDiytab.panel-primary{     border-color: transparent;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 15px;
    box-shadow: 0px 0px 17px #e7ecff;}
   .LetDiytab.panel-primary li.active a,
  .LetDiytab.panel-primary li:hover a,
  .LetDiytab.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
  .LetDiytab.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
  .LetDiytab.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus
  {     text-transform: uppercase;
    color: #fff;
    padding: 14px 25px;
    border: 0px none;
    font-size: 15px;
    text-align: center;
    font-weight: 700;
    display: inline-block;
    font-family: "Myriad-Pro-Regular", serif;
    transition: 0.2s linear;
    font-family: 'Muli', sans-serif;
    display: inline-block;
    background: #f6bc2d;} 
    .LetDiytab.panel-primary li a{
      border-radius: 50px; -webkit-border-radius: 50px;
      text-transform: uppercase;
      color: #333;
      padding: 14px 25px;
      border: 0px none;
      font-size: 15px;
      text-align: center;
      font-weight: 700;
      display: inline-block;
      font-family: "Myriad-Pro-Regular", serif;
      transition: 0.2s linear;
      font-family: 'Muli', sans-serif;
      display: inline-block;
      background: #ddd;
    }
    .LetDiytab.panel-primary .panel-heading {    background-color: transparent;
      border-color: transparent;
      padding: 0px 0px 25px 0px;
      margin-bottom: 15px;
      border-bottom: 1px solid #ddd;}
  .LetDiytab.panel-primary ul{ text-align: center;}
  .LetDiytab.panel-primary ul li{ float: none;  display: inline-block;  }
  .LetDiytab.panel-primary .panel-body{     min-height: 80px;}
  .form-group{ text-align: left;}




  .courusel-container.main-home-banner{
    position: relative;
    background-image:url(../img/banner_bg/banner_btm_bg.jpg), url(../img/banner_bg/bg.jpg);
    background-position:left bottom,  top center;
    background-repeat: repeat-x, no-repeat  ;
    background-size: 100% 58px , cover  ;}
  .courusel-container.main-home-banner::before{ content: ""; background-image: url(../img/banner_bg/banner_left.png); position: absolute;
  left: 0px; bottom:58px;    width: 200px;
  height: 162px;
  background-size: 200px; background-repeat: no-repeat;}
  .courusel-container.main-home-banner::after{     content: "";
    background-image: url(../img/banner_bg/banner_right.png);
    position: absolute;
    right: 0px;
    bottom:58px;
    width: 690px;
    height: 183px;
    background-size: 690px;
    background-repeat: no-repeat;
  }

  /* Added update banner image 19-09-19 */
  /* .courusel-container.main-home-banner{
    position: relative;
    background-image:url(../img/banner_bg/banner_update.png);
    background-position:right bottom,  top center;
    background-repeat: no-repeat  ;
    background-size: cover;
  } */



 .cd-words-wrapper b{ color: #f6bc2d;}
 
.cd-title {
  position: relative;  
}
 .cd-intro{ margin-left: 10px;}
 
 
.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}
.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}
.cd-words-wrapper b.is-visible {
  position: relative;
}
.no-js .cd-words-wrapper b {
  opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}

 
/* -------------------------------- 

xslide 

-------------------------------- */
.cd-headline.slide span {
  display: inline-block;
  padding: .2em 0;
}
.cd-headline.slide .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.slide b {
  opacity: 0;
  top: .2em;
}
.cd-headline.slide b.is-visible {
  top: 0;
  opacity: 1;
  -webkit-animation: slide-in 0.9s;
  -moz-animation: slide-in 0.9s;
  animation: slide-in 0.9s; 
}
.cd-headline.slide b.is-hidden {
  -webkit-animation: slide-out 0.9s;
  -moz-animation: slide-out 0.9s;
  animation: slide-out 0.9s; 
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  40% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }
 60% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }
  40% {
    opacity: 1;
    -moz-transform: translateY(0%);
  }
 60% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
 100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
}
@-moz-keyframes slide-out {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
}
@keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    -ms-transform: translateY(120%);
    -o-transform: translateY(120%);
    transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}
 
.filterTLStyle.mrgT-30{     margin-top:10px;}
.btn-style.mrgT-40{ margin-top: 40px;}
.filter_plan_box ul.monthDesingStyle , .best_plan  ul.monthDesingStyle { padding: 0px; margin: 0px; text-align: center; 
    margin-top: 21px;
    margin-bottom: 5px;
    min-height: 47px;
  }
 .filter_plan_box ul.monthDesingStyle li ,
 .best_plan   ul.monthDesingStyle li{ float:none; display: inline-block; list-style:none;}
 .filter_plan_box .monthDesingStyle  li,
 .best_plan  .monthDesingStyle  li{margin: 0px; font-size: 16px; font-weight: 700;
  padding: 0 5px;}
 
  .hidden_field_style{ display: none;}
  ul.monthDesingStyle li strong ,  .best_plan   ul.monthDesingStyle li strong { /*color:#337ab7;*/}

  .recomended_plan.filter_plan_box ul.monthDesingStyle{ margin-bottom: 6px;
    margin-top: 20px;
    min-height: 47px;
}
.disclaimer_data{ color: #868686;
  font-size: 14px;
  margin-bottom: 15px;
  margin-top: 15px;}
.disclaimer_data a{ color: #f6bc2d; font-weight: 700;}

.carousel-item.item .order-1  { opacity: 0; transition: ease all .5s; -webkit-transition: ease all .5s;}
.carousel-item.item.active .order-1  { opacity: 1;  transition: ease all .5s; -webkit-transition: ease all .5s;}

.nav.md-pills  li.nav-item   a{ font-size: 14px;background-color: #ececec;  padding:4px 8px;}
.nav.md-pills  li.nav-item:hover a{     background: #f6bc2d;}
.inner_best_plan{     max-width: 490px;
  margin: 0px auto;}
 .ui-slider .ui-slider-handle{     width: 16px;
  height: 16px;}

  .scrollbars{width:700px;height:400px}




/* filterForm scroll-bar css */
.style-3::-webkit-scrollbar-track,.style-3::-webkit-scrollbar-track-piece
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.style-3::-webkit-scrollbar
{
	width: 6px;
	height:6px;
	background-color: #F5F5F5;
}

.style-3::-webkit-scrollbar-thumb,.style-3::-webkit-scrollbar-thumb:vertical
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #528EC2;
}
.style-3{
scrollbar-color: #528EC2 aliceblue;
scrollbar-width: thin;
}
@-moz-document url-prefix() {
    .btn-style.mrgT-40 {
        margin-bottom: 15px !important;
    }
    
}





.title-wd-btn{ position: relative;}
.title-wd-btn .popup-icon-style{     position: absolute;
  right: 0px;
  top: 0px;}
  .title-wd-btn .popup-icon-style img{ width:20px;}
  .right-price-box{ text-align: left; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ddd;}
  .right-price-box .sm_title_style , .distributor-box .sm_title_style{ text-transform: capitalize;  font-size:18px;}
  .right-price-box  .heighlight-price{      display: inline-block;
    font-size: 18px;
    font-weight: bold;
    color: #337ab7;}
    .graph_box_section  .sm_title_style{ text-transform: capitalize;}
    .distributor-logoes ul{ padding: 0px; margin: 0px -10px; }
    .distributor-logoes ul li{ list-style: none; float: left;     padding: 10px; width: 90px;}
    .distributor-logoes ul li img{ width: 100%; }
    #monthly_popup .modal-dialog{ width: 100%; max-width:920px; text-align: center;}
   .tooltip_style.tooltip-inner-boxshadow .address_text_style p{     font-size: 13px;}
    .tooltip_style.tooltip-inner-boxshadow{ border: 0px none;}
    .tooltip_style.tooltip-inner-boxshadow .address_text_style {
      margin-top: 0;
      margin-bottom: 11px;
  }  
     /* .tooltip_style.tooltip-inner-boxshadow  .icon-list-style{ margin: 0 -5px;}
    .tooltip_style.tooltip-inner-boxshadow ul li{ width: 33.33%;padding: 0 5px; float: left; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
    .tooltip_style.tooltip-inner-boxshadow  .icon-list-style li strong{ display: block;}
    .tooltip_style.tooltip-inner-boxshadow  .icon-list-style li .cat-name{ font-size: 12px;}
    .tooltip_style.tooltip-inner-boxshadow  .icon-list-style li:last-child{ border-right: 0px none;}

  .tooltip_style.tooltip-inner-boxshadow .icon-list-style span.iconD_style{    right: 3px;
    top: 0;  background-repeat: no-repeat; background-position: 0 0;  }
  .tooltip_style.tooltip-inner-boxshadow .room_icon{ background-image: url(../img/room.png); background-size:20px; width: 20px; height: 20px;}
  .tooltip_style.tooltip-inner-boxshadow  .builtin_icon{  background-image: url(../img/built.png); background-size:16px ; width: 16px; height: 16px;} 
  .tooltip_style.tooltip-inner-boxshadow  .sqft_icon{  background-image: url(../img/sqft.png); background-size:16px ; width: 16px; height: 16px;} */

  .container.relative-container{ position: relative;}
  

  /* 19-09-19 Added css HyperBeans */

  /*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/

.rounded-lg {
  border-radius: 1rem !important;
}

.text-small {
  font-size: 0.9rem !important;
}

.custom-separator {
  width: 5rem;
  height: 6px;
  border-radius: 1rem;
}

.text-uppercase {
  letter-spacing: 0.2em;
}

ul.pricing-plan{
  min-height: 165px;
}

ul.pricing-plan li {
  position: relative;
  padding-left: 24px;
}

i.fa.fa-check.mr-2.text-warning.ic-set {
  position: absolute;
  left: 0;
  top: 4px;
}

i.fa.fa-times.ic-set{
  position: absolute;
  left: 0;
  top: 4px;
}

button.blue-brd-btn.gray-color{
  background-color: #cccccc !important;
}

button.gray-color:hover {
  color: #fff;
  text-decoration: none;
  background: #337ab7 !important;
}

p.price-text{
  color: #337ab7!important;
  font-size: 15px;
}

div.make-text{
  color:  #337ab7!important;
  font-weight: bold;
}

/* plan info - tab height increase */

.set-high.tab-content {
  min-height: 500px;
}


/* blog page css */

.blogpage .header {
  padding: 30px;
  font-size: 40px;
  text-align: center;
  background: #f9f9f9;
}

.blogpage h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #337ab7;

}

/* .blogpage{
  background: #f9f9f9;

} */

/* .blogpage .leftcolumn {
  float: left;
  width: 75%;
}

.blogpage .rightcolumn {
  float: left;
  width: 25%;
  padding-left: 20px;
} */

/* .blogpage .popular-post {
  background-color: #aaa;
  width: 100%;
  padding: 20px;
}

.blogpage .card {
  background-color: white;
  padding: 20px;
  margin-top: 20px;
} */

.blogpage h6 {
  font-size: 13px;
  margin-top: 10px;
  color: #2d2b2b;
  font-weight: normal;
  margin-bottom: 5px;
}

.blogpage h5 {
  font-size: 15px;
  margin-top: 4px;
  /* color: #2d2b2b; */
  /* font-weight: normal; */
  margin-bottom: 10px;
}

.card-box-blog {
  min-height: 240px;
  width: 100%;
  overflow: hidden;
  /* border-bottom: solid 1px #dedede; */
  padding: 20px 20px;
  background-color:#ffffff;
}

.popular-postt-section {
  background: #ffffff;
  padding: 15px;
}

.pageNumbers a.active {
  padding: 1px 8px;
  background: #f4af37;
  margin: 0px 4px;
  border-radius: 4px;
  color: #fff;
  /* font-weight: 600; */
}

.pagination.pager {
  display: inline-flex;
  position: relative;
  left: 0;
  right: 0;
  margin: 0 auto;
  float: right;
}

.pageNumbers a {
  padding: 1px 8px;
  background: #ddd;
  border-radius: 4px;
  margin: 0px 4px;
}

.nextPage a {
  background: #ddd;
  padding: 1px 10px;
  border-radius: 4px;
  margin: 0 4px;
  font-weight: bold;
  font-size: 18px;

}

.previousPage a{
  background: #ddd;
  padding: 1px 10px;
  border-radius: 4px;
  margin: 0 4px;
  font-size: 18px;
  font-weight: bold;
}

.blog-img {
  width: 100%;
  height: 200px;
  max-width: 240px;
  object-fit: contain;
  overflow: hidden;
  vertical-align: middle;
  position: relative;
  float: left;
  margin-right: 15px;
  border: solid 1px #dedede;
}

.blog-img img{
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.popular-img {
  width: 100%;
  height: 80px;
  object-fit: contain;
  overflow: hidden;
  vertical-align: middle;
  position: relative;
}


.popular-post .popular-img img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}


.term-header {
  background-color: #f5f5f5;
}

.terms-of-use .header {
  padding: 30px;
  font-size: 40px;
  text-align: center;
  background: #f9f9f9;
}

.breadcrumb {
  padding: 8px 15px 0;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
  margin-bottom: 6px;
}

/* .contract-details {
  border: solid 1px #ddd;
} */

.datepicker th.switch{
  width: 0px !important;
}

.billing-recept h6{
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 24px;
}


/* edit profile  */

/**
 * Profile image component
 */
 .profile-header-container{
  margin: 0 auto;
  text-align: center;
}

.profile-header-img {
  padding: 0px 20px;
}

.profile-header-img > img.img-circle {
  width: 120px;
  height: 120px;
  border: 2px solid #f6bc2d;
}

.profile-header {
  margin-top: 43px;
}

/**
* Ranking component
*/
.rank-label-container {
  margin-top: -19px;
  /* z-index: 1000; */
  text-align: center;
}

.label.label-default.rank-label {
  background-color: rgb(81, 210, 183);
  padding: 5px 10px 5px 10px;
  border-radius: 27px;
}

/* edit profile upload btn */

.upload-btn{
  margin-top: 15px;
  margin-bottom: 15px;
}

.billing-recept {
  background: #ffffff;
  padding: 30px;
  box-shadow: 0px 0px 10px 4px #ddd;
  border-radius: 8px;
}

/* bs4 classes  for price cards*/

.p-4 {
  padding: 1.5rem!important;
}

.shadow {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.rounded-lg {
  border-radius: .3rem!important;
}

.bg-white {
  background-color: #fff!important;
}

.mb-5, .my-5 {
  margin-bottom: 3rem!important;
}

.ml-auto, .mx-auto {
  margin-left: auto!important;
}

.mr-auto, .mx-auto {
  margin-right: auto!important;
}

.mb-4, .my-4 {
  margin-bottom: 1.5rem!important;
}

.mt-4, .my-4 {
  margin-top: 1.5rem!important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

.text-warning {
  color: #ffc107!important;
}

.font-weight-bold {
  font-weight: 700!important;
}

.font-weight-normal {
  font-weight: 400!important;
}

.ml-2, .mx-2 {
  margin-left: .5rem!important;
}

.text-small {
  font-size: 0.9rem !important;
}

.mb-2, .my-2 {
  margin-bottom: .5rem!important;
}

.mb-5, .my-5 {
  margin-bottom: 3rem!important;
}

.btn-block {
  display: block;
  width: 100%;
}

.mr-2, .mx-2 {
  margin-right: .5rem!important;
}

.text-uppercase {
  text-transform: uppercase!important;
}


.strikethrough {
  position: relative;
  font-size: 24px;
}

.strikethrough:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  align-items: center;
  background: red;
  width: 100%;
  height: 3px;
  margin-top: -2px;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}

.bg-white.p-4.rounded-lg.shadow.bdr-y {
  border: solid 2px #ffc107;
  background: url(../img/plan.svg);
  background-repeat: no-repeat;
  background-size: 120px;
  background-position: top center;
}



.main_tl_style.newf {
    color: #337ab7;
    font-size: 20px;
    text-align: center;
    margin: 0px 15px;
    margin-bottom: 15px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e9eaee;
    padding-top: 29px;
}
.row.yur-saving {margin: 0px;}
h3.avgHB {font-size: 14px;margin-bottom: 9px;text-transform: none;}
h1.avgHBD{font-size: 20px !important;color: #7d7d7d}
.ulContain li{display: inline-flex;margin-right: 20px;}
span.mtext {font-size: 12px;}
span.cat-name ~ strong {font-size: 16px;}
span.cat-name {
    size: 14px;
    width: 100px;
    display: block;
    float: left;
}
.sm_title_style { font-family: inherit;}
.details-tool,.details-tool2 {position: relative;    cursor: pointer;}
.details-tool:hover span ,.details-tool2:hover span{
opacity: 1;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.btn-style.mrgT-30.text-center {
    margin-bottom: 15px;
}
ul.range-input-list.pl-0 li:first-child {
    padding-left: 25px;
}
.fullWidth {
    width: 100%;
    text-align: center;
    padding-top: 50px;
}
.fullWidth2 {
    width: 100%;
    padding-top: 15px;
    align-items: center;
}
.fullWidth2 .form_style {
    width: 100%;
    text-align: center;
}

.container.min-h.pdTB-40{
  min-height: 700px;
}


.vCenter {
  min-height: 560px;
  position: relative;
  display: flex;
  align-items: center;
}







/* media queries */

@media only screen and (max-width: 1024px) and (min-width: 992px)  {

  ul.pricing-plan {
    min-height: 200px;
}

}

/* 05. Media Query Animation ==================================== */

   @media only screen and (min-width: 992px) {
    @keyframes cloud_one {
      from {
        left: 18%;
      }
      to {
        left: 110%;
      }
    }
    @keyframes cloud_two {
      from {
        left: 80%;
      }
      to {
        left: -110%;
      }
    }
    @keyframes mini_cloud {
      from {
        left: 93%;
      }
      to {
        left: -110%;
      }
    }
    @keyframes cloud_one_about {
      from {
        left: 31%;
      }
      to {
        left: 110%;
      }
    }
    @keyframes cloud_two_about {
      from {
        left: 40%;
      }
      to {
        left: 110%;
      }
    }
    @keyframes mini_cloud_about {
      from {
        left: 56%;
      }
      to {
        left: 110%;
      }
    }
    @keyframes mini_cloud_about_two {
      from {
        left: 7%;
      }
      to {
        left: 110%;
      }
    }
    
  }

  /* 03. Media Query Animation
   ==================================== */
@media only screen and (min-width: 992px) {
  @keyframes cloud_one_two {
    from {
      left: 87%;
    }
    to {
      left: -110%;
    }
  }
  @keyframes cloud_two_faq {
    from {
      left: 28%;
    }
    to {
      left: 110%;
    }
  }
}

/*================================
=            Style IE            =
================================*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  div #accordion .accordion-header button svg {
    top: 0;
  }
  .post .last-news-date {
    margin-bottom: 5px;
  }
  .post .last-news-title {
    line-height: 20px;
    margin-bottom: 10px;
  }
  .post.post-grid .last-news-date {
    margin-bottom: 20px;
  }
  .post.post-grid .last-news-title {
    margin-bottom: 20px;
  }
  .single-post .last-news-title {
    margin: 0 auto;
    line-height: 49px;
  }
  .single-post .last-news-info-wrap {
    -ms-flex-align: center;
        align-items: center;
  }
  .single-post #news-owl-carousel .last-news-info-wrap {
    display: inline-block;
  }
  .live-currency .live-currency-div2 img {
    width: 1200px;
  }
}
/*=====  End of Style IE  ======*/

/* Responsive layout - when the screen is less than 650px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 650px) {
  .containers .col {
    width: 100%;
    margin-top: 0;
  }
  /* hide the vertical line */
  .containers .vl {
    display: none;
  }
  /* show the hidden text on small screens */
  .containers .hide-md-lg {
    display: block;
    text-align: center;
  }
}

@media (max-width: 967px) {
  .nav.nav-tabs{border-bottom:0;border-right:1px solid transparent;display:block; margin-right:20px; width:100%!important}
.horizontal-tabs .nav-tabs{width:100%;padding:0}
}



@media screen and (-webkit-min-device-pixel-ratio:0) {
  .loader_page_style , .lightloader, .rightcontentstyle , #mymodal .modal-dialog { height: 100%;}
  header .header-block{ float:right;}
  .datepicker.dropdown-menu{ width: 220px;}
}


@media screen and (max-width: 800px) {

  .leftcolumn,
  .rightcolumn {
      width: 100%;
      padding: 0;
  }
}