@charset "utf-8";/* CSS Document */
* {
	margin:0;
	padding:0
}
:root {
--cmblue:#f5f8ff;
}
body {
	font-family: 'Poppins', sans-serif;
}
p {
	font-size:16px;
	font-weight:300;
	line-height:30px;
	color:#333333;
	margin-bottom:15px;
}
.btn.big-red {
	padding:20px;
	color:#fff;
	text-transform:uppercase
}

.s-quoteform .btn{padding:20px 40px;
	color:#fff;
	text-transform:uppercase; background: #bf1238; margin:10px 0; border:none; }
	.s-quoteform .btn:hover{ opacity:0.9}
.smcontainer {
	max-width:1360px;
	margin:0 auto;
	width:1360px;
	padding:0 15px;
	position:relative;
	z-index:9
}
.smrow {
	display:flex
}
.smcontacts {
	flex:0 0 90%;
	justify-content: end;
	display: flex;
}
.cbhcontact{ color:#fff;}
.cbhcontact a {
	font-size:18px;
	font-weight:bold;
	color:#fff
}

.cbhcontact:before{
	  font-family: FontAwesome;
  content: "\f095";
font-family: "fontawesome";
font-size: 20px;
float: left;
color: #fff;
}
.cbhemail{ clear:both}
.cbhemail:before{  font-family: FontAwesome;
  content: "\f0e0";
font-family: "fontawesome";
font-size: 16px;
float: left;
color: #fff;}

#smlanding {
	background:var(--cmblue);
	min-height:300px;
}
.himage {
	position:relative
}
.himage .dot {
	top:0;
	left:0
}
.faqcon h3 {
	margin-bottom: 8px;
	font-weight: 700 !important;
	font-size: 18px;
}
.digiexps .faqbox {
	margin-bottom:15px;
}
.smbg2 .dot {
	top:0;
	left:30%
}
.smbg1 .dot {
	top:0;
	left:auto;
	right:25%;
}
.smherosection {
	display:table;
	min-height:480px;
}
.smvertical {
	min-height:600px;
	vertical-align:middle;
	display:table-cell
}
.smheader {
	background:url(../images/header.WEBP) no-repeat center center;
	min-height:860px;
	position:relative;
	width:100%;
	background-size:cover;
	padding:15px 0
}
.smheader:after {
	height:252px;
	content:"";
	width:100%;
	position:absolute;
	bottom:0px;
	left:0;
	background:url(../images/theshape.webp) no-repeat;
	background-size:cover
}
.htext {
	flex:0 0 50%;
	display:table;
}
.hvertical {
}
.htext .hcontent {
	display:table-cell;
	vertical-align:middle
}
.smherotext {
	font-size:60px;
	color:#fff;
	line-height:60px;
}
.smherotext span {
	font-weight:200;
	display:block;
	font-size:32px;
}
.hcontent h3 {
	line-height:32px;
	font-size:18px;
	font-weight:300;
	color:#c1c6de;
	margin-bottom:20px;
}
.sm_col-50 {
	flex:0 0 50%;
	display:table;
}
.sm_col-40 {
	flex:0 0 40%;
	display:table;
}
.sm_col-60 {
	flex:0 0 60%;
	display:table;
}
.sm_col-4 {
	flex:0 0 22%;
	display:table;
	margin:8px
}
.sm_col-3 {
	flex:0 0 23%;
	display:table;
	margin:8px
}
.sm_col-1 {
	flex:0 0 10%;
	display:table;
	margin:8px
}
.seobox {
	text-align:center;
	padding:20px;
	box-shadow:0 0 10px #e0e0e0;
	border-radius:20px;
	background:url(../images/shape.webp) no-repeat top right;
	min-height:380px;
	margin-bottom:15px;
}

.seobox.seosameht{ min-height:490px;}
.seobox p {
	line-height:24px
}
.seobox img {
	margin-bottom:20px;
}
.smtxt {
	display:table-cell;
	vertical-align:middle
}
.smcontext {
	padding:0 0 50px 0;
	min-height:500px;
}
.smcontext .sm_col-50 {
	min-height:500px
}
.smbg1 {
	background:url(../images/yourseo.WEBP) no-repeat right center
}
.smbox {
	padding:50px 0
}
h3.smctext {
	font-size:40px;
}
h3.smctext span {
	font-weight:300
}
.smfooter {
	background:#efefef;
	padding:15px 0;
	text-align:center
}
.smfooter p {
	margin:0;
	color:#686868;
	font-size:13px;
}
.dot {
	position:absolute;
	background:url(../images/dot.WEBP) no-repeat;
	width:101px;
	height:101px
}
.dot {
	animation: rotation 2s infinite linear;
}
.hideme {
	opacity:0;
}


button.accordion {
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  padding: 15px 20px;
  font-size: 18px;
  color: #333;
  cursor: pointer;
  transition: background-color 0.2s linear;
  color: #303f9f;
  font-weight: 700 !important;
  background:none;
}

button.accordion:after {
  font-family: FontAwesome;
  content: "\f150";
  font-family: "fontawesome";
  font-size: 18px;
  float: right;
}

button.accordion.is-open:after {
  content: "\f151";
}

button.accordion:hover,
button.accordion.is-open {
  background:none;
}

.accordion-content {
  background-color: white;
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out;
}


.digiexps .thefaqs .ico-quest {
  background: url("http://www.submitinme.com/images/landing/faq-question.png") no-repeat;
}
.ico-quest {
  background: url("http://www.submitinme.com/img/faq-question.png") no-repeat;
  margin-top: 5px;
  display: block;
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}


@keyframes fadeIn {
  60% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes scaleIn {
  100% {
    transform: scaleX(1);
  }
}

@keyframes slideIn {
  100% {
    transform: translateY(0);
  }
}

.center{ text-align:center}
.digicontent .reviewimg{ width:72px; text-align:center}



.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px; margin:10px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;background-color: #fff;
box-shadow: 0 5px 8px 2px rgba(61, 61, 61, .12);
}

a.big-red{ color:#fff;}

.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.digiexps {
  background: #f2f7fb;
  margin: 30px 0 0 0;
  padding: 0 0 50px 0;
}
.digiexps .faqbox{z-index: 10;background-color: #fff;box-shadow: 0 8px 28px 2px rgba(61, 61, 61, .12);padding:20px 15px;position: relative;border-radius: 8px;border: none;}
.digiexps .thefaqs{ padding-top:50px}.digiexps .thefaqs h2{ font-weight:600; text-align:center}
.digiexps .thefaqs h3{ color:#303f9f}
.digiexps .thefaqs, .digiexps .thefaqs p{ text-align:left; color:#222}
.digiexps .thefaqs p, .digiexps .thefaqs ul li{ font-size:16px; font-weight:300; list-style:none}
.digiexps .thefaqs ul li{ padding-left:30px; position:relative}
.digiexps .thefaqs p{ margin-bottom:10px;}

.digiexp .s-quoteform.newlisting {
  margin: 0 auto;
  z-index: 10;
  background-color: #fff;
  box-shadow: 0 8px 28px 2px rgba(61, 61, 61, .12);
  padding: 60px 30px;
  position: relative;
  border-radius: 30px;
  width: 80%;
  border: none; overflow:hidden;
}
.digiexp .s-quoteform h3 {
  text-align: center;
  color: #222;
  font-weight: 900;
  font-size: 32px;
}
.red {
  color: #fe3a24;
}
.copyright {
  font-size: 11px;
  color: #8a8a8a;
  margin: 0 auto;
  width: 50%;
}

.s-pagefooter {
  background: #fff;
}

.s-socialmedia {
	list-style: none outside none;
	margin: 5px auto;
	padding: 0;
	float:none !important;
	width:290px;
}

.s-socialmedia li:first-child {
	margin: 0;
}
.s-socialmedia li {
	display:inline-block;
}
.s-socialmedia li.s-linkedin {
	background: none;
	padding: 0;
	height: auto;
}
.s-socialmedia li a {
	display:inline-block;
	height: 44px;
	list-style: none outside none;
	margin-left: 0px;
	width: 44px;
	background:url(https://www.submitinme.com/images/new/simsprites.png) no-repeat;
	
	text-indent:-9999px;
}
.s-socialmedia li a:hover {
	opacity:0.8;
}
.s-socialmedia .s-facebook a {
	background-position: 0 0;
}
.s-socialmedia .s-twitter a {
	background-position: -51px 0;
}
.s-socialmedia .s-gplus a {
	background-position: -101px 0px;
}
.s-socialmedia .s-linkedin a {
	background-position: -150px 0;
}
.s-socialmedia .s-blogger a {
	background-position: -200px 0;
}
.s-socialmedia .s-youtube a {
	background-position: -250px 0;
}
.s-footerlink ul {
  padding: 0;
  list-style: none;
}
.s-socialmedia li.s-linkedin a {
  background-position: -373px -172px !important;
}

.s-socialmedia li.s-facebook a {
  background-position: -292px -172px !important;
}

@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
	transform: rotate(359deg);
}
}/*=== Trigger  ===*/
.animate {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}  /*=== Optional Delays, change values here  ===*//*=== Animations start here  ===*//*==== FADE IN UP ===*/
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}/*=== FADE IN DOWN ===*/
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.lv-support a{ display:block}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
} /*=== FADE IN LEFT ===*/
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}/*==== FADE IN RIGHT ===*/
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}/*=== FADE IN  ===*/
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
	opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
	opacity: 1;
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}/*=== FADE IN UP Big ===*/
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
} /*=== FADE IN DOWN Big ===*/
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
} /*=== FADE IN LEFT Big ===*/
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
} /*=== FADE IN RIGHT Big ===*/
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.demo {
	font-family: 'Raleway', sans-serif;
	color:#fff;
	display: block;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
}
.demo a {
	font-family: 'Raleway', sans-serif;
	color: #2ecc71;
}
@media(max-width:1359px) {
.smcontainer {
	width:100%;
}
}
@media(max-width:640px) {
.smcontainer {
	width: 92%;
}
.smrow {
	flex-direction: column;
}

.smheader .smrow {
	flex-direction: row;
}

.smcontacts {
  flex: 0 0 70%;}
  .cbhcontact a{ display:block}
  .cbhcontatinfo{ width:90%;}
.htext{ margin-top:50px;}
.htext, .sm_col-50, .sm_col-4, .sm_col-1, .sm_col-3 {
	flex: 0 0 100%;
}
.smcontext {
	min-height:300px;
}
.smherotext {
	font-size: 40px;
	color: #fff;
	line-height: 42px;
}
.smherotext span {
	font-size: 22px;
}
.himage img, .smbg2 img, .smcontext img {
	width:100%;
	height:auto
}
.smbg1 {
	background-size:contain;
	background-position: bottom center
}
.smcontext .sm_col-50 {
	min-height: 214px;
}
h3.smctext {
	font-size: 32px;
	line-height: 40px;
}
.smbg1 .dot {
	display:none
}
.smbg2 .dot {
	top: 0;
	left: 50%;
}
.digiexp .s-quoteform.newlisting{ width:100%;padding: 10px;border-radius: 10px;}
.digiexp .s-quoteform h3{ font-size:20px;}

.himage .dot {
  top: 0;
  left: -74px;
}
}