/* ========================================= HTML 5 and basics */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div{display:block;position:relative;padding:0;margin:0;}.left {float:left;}.right {float:right;}.txtl{text-align:left;}.txtc{text-align:center;}.txtr{text-align:right;}.clear{clear:both;}img{border:0;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}.clearfix{min-height:0;display:block;}* html .clearfix{height:1%;}
*{box-sizing:border-box;}
/* ================================================= Text & Links */
@font-face {
    font-family: 'montserratlight';
    src: url('fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('fonts/montserrat-light-webfont.woff') format('woff'),
         url('fonts/Montserrat-Light.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratsemibold';
    src: url('fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-semibold-webfont.woff') format('woff'),
         url('fonts/Montserrat-SemiBold.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}
body, td, select, textarea, input {
  font: 14px 'montserratlight', Helvetica, Arial, sans-serif;
  color: #455a64;
}
strong, th{font-weight: normal;font-family: 'montserratsemibold',Helvetica, Arial, sans-serif;}
a, div { outline: none; }
a {
  color:#e73254;
  text-decoration: none;
}
a:hover {
  color:#e73254;
  /*text-decoration: underline;*/
}
a.btn, button.btn {
  background: #ff3757;
  border: 2px solid #ff3757;
  border-radius: 28px;
  color: #fff;
  display: inline-block;
  font-family: 'montserratsemibold';
  height: 56px;
  min-width: 204px;
  line-height: 54px;
  padding: 0 40px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size:14px;
  cursor: pointer;
  position:relative;
}
a.btn.outline, button.btn.outline {
  background: none;
  border: 2px solid #546e7a;
}
a.btn.outline.gray, button.btn.outline.gray {
  border: 2px solid #546e7a;
  color: #546e7a;
}
a.btn.outline.white, button.btn.outline.white {
  border: 2px solid #fff;
}
a.btn.txt-white, button.btn.txt-white {
  color: #fff;
}
a.btn.txt-grey, button.btn.txt-grey {
  color: #546e7a;
}
a.btn:hover, button.btn:hover {
  background: #e73254;
}
a.btn.outline:hover, button.btn.outline:hover {
  background: none;
}
a.btn.mr5, button.btn.mr5 { margin-right: 5px; }
a.btn.small, button.btn.small {
  border-radius: 25px;
  height: 46px;
  line-height: 46px;
  padding: 0 16px;
  min-width: 0;
  font-size:14px;
}
.btn-holder {
  width: 100%;
  overflow: hidden;
  margin: 0;
}
.btn-holder a.btn {
  margin: 0 10px 10px 0;
}
.visible{
visibility: visible;
opacity: 1;
transition: opacity 2s linear;
}   
.btn.copy::after{content:'';position: absolute; left:0;top:-1.4em; font-size:.8em; width:100%; /*color:#37474f;*/opacity:1;transition:3s ease-out;}
.btn.copy.copysuccess::after{opacity:0;content:'\2713 Copied!';}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, legend {
  color: #37474f;
  font-family: 'montserratsemibold';
  font-weight: normal;
}
h1 {
  margin: 0 0 20px;
  font-size: 34px;
  line-height: 1.25em;
}
h2 {
  margin: 0 0 20px;
  font-size: 30px;
}
.support h2{margin-top:80px;}
h3 {
  margin: 0 0 20px;
  font-size: 30px;
  font-family: 'montserratlight';
}
h4 {
  margin: 0 0 20px;
  font-size: 26px;
  font-family: 'montserratlight';
}
h5 {
  margin: 0 0 20px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: normal;
}
h6 {
  margin: 0 0 20px;
  font-size: 16px;
  text-transform: uppercase;
}
.narrowcol h1, .narrowcol h2, .narrowcol h3, .narrowcol h4, .narrowcol h5, .narrowcol h6{text-align: center;}
.narrowcol h2{margin-top:2em;}
p {margin:0 0 1em; line-height:1.6em; letter-spacing: 0.05em; }
ul,ol{margin:0 0 1em;padding: 0;}
ul li, ol li{line-height:1.3em;margin: 0 0 10px;padding: 0; letter-spacing: 0.05em; }
li ol, li ul{margin-bottom:0;}
.narrowcol ul, .narrowcol ol, #maincol ol{margin-left:30px;}
ol.big{margin:30px 0 100px 30px;font-size:1.5em;}
ul.checks { 
  list-style: none;
  margin: 0 0 30px;
}
ul.checks li { 
  margin: 0 0 20px;
  padding: 0 0 0 36px;
  line-height: 22px;
  font-size: 16px;
  background: url('/assets/images/icon-check.png') no-repeat left top / 22px auto;
}
ul.checks.red li { 
  background: url('/assets/images/icon-check-red.png') no-repeat left top / 22px auto;
}
.suplinks ul.checks.red li a{color:#455a64;}/*cloud support home*/
.rightcol ul.checks li{background-size: 16px auto;font-size: 14px;line-height: 17px; margin-bottom:8px;padding-left:26px;}/*checkout*/
pre.code_display, code {
  font-family: "Courier New", Courier, monospace;
  background: #37474f;
  padding: 25px 30px;
  margin: 0 0 1em;
  color: #fff;
  overflow: auto;
}
code {
  overflow: visible;
  margin: 0;
  padding: 2px 4px;
}
img.border {
  border: 15px solid #b0bec5;
  margin: 2em auto;
  display: block;
}
.little{font-size:.8em;}
.light{color:#90a4ae;}
strong { font-family: 'montserratsemibold'; font-weight: normal; }
.mb40 { margin-bottom: 40px; }
#dib-posts img{max-width: 100%;}

/* =================================================== Page Content */
figure.right,figure.left{text-align:center;margin:0;padding:5px;border:1px solid #ccc;background:#fff;}
figure.right{margin:0 0 5px 15px;}
figure.left{margin:0 15px 5px 0;}
figcaption{padding:0;margin:5px 0 0 0;font-size:.85em;}
img.right{margin:0 0 5px 15px;}
img.left{margin:0 15px 5px 0;}
#leftcol aside, #rightcol aside{clear:both;padding:1px 20px 10px;}
hr{height:0;margin: 2em 0; border:none;border-top:1px dashed #ccc;}

/* ======================================================== Tables  */
.gridwrap{overflow:auto;-webkit-overflow-scrolling: touch;}
.grid{width:100%;border-collapse:collapse;margin:40px 0;}
.grid th, .grid td{padding:10px 15px;}
.grid thead th, .grid tbody th{background:#eee;border:1px solid #ccc;border-bottom:3px solid #999;}
.grid tbody th{background:#eee;border:1px solid #ccc;border-right:2px solid #999;}
.grid td{border:1px dashed #ccc;border-bottom:1px solid #ddd;
  -webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;
}
.grid tbody tr{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.grid tbody tr:hover{-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);}
.grid tbody tr:nth-child(2n) td { background: #fafbfb; }
/*submissions*/
th.header{cursor:pointer;}
th.header.headerSortDown::after {content: " \2B07";}
th.header.headerSortUp::after {content: " \2B06";}
#submissions-container{overflow-x: auto; margin-bottom:50px;margin-top:-3%;-webkit-overflow-scrolling: touch;}
#submissions-container td {white-space: nowrap;}
#submissions-container td.td-blob{white-space: normal;min-width: 500px;}
.td-blob-in{overflow:auto;max-height: 80px;cursor:pointer;-webkit-overflow-scrolling: touch;}/*this value is also in submissions.php*/
#sub-detail {background: #fff ;padding: 5%;max-width: 1200px;margin:0 auto;}
#sub-print {cursor: pointer;font-size: 30px;position: fixed;right: 5%;top: 5%;color:#ff3757;background:rgba(255, 255, 255, 0.8);text-decoration: underline;}
#sub-print:hover{color:#e73254;}
#sub-create{text-align:right;display:none;}
.sub-qr{vertical-align: middle;margin-left:-10px;display:none;width:100px;}
.sub-qr-wrap {margin-right: 10px;white-space: nowrap;}

/* =========================================================== Grids */
.cols2, .cols3, .cols4, .cols5, .cols6{clear:both;overflow:hidden;}.cols2 section,.cols3 section,.cols4 section,.cols5 section,.cols6 section{float:left;margin-left:5%;}.cols2 section:first-child, .cols3 section:first-child, .cols4 section:first-child, .cols5 section:first-child, .cols6 section:first-child{margin-left:0}.cols2 section{width:47%;}.cols3 section{width:30%;}.cols4 section{width:23.5%;}.cols5 section{width:18.4%;}.cols6 section{width:12%;}.cols3 .merge2{width:66%;}.cols4 .merge2{width:49%;}.cols5 .merge2{width:38.8%;}.cols6 .merge2{width:32%;}.cols4 .merge3{width:74.5%;}.cols5 .merge3{width:59.2%;}.cols6 .merge3{width:49%;}.cols5 .merge4{width:79.6%;}.cols6 .merge4{width:66%;}.cols6 .merge5{width:83%;} 
.cols2 section.grey-bg { background: #ececec; padding: 40px; box-sizing: border-box; }

/* =========================================================== Tabs */
.tabs {
  width: 100%;
  margin: 0 0 50px;
  overflow: hidden;
}
.tabs .tabs-nav {
  width: 496px;
  transform: translateX(-50%);
  left: 50%;
  overflow: hidden;
  text-align: center;
  list-style: none;
  position: relative;
  margin-bottom: 53px;
  margin-left:0;
}
.tabs .tabs-nav li {
  float: left;
  position: relative;
}
.tabs .tabs-nav li a {
  border-radius: 0 31px 31px 0;
  background: none;
  border: 2px solid #546e7a;
  color: #546e7a;
  display: inline-block;
  font-family: 'montserratsemibold';
  height: 62px;
  width: 248px;
  line-height: 56px;
  padding: 0 50px;
  margin: 0 0 15px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.tabs .tabs-nav li:first-child a {
  border-radius: 31px 0 0 31px;
}
.tabs .tabs-nav li.active a,
.tabs .tabs-nav li a:hover {
  background: #546e7a;
  color: #fff;
}
.tabs .tabs-nav li span {
  background: url('/assets/images/icon-save-up.png') no-repeat left top / 21px auto;
  display: block;
  color: #90a4ae;
  padding: 0 0 0 27px;
  line-height: 20px;
  margin-left: 41px;
  text-align: left;
}
.tabs .tab-content {
  display: none;
}
.tabs .tab-content:first-child {
  display: block;
}

/* ================================================= Page Structure */
body{margin:0;padding:0;text-align:left;
  background:#0f161e;
}
body.signup { background: #ebf2f6 url('/assets/images/sign-up-bg.png') repeat-x left 80px; }
.pagewidth{margin:0 auto;
  width: 1200px;
}
#wrapper{
  background: #fafbfb;
  width: 100%;
  overflow: hidden;
}
.signup #wrapper { background: none; }
#wrapper > .pagewidth { padding: 80px 0; }
#wrapper > .pagewidth > h1 { 
  margin: 0 0 35px; 
  text-align: center;
}
.leftcol, .rightcol {
  float: left;
  width: 57%;
  background: #fff;
  padding:5% 7%;
  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.leftcol{clear:left;}
.rightcol {
  width: 38%;
  float: right;
  padding-bottom: 100px;
}
.narrowcol{width:75%;margin:0 auto;}
.leftcol h2, .rightcol h2 {
  font-size: 24px;
}

/* ========================================================== Header */
header.heady{z-index: 10;
  background:#fff;
  height:85px;
  width: 100%;
}
header.heady #logo {margin:0;position:absolute;
  top:20px;
  left:0px;
}
.admin-panel header.heady #logo{top:26px;}
header.heady #logo img{width:196px;}

/* ========================================================== Content */
.page-section {
  width: 100%;
  clear: both;
  float: left;
}
.home-quickcast {
  background: url('/assets/images/home-section1-bg.jpg') no-repeat center top;
  background-size: cover;
  width: 100%;
  text-align: center;
  padding: 85px 0 0;
  border-bottom: 10px solid #fff;
}
.home-quickcast h1 { font-size: 35px; }
.home-quickcast h4 { font-size: 20px; margin-bottom:30px; }
.home-quickcast h6 { margin-bottom: 70px;margin-top:30px; font-size: 14px; display: inline-block; position: relative;}
.home-quickcast h6::after, .home-quickcast h6::before {
    background: url("/assets/images/wreath.png") no-repeat -28px 0;
    content: "";
    height: 70px;
    position: absolute;
    right: -30px;
    top: -25px;
    width: 28px;
}
.home-quickcast h6::before {background-position: 0 0;right:auto;left:-30px;}
.home-quickcast a.btn { margin-bottom: 15px; }
.home-quickcast .quickcast-video {
  background: url('/assets/images/macbook-frame.png') no-repeat center top;
  width: 881px;
  height: 522px;
  padding: 16px 0 0 103px;
  text-align: left;
  margin: 0 auto -10px;
  background-size: contain;
}
.home-steps { 
  background: #fff;
  text-align: center; 
  padding: 130px 0 125px;
}
.home-steps h4 { margin-bottom: 70px; color: #b0bec5; } 
.home-steps section { 
  padding: 159px 0 0; 
  float: none;
  display: inline-block;
  width: 280px;
  margin: 0 35px;
  vertical-align: top;
}
.home-steps section.step-configure { background: url('/assets/images/step-configure.png') no-repeat center top / 132px auto; }
.home-steps section.step-copy { background: url('/assets/images/step-copy.png') no-repeat center top / 132px auto; }
.home-steps section.step-inbox { background: url('/assets/images/step-inbox.png') no-repeat center top / 132px auto; }
.home-steps section.step-choose1 { background: url('/assets/images/icon-choose-us1.png') no-repeat center top / 132px auto; }
.home-steps section.step-choose2 { background: url('/assets/images/icon-choose-us2.png') no-repeat center top / 132px auto; }
.home-steps section.step-choose3 { background: url('/assets/images/icon-choose-us3.png') no-repeat center top / 132px auto; }

.home-steps section h5 { margin-bottom: 10px; }
.home-steps section p { font-size: 16px; }

.home-works{padding:100px 0;text-align: center;background:#fff;}
.home-works h5{color:#b0bec5;margin-bottom:20px;}
.home-works p{margin:0;line-height:56px;}
.home-works img{margin:0 25px;vertical-align: middle;}

.home-features {
  background: url('/assets/images/home-features-bg.jpg') no-repeat center top;
  background-size: cover;
  color: #fff;
  padding: 155px 0 160px;
  overflow: hidden;
}
.home-features:before {
  display: block;
  content: "";
  position: absolute;
  top: 177px;
  left: 48%;
  background: url('/assets/images/form-mockup.png') no-repeat left top;
  width: 884px;
  height: 517px;
  z-index: 0;
}
.home-features .content { width: 520px; }
.home-features h3 { color: #fff; }
.home-features p { 
  font-size: 18px;
  margin: 0 0 37px;
}
.home-features ul.checks { 
  margin: 0 0 49px;
}
.home-options { 
  padding: 110px 0 100px;
}
.home-options h6 { 
  margin-bottom: 11px;
}
.wp-plugin { padding: 233px 0; background: #FFF; }
.wp-plugin.no-wp-logo { padding: 333px 0; }

.wp-plugin:before {
  display: block;
  content: "";
  position: absolute;
  top: 130px;
  right: 45%;
  background: url('/assets/images/img-wp-plugin1.jpg') no-repeat left top;
  background-size: contain;
  z-index: 0;
  width: 923px;
  height: 755px;
}
.wp-plugin .content {
  float: right;
  width: 41%;
  background: url('/assets/images/logo-wordpress.png') no-repeat left top;
  background-size: auto 42px;
  padding-top: 70px; 
}
.wp-plugin.no-wp-logo .content {
  background: none;
  padding-top: 0; 
}
.wp-plugin.no-wp-logo .content h2 {
  margin-bottom: 15px;
}
.wp-plugin.no-wp-logo .content p {
  margin-bottom: 30px;
}
.home-testimonials { 
  background: url('/assets/images/home-testimonials-bg.jpg') no-repeat center top;
  background-size: cover;
  padding: 163px 0;
  text-align: center;
}
.home-testimonials h5 { margin-bottom: 70px; }
.home-testimonials blockquote { min-height: 112px; }
.cols3 > .testimonial, .cols3 > .testimonial:last-child { margin-bottom: 80px; text-align: center; }
.home-testimonials .cols3 > .testimonial { margin-bottom: 0px; }
.testimonial blockquote { 
  font-size: 18px;
  margin: 0 0 32px;
  padding: 0 5px;
  line-height: 1.58em;
}
.testimonial.feat{margin-top:80px;}
.testimonial.feat blockquote{margin-bottom:16px;padding:0;}
.testimonial p { 
  font-size: 11px;
  margin-bottom:0;
}
.testimonial .author { 
  color: #ff3757;
  display: block;
  font-size: 13.5px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.testimonial p img {
    border: 3px solid #ff3757;
    border-radius: 500px;
    margin-bottom: 5px;
    width: 100px;
}
.footer-join-us { 
  background: #223144;
  padding: 165px 0 130px;
  text-align: center;
}
.footer-join-us h3 { 
  color: #fff;
  margin-bottom: 33px;
}

/* Features */
.features-web-forms {
  background: #fafbfb url('/assets/images/features-section1-bg.jpg') no-repeat center top;
  background-size: cover;
  padding: 230px 0 176px;
  z-index: 1;
      background-attachment: fixed;
}
.features-web-forms.wp-form-plugin { padding: 200px 0 150px; }

.features-web-forms .pagewidth { min-height: 380px; }
.features-web-forms .pagewidth:before {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  left: 610px;
  background: url('/assets/images/features-imac.png') no-repeat left top;
  width: 874px;
  height: 694px;
  z-index: 0;
}
.features-web-forms.wp-form-plugin .pagewidth:before {
  display: none;
}
.features-web-forms.wp-form-plugin:before {
  display: block;
  content: "";
  position: absolute;
  bottom: -15px;
  left: 48%;
  background: url('/assets/images/img-wp-form-screen1.png') no-repeat left top;
  width: 1031px;
  height: 613px;
  margin: 0 0 0 0;
  background-size: contain;
}
.features-web-forms .content {
  width: 44%;
  margin-top: -84px;
}
h1.section-title, h2.section-title {
  font-family: 'montserratlight';
  margin-bottom: 35px;
}
h1.section-title strong, h2.section-title strong {
  font-family: 'montserratsemibold';
  display: block;
}
.features-web-forms h1.section-title {
  margin-bottom: 25px;
}
.features-customizable {
  background: #fafbfb;
  padding: 337px 0 155px;
}
.features-customizable .pagewidth:before {
  display: block;
  content: "";
  position: absolute;
  top: -143px;
  right: 503px;
  background: url('/assets/images/features-customizable.png') no-repeat left top;
  width: 916px;
  height: 738px;
  z-index: 0;
}
.features-customizable .content {
  float: right;
  width: 41%;
}
.features-customizable ul.checks {
  margin-bottom: 40px;
}
.features-cloud {
  background: #fafbfb;
  padding: 280px 0 235px;
}
.features-cloud .pagewidth:before {
  display: block;
  content: "";
  position: absolute;
  top: -282px;
  left: 580px;
  background: url('/assets/images/features-cloudy.png') no-repeat left top;
  width: 916px;
  height: 738px;
  z-index: 0;
}
.features-cloud .content {
  width: 540px;
}
.features-cloud ul.checks {
  margin-bottom: 38px;
}
.features-advanced {
  background: #fff;
  padding: 131px 0;
}
.features-advanced .pagewidth {
  max-width: 998px;
}
.features-advanced h2.section-title {
  text-align: center;
  margin-bottom: 63px;
}
.features-lists .item {
  border-top: 1px solid #d5dce0;
  padding: 63px 0 38px; 
}
.features-lists .item h4 {
  float: left;
  color: #ff3757;
  padding: 0 0 0 52px;
}
.features-lists h4.customize {
  background: url('/assets/images/icon-customize.png') no-repeat left top / 32px auto;
}
.features-lists h4.manage {
  background: url('/assets/images/icon-manage.png') no-repeat left top / 32px auto;
}
.features-lists h4.integrate {
  background: url('/assets/images/step-copy.png') no-repeat left top / 32px auto;
}
.features-lists h4.reply {
  background: url('/assets/images/icon-reply.png') no-repeat left top / 32px auto;
}
.features-lists ul li {
  margin-bottom: 19px;
}
.features-lists .cols3 section {
  width: 30%;
  margin-left: 9%;
}
.features-lists .cols3 section:first-child {
  width: 22%;
  margin-left: 0;
}
.features-check-version {
  background: #fafbfb url('/assets/images/step-copy.png') no-repeat center 90px;
  background-size: 90px;
  padding: 200px 0 95px;
  text-align: center;
}
.features-check-version h4 {
  font-size: 20px;
  line-height: 30px;
}

/* Plans */
.plans-section { 
  background: #fafbfb; 
  padding: 102px 0px 58px;
}
.plans-section h1 {
  text-align: center;
  margin-bottom: 24px;
}
.plans-section .plans-list {
  width: 100%;
  overflow: hidden;
}
.plans-list section {
  background: #fff;
  border: 1px solid #d7dee2;
  width: 23.5%;
  overflow: hidden;
  float:left;
  margin: 0 0 20px 2%;
  padding: 77px 20px 0;
  text-align: center;
  min-height: 403px;
}
.plans-list section:first-child { margin-left: 0; }
.plans-list.three section:first-child{margin-left:12.75%;}

.plans-list section.topseller {
  border: none;
  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.plans-list section h3 {
  font-family: 'montserratsemibold';
  font-size: 14px;
  text-transform: uppercase;
  color: #455a64;
  margin-bottom: 15px;
}
.plans-list section a.outline {
  border: 2px solid #ff3757;
  color: #ff3757;
}
.plans-list section a.btn, .plans-list section button.btn {
  padding: 0 30px;
  margin: 0 0 17px;
}
.plans-list section p {
  color: #90a4ae;
  margin: 0 0 10px;
  font-size: 12px;
}
.plans-list section p.description {
  margin: 0 0 25px;
  min-height: 70px;
  font-size: 14px;
}
.plans-list section p.price {
  color: #223144;
  font-family: 'montserratsemibold';
  letter-spacing: 0;
  display: inline-block;
  position: relative;
}
.plans-list.sale section p.price{color:red;}
.plans-list section p.price-o {
    margin-bottom: -5px;
}
.plans-list.sale section p.price::before {
    content: "DC Price";
    font-size: 11px;
    left: -33px;
    position: absolute;
    transform: rotate(-90deg);
}
.plans-list section p.img, .plans-list section p.price {line-height:60px;font-size:50px;margin-bottom:13px; height:66px;}
.plans-list section p.price sup {
  font-size: 30px;
  position:relative;
  top:-.5em;
  vertical-align: baseline;
}
.plans-list section p.price sub {
  color: #b0bec5;
  font-size: 11px;
  line-height:11px;
  display: block;
  text-align: right;
  font-family: 'montserratlight';
  bottom:12px;
  right:-7px;
  position: absolute;
}
.plans-list section p.img img{vertical-align: text-bottom; max-height: 100%;}
.plans-list section p.price small {
  font-size: 30px;
}
.plans-list section p.top-seller {
  background: #e73254 url('/assets/images/plan-top-seller-bg.png') no-repeat right top;
  text-align: center;
  font: 16px/35px 'montserratsemibold';
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.plans-list section.pdets {
    padding: 0;
    text-align: left;
    border:none;
}
.plans-list section.pdets h2{font-size:16px; margin: 25px 0 4px;}
.plans-list section.pdets p{font-size:14px;}
p.notes {
  color: #90a4ae;
  font-size: 15px;
  line-height: 19px;
  letter-spacing: 0;
}

/* Developers Version */
.developer-version-top {
  padding: 125px 0 185px;
  background:#1d283a url('/assets/images/developer-version-bg.jpg') no-repeat center top;
  background-size: cover; 
  color: #fff;
}
.developer-version-top .content {
  width: 49%;
  float: left;
}
.developer-version-top h1, .developer-version-top h4 {
  color: #fff;
}
.developer-version-top h1 {
  margin: 65px 0 0;
}
.developer-version-top h4 {
  line-height: 44px;
  margin-bottom: 30px;
}
.developer-version-top .plans-list { float: right; width:49%; }
.developer-version-top .plans-list section {
  background: #2a3b54;
  border: none;
  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
  width:49%;
}
.developer-version-top .plans-list section h3 { color: #fff; }
.developer-version-top .plans-list section p  { color: #fff; }
.developer-version-top .plans-list section p.price  {
  color: #fff;
  margin-bottom: 26px;
}
.developer-version-top .plans-list section a.outline {
  color: #fff;
}
.developer-version-top .plans-list section p.top-seller {
  background: #fff;
  font-size: 14px;
  color: #e73254;
}
.developer-version-top .plans-list section p.top-seller span {
  background: -webkit-linear-gradient(left, #e73254, #f17559);
  background: linear-gradient(left, #e73254, #f17559);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Signup */
.plan-options section {
  border-top: 1px solid #d7dee2;
  padding: 23px 0;
  clear: both;
  color: #b0bec5;
  font-size: 17px;
}
.plan-options section:first-child {
  border-top: none;
  padding-top: 10px;
}
.plan-options section strong {
  float: right;
  color: #90a4ae;
}
.plan-total {
  position: absolute;
  color: #fff;
  background: #37474f;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 20px 77px;
  font-family: 'montserratsemibold';
  font-size: 22px;
}
.plan-total strong { float: right; }
.dropdown-trigger {
  color: #e73254;
  border-bottom: 1px dashed #e73254;
  cursor: pointer;
  padding-right: 13px; 
  position: relative;
}
.dropdown-trigger:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #e73254;
  position: absolute;
  right: 0;
  top: 9px;
}
ul.dropdown-select {
  display: none;
  list-style: none;
  position: absolute;
  margin: 13px 0 0;
  width: 100%;
  border: 1px solid #d7dee2;
  background: #fff;
  z-index: 10;
}
ul.dropdown-select li {
  padding: 0;
  border-top: 1px solid #d7dee2;
  margin: 0;
  cursor: pointer;
}
ul.dropdown-select li a {
  display: block;
  padding: 14px 17px;
}
ul.dropdown-select li strong {
  text-transform: uppercase;
}
ul.dropdown-select li:first-child { border: none; }
ul.dropdown-select li:hover {
  background: #d7dee2;
}
.middle-section { 
  width: 60%; 
  margin: 0 auto 3%; 
  background: #fff;
  padding: 5% 7%;
  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 10px rgba(0,0,0,0.2); 
}

/* Support */
p.cru { padding: 0 0 20px; }

.tags-cloud a { font-size: 13px; background: #fff !important; border-radius: 3px; margin: 0 10px 7px 0; padding: 0 7px; display: inline-block; }

/* ========================================================== Footer */
footer.footy{
  width: 100%;
  clear: both;
  background: #0f161e;
  padding: 115px 0 0;
}
.signup footer.footy {
  background: none;
  padding: 0;
}
footer.footy h6 {
  margin: 0 0 15px;
  font-size: 12px;
}
footer.footy .cols6 a {
  display: block;
  color:#cfd8dc;
  text-decoration: none;
  line-height:1.3em;
  margin: 0;
  padding:5px 0;
}
footer.footy .cols6 .foottest{margin-top:1em;}
footer.footy .cols6 .foottest span{white-space: nowrap;}
footer.footy .cols6 .foottest a{color:#455a64;display:inline;padding:0;}
footer.footy a:hover{
  color:#cfd8dc;
  text-decoration: underline;
}
footer.footy .logo img {max-width: 243px;}

footer.footy p{
  margin:0;
}
footer.footy p#copy{
  width: 100%;
  font-size: 9px;
  font-weight: 300;
  text-align: center;
  padding: 25px 0;
  margin: 79px 0 0;
  border-top: 1px solid #223144;
  color: #223144;
}
footer.footy p#copy a {
  width: auto;
  margin: 0;
  color: #455a64;
  text-decoration: underline;
}
footer.footy p#copy a:hover {
  color: #455a64;
  text-decoration: none;
}
.signup footer.footy p#copy{
  margin: 0;
  border-top: 1px solid #c4ced3;
  color: #b0bec5;
}
.signup footer.footy p#copy a {
  color: #90a4ae;
}
.signup footer.footy p#copy a:hover {
  color: #90a4ae;
}

/* ================================================ Horizontal Menu */
#hamburger { display: none; }
#hnav {clear:both;float:right;margin: 19px -30px 0;padding:0;z-index:-2;}
#hnav ul {margin:0;padding:0;list-style:none;}
#hnav ul li {margin:0;padding:0;position:relative;float:left;}
#hnav ul li a {display:block;margin:0;
    padding: 16px;
    font-size: 14px;
    font-weight: normal;
    line-height:1em;
    text-decoration:none;
    color:#455a64;
    text-transform: uppercase;
}
#hnav ul li a:hover, #hnav ul li:hover a {
    color:#455a64;
}
#hnav ul li a.now {
    font-family: 'montserratsemibold';
}
/* Center Menu */
#hnav ul{float:right;position:relative;right:50%;Z-index:-1;}#hnav ul li{position:relative;left:50%;}#hnav ul ul{right:auto;}#hnav ul ul li {left:auto;}
/* Submenu items */
#hnav ul ul {position:absolute;opacity:0;left:-888em;top:100px;
  width:200px;
    /*-webkit-transition: top .2s ease, opacity .2s ease;-moz-transition: top .2s ease, opacity .2s ease;-o-transition: top .2s ease, opacity .2s ease;transition: top .2s ease, opacity .2s ease;*/
}
#hnav ul ul li {clear:left;margin:0;padding:0;width:100%;}

#hnav ul ul li a, #hnav ul li:hover ul li a{
  font-size:14px;
  line-height:14px;
  background:#333;
  color:#fff; 
}
#hnav ul ul li a:hover,
#hnav ul li:hover ul li a:hover{ 
  background:#444; 
    color:#fff;
}
#hnav ul li:hover ul{left:0;height:auto;opacity:1;
top:38px; /* =(#hnav lineheight + #hnav ul li a top/bottom padding/margin) */ 
}
#hnav ul li a.btn { color: #fff; padding: 0 20px; line-height: 46px; margin-left: 10px; }
#hnav ul li a.btn.grey { color: #78909c; min-width: 127px; font-family: 'montserratlight'; border: 1px solid #78909c; }


/* =========================================================== Forms */
form.lj fieldset {
  border: none;  /* Fieldset Border */
  margin:  0 0 70px 0;
  padding: 0;
}
form.lj input, 
form.lj select,
form.lj textarea {
  display: block;
  width: 100%;
  background: #fff;
  font-size: 16px;
  border: 1px solid #d7dee2; /* Input Border */
  padding: 18px 17px;
  margin-top: 11px;
  text-transform: none;
  -webkit-appearance: none;
  border-radius:0;
}
form.lj input[type="file"] { padding-top: 14px; padding-bottom: 13px; }
form.lj input[type="checkbox"] { width: auto; display: inline-block; padding: 0; }
form.lj input:focus, form.lj select:focus, form.lj textarea:focus{ color: #90a4ae; border-color: #90a4ae; }
form.lj select {
  background: #fff url('/assets/images/icon-dn.png') no-repeat 93% 49%;
  padding: 17px 30px 17px 17px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline:none;
  cursor: pointer;
}
form.lj .select-holder { position: relative; display: block; padding: 0; }
/*form.lj .select-holder:after {
  display: block;
  content: '';
  position: absolute;
  top: 26px;
  right: 15px;
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #90a4ae;
  z-index: 10;
} */
/*target Internet Explorer 9 and Internet Explorer 10:*/
@media screen and (min-width: 0\0) {
  form.lj select {
    background: none;
    padding: 18px 20px;
  }
}

input#cc_number { background: #fff url('/assets/images/logo-credit-cards.png') no-repeat right center; }
form.lj .submit {
  cursor: pointer;
  background: #ff3757;
  border: none;
  border-radius: 28px;
  color: #fff;
  display: inline-block;
  font-family: 'montserratsemibold';
  height: 56px;
  min-width: 204px;
  line-height: 56px;
  padding: 0 26px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: auto;
}
form.lj .submit.small { font-size: 14px; }
form.lj .submit:hover, form.lj .submit:focus { background: #e73254; color: #fff; }
form.lj legend {     /* color defined above with h3 */
font-size: 20px;font-weight:normal; font-family: 'montserratlight'; text-transform: uppercase; }
form.lj .ammerspay{position:absolute;width:50px;top:0;left:-5000px;}
form.lj fieldset.radio{margin: 1em 0 1em 0;}
form.lj fieldset label.radio,form.lj fieldset.radio label{cursor:pointer;line-height:1.6em;}
form.lj fieldset.radio input,form.lj label.radio input {width:auto;float:left;margin-right:6px;border:none;background:none;}
form.lj fieldset.float label,form.lj fieldset label.float{display:inline; float:left;white-space: nowrap;margin-right: 15px;}
form.lj input.hidden {border:none;padding:0;display:inline;}
form.lj legend a {font-weight:normal;font-size:.9em;}
form.lj label{ font-family: 'montserratsemibold'; position: relative; text-transform: uppercase; display: block;margin-bottom: 34px;}
form.lj label.f3 {float:left;width:33.3%;}
form.lj label.f3 input, form.lj label.f3 .select-holder {width:90%;}
form.lj label.f2{float:left;width:50%; padding-left: 0; padding-right: 30px;}
form.lj label.f2.input-right{padding-left: 30px; padding-right: 0;}
form.lj label.f2 input, form.lj label.f2 .select-holder{width:100%;}
form.lj .first{padding-top: 22px;}
form table,form h2{margin-left:0;margin-right:0;}
form.lj p{margin:0 0 .25em 0;padding:0;}
form.lj {margin: 0;}
form.lj .error { border-color: #f44336; color: #f44336; }
form.lj .valid { border-color: #00e676; }
form.lj span.form-error { display: none; }
form.lj .submit-holder { margin-bottom: 30px; clear: both; }
form.lj .g-recaptcha > div { width: 100% !important; }

/* Signup */
section.cardbox {
  background: #f1f5f9;
  padding: 4%;;
  margin-bottom: 28px;
  z-index: 4;
}
form a.button_strength {
  position: absolute;
  top: 0px;
  right: 0px;
  background: url('/assets/images/icon-show-hide.png') no-repeat right top;
  height: 16px;
  overflow: hidden;
  z-index: 10;
  padding-right:33px;
  color:#d7dee2;
}
form.lj p.secure-payments {
  color: #b0bec5;
  line-height: 26px;
  text-align: center;
  margin: 0;
  font-size: 16px;
  letter-spacing: 0;
  width: 692px;
  padding: 47px 77px 0;
}
form.lj p.secure-payments strong {
  padding: 0 0 0 30px;
  background: url('/assets/images/icon-lock.png') no-repeat left top;
  display: inline-block;
}
.tooltip-holder {
  position: absolute;
  top: 47px;
  right: 14px;
}
.tooltip-holder .tooltip-trigger {
  background: #d7dee2;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  width: 23px;
  height: 23px;
  text-align: center;
  line-height: 24px;
}
.tooltip-holder .tooltip-content {
  position: absolute;
  display: none;
  top: 34px;
  background: #b0bec5;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  text-transform: none;
  text-align: center;
  width: 174px;
  padding: 12px;
  transform: translateX(-50%);
  margin: 0 0 0 6px;
}
.tooltip-holder .tooltip-content:after {
  display: block;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: -9px;
  left: 50%;
  margin-left: -3px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #b0bec5;
}
.tooltip-holder .tooltip-trigger:hover + .tooltip-content {
  display: block;
}
form.lj label.f3.expiration-date { width: 32%; margin-right: 2%; white-space: nowrap; }
form.lj label.f3.cc_cvc { width: 32%; margin-right: 0; }
form.lj label.f3.expiration-date .select-holder, form.lj label.f3.cc_cvc input { width: 100%; }
.strength_meter { 
  color: #90a4ae; 
  text-transform: none; 
  font-family: 'montserratlight'; 
  font-size: 16px; 
  letter-spacing: 0.05em; 
  margin: 12px 0 0;
}
.strength_meter div.veryweak:after, 
.strength_meter div.weak:after,
.strength_meter div.medium:after,
.strength_meter div.strong:after {
  display: block;
  position: absolute;
  content: 'Strength:';
  color: #90a4ae;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 1;
}
.strength_meter div { color: #e73254; }
.strength_meter:after { 
  display: block;
  position: absolute;
  content: '';
  background: #e73254;
  background: -moz-linear-gradient(left, #e73254, #f27c59, #fdc45f);
  background: -webkit-linear-gradient(left, #e73254, #f27c59, #fdc45f);
  background: linear-gradient( to right, #e73254, #f27c59, #fdc45f);
  top: 34px;
  left: 0;
  width: 100%;
  height: 6px;
  z-index: 1;
}
.strength_meter div:before { 
  display: block;
  position: absolute;
  content: '';
  background: #fff;
  top: 34px;
  right: 0;
  width: 100%;
  height: 6px;
  z-index: 2;
}
.strength_meter div.veryweak:before { background: #d7dee2; width: 85%; }
.strength_meter div.weak:before { background: #d7dee2; width: 60%; }
.strength_meter div.medium:before { background: #d7dee2; width: 33%; }
.strength_meter div.strong:before { background: #d7dee2; width: 0%; }
.strength_meter div.veryweak { padding-bottom: 26px; }
.strength_meter div.weak { padding-bottom: 26px; }
.strength_meter div.medium { padding-bottom: 26px; }
.strength_meter div.strong { padding-bottom: 26px; }

/* ========================================================= Alerts */
h3.alert, h3.alertyes{font-size:14px; line-height:24px; padding: 20px 30px; margin-bottom: 30px; font-family: 'montserratlight'; }
h3.alert{border: 1px solid #f44336; color: #f44336; margin-bottom: 20px; }
h3.alertyes{border: 1px solid #00e676; }
h3.alertwarn { font-size: 18px; }

#form-errors div.alert { border: 1px solid #f44336; color: #f44336; padding: 20px 30px 10px; margin-bottom: 10px; }
#form-errors strong { display: none; }
#form-errors ul { margin: 0; list-style: none; }

/* ========================================================= Printer */
 @media print{
#leftcol, nav, #sub-print{display:none;}
body,#pagewidth,#maincol,#wrapper,footer.footy,header.heady,header.heady #logo,#footer p, #sub-detail{width:100%;float:none;background:none;padding:0;}
p, li, footer.footy p, footer.footy p a, h1,h2,h3,h4,h5,h6,a{color:#000;}
header.heady,header.heady #logo{ width: auto; height:auto; position:static;top:0;left:0;}
header.heady #logo{ margin-bottom:1em;}footer.footy{margin-top:1em;}
footer.footy p#credit{position:static;top:0;right:auto;}
#sub-detail{max-width:none;}
#sub-detail p{font-size:9pt;margin:0 0 1em;line-height: 1.4em;}
#sub-detail h1{font-size:14pt;margin:0 0 1em;line-height: 1.4em;}
#sub-detail h2{font-size:11pt;margin:1em 0 .3em 0;}
#sub-detail p#sub-create{font-size:6pt;display:block;color:#666;}
.sub-qr{display:inline-block;}
.sub-qr-wrap{display:inline-block;font-size:6pt;}
   @page {margin: 2cm;}
}
/******** faq **********************/

.web-form-tabs{
        width: 100%;
    margin: 0 0 50px;
    overflow: hidden !IMPORTANT;
    max-height: 950px;
}
.web-form-tabs input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.web-form-tabs .row {
  display: flex;
}
.web-form-tabs .row .col {
  flex: 1;
  display: block;
}
.web-form-tabs .row .col:last-child {
  margin-left: 1em;
}

/* Accordion styles */
.web-form-tabs .tabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}

.web-form-tabs .tab {
  width: 100%;
  color: white;
  overflow: hidden;
}
.web-form-tabs .tab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: #2c3e50;
  font-weight: bold;
  cursor: pointer;
  /* Icon */
}
.web-form-tabs .tab-label:hover {
  background: #1a252f;
}
.web-form-tabs .tab-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
}
.web-form-tabs .tab-content {
  display: block !important;
  max-height: 0;
  padding: 0 1em;
  color: #2c3e50;
  background: white;
  transition: all 0.35s;
}
.web-form-tabs .tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}
.web-form-tabs .tab-close:hover {
  background: #1a252f;
}

.web-form-tabs input:checked + .tab-label {
  background: #1a252f;
}
.web-form-tabs input:checked + .tab-label::after {
  transform: rotate(90deg);
}
.web-form-tabs input:checked ~ .tab-content {
  max-height: 100vh;
  padding: 1em;
}
/**************blog*******************/
.blog{
    margin-top:20px !important;
    margin-bottom:20px !important;
}
.blog .leftcol, .rightcol {
    float: left;
    width: 100% !important;}
    .flex-m{
        display:flex;
        
    }
    .blog .btn-primary a{
        text-decoration:none;
        color:white;
    }
    .blog .blog-container{
     margin-top:20px !important;
    margin-bottom:20px !important;   
    }
    @media screen and (max-width: 1240px){
     .blog .flex-m{
        display:block;
        
    }  
    .recent-post{
        text-align:center;
    }
    }
    .blog .ctr-txt{
        justify-content:center;
    }
.blog .bg-image {
    width: 656px !important;
    Height: 350px !important;
}
    
    
    /**************footer*********/
  
     footer.footy .cols6 .social{
        
        display:flex;
        margin:10px;
    }
    footer.footy .cols6 .social a img{
        margin:8px;
        align-items:center;
        justify-content:center;
        border:1px solid #0f161e;
        border-radius:10px;
        width:40px;
        height:40px;
        box-sizing:border-box;
        /*transition-delay: 1s;*/
         width: 20px;
         height: 20px;
         transition: width 0.5s, height 0.5s, transform 0.5s;
    }

    footer.footy .cols6 .social a:hover img:hover {
        width:40px;
        height:40px;
        transform: rotate(360deg);
    }
    /*******blog********/
    .container .sidebar .side-ul .li-1{
        padding:20px 20px;
        /*border-bottom:1px solid #0f161e ;*/
        
        list-style:none;
    }
    .container .sidebar h1{
      
    }
    .container .sidebar .side-ul .li-1:hover {
    color:#fff;
    background-color:#21354c;
   
    transition: font-size 1s, transform 1s;
    }
    .container .sidebar .side-ul{
        
        background:white;
        box-shadow: 0 0 2em -1.5em black;
        border-radius:20px;
    }

    @media only screen and (min-width: 768px) {
    
        
    }
    .container .tagging strong{
        background-color:white;
        color:#0f161e;
        padding:10px;
        margin-top:50px;
    }
    .container .sidebar .tagboard .li-2{
        display:inline-block;
        margin:10px;
    }
    @import url('https://fonts.googleapis.com/css?family=Heebo:400,700|Open+Sans:400,700');


    .container{
        width="80%";
        justify-content:center;
    }
    
/*    .container .cards-wrapper {*/
/*  display: grid;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*  grid-template-columns: 1fr 1fr;*/
/*  grid-gap: 4rem;*/
/*  padding: 1rem;*/
/*  margin: 0 auto;*/
/*  width: max-content;*/
/*}*/
/*.container .card h1{*/
/*    color:#ff3757;*/
/*}*/
/*.container .card {*/
/*  font-family: 'Heebo';*/
/*  --bg-filter-opacity: 0.5;*/
/*  background-image: linear-gradient(rgba(0,0,0,var(--bg-filter-opacity)),rgba(0,0,0,var(--bg-filter-opacity))), var(--bg-img);*/
/*  height: 20em;*/
/*  width: 15em;*/
/*  font-size: 1.5em;*/
/*  color: #0f161e;*/
/*  border-radius: 1em;*/
/*  padding: 1em;*/
/*  margin: 2em;*/
/*  display: flex;*/
/*  align-items: flex-end;*/
/*  background-size: cover;*/
/*  background-position: center;*/
/*  box-shadow: 0 0 2em -1.5em black;*/
/*  transition: all, var(--transition-time);*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*  border: 1px solid #ccc;*/
/*  Background-color:white;*/
/*  text-decoration: none;*/
 
/*}*/

/*.container .card:hover {*/
/*  transform: rotate(0);*/
  
/*}*/
/*.container .card:hover img {*/
/*  transform: rotate(0);*/
  
/*}*/
/*.container .card h1 {*/
/*  margin: 0;*/
/*  font-size: 1.5em;*/
/*  line-height: 1.2em;*/
/*}*/

/*.container .card p {*/
/*  font-size: 0.75em;*/
/*  font-family: 'montserratlight';*/
/*  margin-top: 0.5em;*/
/*  line-height: 1.5em;*/
/*}*/

/*.container .card .tags {*/
/*  display: flex;*/
/*}*/

/*.container .card .tags .tag {*/
/*  font-size: 0.75em;*/
/*  background: rgba(255,255,255,0.5);*/
/*  border-radius: 0.3rem;*/
/*  padding: 0 0.5em;*/
/*  margin-right: 0.5em;*/
/*  line-height: 1.5em;*/
/*  transition: all, var(--transition-time);*/
/*}*/

/*.container .card:hover .tags .tag {*/
/*  background: #ff3757;*/
/*  color: white;*/
/*  align-items:center;*/
/*}*/

/*.container .card .date {*/
/*  position: absolute;*/
/*  top: 0;*/
/*  right: 0;*/
/*  font-size: 0.75em;*/
/*  padding: 1em;*/
/*  line-height: 1em;*/
/*  opacity: .8;*/
/*}*/

/*.container .card:before, .card:after {*/
/*  content: '';*/
/*  transform: scale(0);*/
/*  transform-origin: top left;*/
/*  border-radius: 50%;*/
/*  position: absolute;*/
/*  left: -50%;*/
/*  top: -50%;*/
/*  z-index: -5;*/
/*  transition: all, var(--transition-time);*/
/*  transition-timing-function: ease-in-out;*/
/*}*/

/*.container .card:before {*/
/*  background: #ddd;*/
/*  width: 250%;*/
/*  height: 250%;*/
/*}*/

/*.container .card:after {*/
/*  background: #0f161e;*/
/*  width: 200%;*/
/*  height: 200%;*/
/*}*/

/*.container .card:hover {*/
/*  color: white;*/
/*}*/

/*.container .card:hover:before, .card:hover:after {*/
/*  transform: scale(1);*/
/*}*/

/*.container .card-grid-space .num {*/
/*  font-size: 3em;*/
/*  margin-bottom: 20px;*/
/*  margin-left: 20px;*/
/*}*/

.container .info h1.blog {
  font-size: calc(50px + 2vw);
  justify-content:center;
  text-align:center;
}
.info h1.blog {
  font-size: calc(50px + 2vw);
  justify-content:center;
  text-align:center;
}
/*.container .info img {*/
/*  height: 3em;*/
/*  margin-right: 0.5em;*/
/*}*/

/*.container .info h1 {*/
/*  font-size: 1em;*/
/*  font-weight: normal;*/
/*}*/
/*.container .card-div{*/
/*    width:95%;*/
/*}*/
/*.container .name-box{*/
/*    background-color:white;*/
/*    border-radius:10px 20px ;*/
/*    color:#ff3757 !important;*/
/*    padding:5px;*/
/*    border-bottom:1px solid #ff3757;*/
/*    margin-bottom:5px;*/
/*}*/
/*.container .row{*/
/*    margin-right: -15px;*/
/*    margin-left: -15px;*/
/*    display:flex;*/
/*}*/
/*.container .row .col-8{*/
/*    width:80%;*/
/*}*/
/*.container .row .col-4{*/
/*    width:20%;*/
/*    Margin-right:20px;*/
/*}*/
/* MEDIA QUERIES */
/*@media screen and (max-width: 1285px) {*/
/*  .cards-wrapper {*/
/*    grid-template-columns: 1fr 1fr;*/
/*  }*/

/*}*/

/*@media screen and (max-width: 900px) {*/

/*.sidebar h1{*/
/*      width:100vw;*/
/*      text-align:center;*/
/*.cards-wrapper {*/
/*    grid-template-columns: 1fr;*/
/*  }*/


/*  .card-grid-space .num {*/
/*    /margin-left: 0;*/
/*    /text-align: center;*/
/*  }*/
  
/*}*/

/*@media screen and (max-width: 500px) {*/
/*  .cards-wrapper {*/
/*    padding: 4rem 2rem;*/
/*  }*/
/*  .card {*/
/*    max-width: calc(100vw - 4rem);*/
/*  }*/
/*}*/
a.catg:hover{
    color:#ff3757 !important;
    
}
/*a.catg:hover img{*/
/*    width:12px;*/
/*    height:12px;*/
    
/*}*/
a.catg {
    text-decoration: none !important;
    color: #0f161e !important;
    padding:5px;
    padding-bottom:5px !important;
}
a.catg img{
margin-left:10px;
margin-right:10px;
}
.btn-read{
        border-radius: 25px 0px 25px 0px !important;
        
}

@media screen and (max-width: 450px) {
  .info {
    display: block;
    text-align: center;
  }
  .info h1 {
    margin: 0;
  }
}

/*    @media only screen and (max-width: 768px) {*/
/*      ul.side-ul {*/
/*    width: 260px!important;*/
/*}*/
/*.container .row {*/
/*    flex-wrap: wrap;*/
/*    }*/
/*}*/

.name-box {
    border-radius: 20px 0px 20px 0px !important;
    margin-top:10px !important;
}
.panel-default .input-group .btn-search{
    background: #ff3757;
    border: 2px solid #ff3757;
    border-radius: 28px;
    color: #fff;
    display: inline-block;
    font-family: 'montserratsemibold';
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    position: relative; 
    border-radius: 5px;
    margin-top:0px;
    margin-left: 15px;
    transition: all, var(--transition-time);
}
.panel-default .input-group .btn-search:hover {
    color: #0f161e;
    background: #e3334f;
    border-radius: 25px 0px 25px 0px !important;
}
.row .col-sm-7 button{
    background: #ff3757;
    border: 2px solid #ff3757;
    border-radius: 28px;
    color: #fff;
    display: inline-block;
    font-family: 'montserratsemibold';
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
    position: relative; 
    border-radius: 25px 0px 25px 0px !important;
    margin-top:0px;
    margin-left: 15px; 
    padding:5px;
}
img.recent-post-img {
    width: 110px;
    height: 75px;
    border-radius: 20px 0px !important;
}
img.recent-post-img:hover {

    border-radius: 0px 20px !important;
     transition: all, var(--transition-time) !important;
}

.panel.panel-default.recent-post {
    border-radius: 20px!important;
    margin: 10px;
    background-color: white;
    padding: 10px;
    box-shadow: 0 0 2em -1em black;
}


.tagboard .panel-default:hover{
color: #ffffff !important;
    background: #e3334f !important;
    border-radius: 25px 0px 25px 0px !important;
      transition: all, var(--transition-time) !important;
}

.tagboard .tags {
    margin: 8px 3px !important;
    background: #e0e0e0 !important;
    display: inline-block !important;
    padding: 7px !important;
    transition: all, var(--transition-time);
}
.tagboard .tags:hover{
color: #ffffff !important;
    background: #e3334f !important;
    border-radius: 25px 0px 25px 0px!important;
}