button.btn.popbtn {
    display: none;
}
   		.socxly-pricing .banner1{
			background-size: cover;
			min-height: 650px;
			position: relative;
			background-color: #f7f8fc;
			padding-top: 10px;		
   		}
   		.pricing-table table{
		width: 100%;
		display: table;
		text-align: center;
		display: none;
		margin-bottom:0px;
		margin-top:0px;
		font-size: 16px;
		
		}

   		.socxly-pricing .banner1:before{
			content: '';
			position: absolute;
			top: 0px;
			bottom: auto;
			left: auto;
			right: 0px;
			width: 85px;
			height: 87px;
			background: url(https://d3heky9bez47us.cloudfront.net/socxly/images/pricing/lines.png) 0px 0px no-repeat;
			background-size: cover;

   		}
   		.socxly-pricing .banner1:after{
			content: '';
			position: absolute;
			top: auto;
			bottom: 0px;
			left: 0px;	
			right: auto;					
			width: 85px;
			height: 87px;
			background: url(https://d3heky9bez47us.cloudfront.net/socxly/images/pricing/lines.png) 0px 0px no-repeat;
			background-size: cover;
   		}
   		.socxly-pricing .heading{
   			margin:20px auto;
   			color: #606060;
   		}
   		span.org-colr{
   			color: #f16722 !important;
   			font-weight:inherit;
   		}
   		.text-center{
   			text-align: center !important;
   		}

   		.features-list-box{
		   	display: flex;
		    align-items: center;
		    justify-content: center;
		    margin: 10px auto;
		    min-height: 160px;
   		}
   		.features-list-box .sub-heading{
   			text-transform: uppercase;
		    font-size: large !important;
		    font-weight: 600;
		    color: #606060;
   		}
   		.features-list-box .sub-heading .long{
   			
   			font-size: 24px !important;
    		font-weight: 600;
   		}
   		.features-list-box .img-box img {
		    width: 100px;
		    height:auto;
		    max-width: 100%;
		    margin:auto;
		}
		.features-list-box .content {
		    padding: 5px 10px;
		}
		span.small-img img {
		    display: inline-block;
		    margin: 10px;
		    width: 21px;
		    position: relative;
		    top: 0px;
		}
		.tab-section {
		    background:#eaeaea;
    		display: inline-flex;
		    align-items: center;
		    justify-content: center;		    
		    border-radius: 45px;
		    margin: auto;
		}
		
		.tab-section .tab {
		    padding: 10px 20px;
		    font-size: large;
		    font-weight: bold;
		    cursor: pointer;
		}
		.tab-section .tab.active {
		    background: #18446a;
		    color: white;
		    border-radius: 40px;
		}
	/* The switch - the box around the slider */
	.switch {
		position: relative;
		display: inline-block;
		width: 50px;
		height: 25px;
	}
	.switch-box span {
	    padding: 0px 5px 5px 5px;
	    display: inline-block;
	    font-weight:normal;
	    color: #606060;
	}
	.switch-box span span {
    padding: 0px;
    font-size: 20px;
}

	/* Hide default HTML checkbox */
	.switch input {
	  opacity: 0;
	  width: 0;
	  height: 0;
	}

	/* The slider */
	.slider {
	  position: absolute;
	  cursor: pointer;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-color: #18446a;
	  -webkit-transition: .4s;
	  transition: .4s;
	}

	.slider:before {
		position: absolute;
		content: "";
		height: 18px;
		width: 18px;
		left: 0px;
		margin:auto 4px;
		bottom: 4px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
	}

	input:checked + .slider {
	  background-color: #18446a;
	}

	input:focus + .slider {
	  box-shadow: 0 0 1px #18446a;
	}

	input:checked + .slider:before {
	  -webkit-transform: translateX(26px);
	  -ms-transform: translateX(26px);
	  transform: translateX(26px);
	}

	/* Rounded sliders */
	.slider.round {
	  border-radius: 34px;
	}

	.slider.round:before {
	  border-radius: 50%;
	}
	.switch-box {
	    text-align: center;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    font-weight: bold;
	    margin:20px auto;
	    text-transform: uppercase;
	    min-height: 32px;
	}

	.plan-box sup {
		font-size: 22px;
	}
	.plan-box p {
    margin-bottom: 5px;
    line-height: normal;
    font-size:large;
	}
	p.plan_price {
    	font-size: 40px !important;
    	font-weight: 600;
    	color:#606060;
	}
	p.plan_price small {
    	font-size: 16px;
	}
	p.plan_name {
		border-top: 5px solid #fe5c01;
		padding: 15px 0px;
		font-size: 20px;
		margin: auto;
		font-weight: 600;
		padding-bottom: 0px;
		color: #606060;
	}


/*	.plan-box .middle-download {
		line-height: normal;
	    width: 90px;
	    min-width: 90px;
	    max-width: 90px;
	    padding: 3px !important;
	}*/
	.plan-box {
		background: #f9f9f9;
    padding: 30px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 60%);
    margin: auto;
    margin-bottom: 30px;
    
	    

	}
	.light-background th, .light-background td {
      min-height: 70px;
      vertical-align: middle !important;
    }
    .pricing-table table{
		width: 100%;
		display: table;
		text-align: center;
		display: none;
		margin-bottom:0px;
		font-size: 16px;
		
	}

	.plans .col-md-4{
		display: none;
	}
	.plans .active{
		display: block;
	}
	.pricing-table table.active{
		display: block;
		display: table;
	}
	
	.pricing-table table th{
		
	    padding: 10px;
	    text-align: center;
	    font-weight: 600;
	}
	
	.pricing-table table th.active, .pricing-table table td.active{
		display: block;
	}
	.light-background{

		background: #f7f8fc;
		font-size: 20px;
		font-weight:600;
		position: relative;
		text-align:left;
	}

	.light-background td, .light-background th{
		border-width: 0px 0px 0px 0px;
	}
	tr.light-background td {
    	border-right: 1px solid #f7f8fc !important;
	}
	.table>tbody>tr>td:nth-child(2), .table>tbody>thead>th:nth-child(2){
		text-align: left;
	}
	
	.table>tbody>tr>td, .table>tbody>tr>th{
		border:0px;
		border-right: 1px solid #ddd;
		padding:10px;
	}
	.table>thead>tr>th{
		border:0px;
	}
	button.popbtn {
	background: #124266;
    font-size: 10px;
    padding: 0px;
    width: 16px;
    border-radius: 100%;
    height: 16px;
	}
	.popbtn.focus, .popbtn:focus, .popbtn:hover{
		color:white;
	}
	.popover {
    	font-family: 'Titillium Web';
	}
	.popover.top {    
    	background: #124266;
	}
	.popover-content {
      color: white;
      padding:5px;
	}
	.popover.top>.arrow:after {
    	border-top-color: #124266;
	}
	p.save{
		background: url(https://d3heky9bez47us.cloudfront.net/socxly/images/pricing/save.png) 0px 0px no-repeat;
    background-size: 100%;
    width: 100px;
    margin: auto auto 15px auto;
    color: white;
    font-size: small !important;
    line-height: 1.5 !important;
	}
	.savings-box {
    min-height: 65px;
	}
	.savings-box p {
    color: #fd5b02;
	}
	.features-list li {
    list-style: none;
    color:#606060;
	}
	.features-list+p{
		color:#606060;
	}

	.features-list {
    min-height: 210px;
	}
	.dot {
	  	height: 10px;
	    width: 10px;
	    background-color: #18446a;
	    border-radius: 50%;
	    display: inline-block;
	    margin-right:10px;
	}
	span.no-dot {
    margin-left: 10px;
    width: 10px;
    height: 10px;
    display: inline-block;
	}
	p.savings-text {
    	color: #fd5b02;
    	min-height:55px;
    	margin-bottom:15px;
	}

	.extra-space {
    min-height: 55px;
	}
	span.big {
    font-size: 28px;
    font-weight: 600;
	}
	table th span.big {
    font-size: 26px;
	}


	.tab-content-box{
		display: none;
	}
	.tab-content-box.active{
		display: block;
	}
	span.small-icon {
    font-size: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #18446a;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    color: white;
}
.active span.small-icon {
    background: white;
    color: #18446a;
}
.campaigns .plan-box p small {
    line-height: normal;
    font-size: small;
    flex-flow: wrap;
    max-width: 160px;
    display: inline-block;
    text-align: left;
}
	/*.pb-32{
		padding-bottom: 32px;
	}*/
	.align-right{
		text-align: right;
	}
	.mt-2 {
    margin-top: 2em;
	}
	.lightcolor {
    background: #f7f8fc;
    padding: 20px;
    text-align: center;
}
.lightcolor a {
    font-size: x-large;
    color: #124266;
}
.curved-line img {
    width: 30%;
    margin: auto;
    margin-bottom: 20px;
    max-width: 350px;
    position: relative;
    top: -10px;
}
.tos p {
    margin: 5px auto;
}

.tos {
    text-align: right;
    padding: 10px 0px;
}

.tos * {
    text-align: right;
    color: #606060 !important;
    text-decoration: none !important;
}
.tos a {
    color: blue !important;
    font-style: italic;
    text-decoration: underline;
}
.comparison {
    padding: 50px 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.comparison p {
    font-size: 25px;
    color: #18446a;
    display: inline-block;
    margin: auto;
}
.comparison a.middle-download {
    display: inline-block;
    max-width: 100px !important;
    min-width: 100px !important;
    margin: auto;
    margin-left:10px;
    line-height: normal;
}
a.signup {
   color: blue;
    background: none !important;
    font-size: 15px;
    border: none !important;
    margin-top: 20px;
    display: block;
    font-weight: 600;
    text-decoration: underline;
}

thead.sticky-table-header .plan_name {
    text-align: center;
    border: none;
    margin-bottom: 20px;
}

thead.sticky-table-header th {
	display: table-cell;
    vertical-align: middle !important;
    text-align: center !important;
    position: sticky !important;
    top: 0px !important;
    z-index: 99999 !important;
    background: white !important;
    /*border-right: 1px solid #dddddd !important;*/
    outline: 1px solid #dddddd !important;
}
body{
	overflow: visible !important;
}
.switch-box+p {
    color: #fd5b02;
    font-size: 25px;
}
@media only screen and (max-width: 992px){
	.tos {    	
    	text-align: center;
	}

	.pricing-table {max-width:100%;overflow:hidden;overflow-x: auto; margin: auto;}
 	.pricing-table tr>th:first-child,tr>td:first-child {position: sticky;left: 0;}

	.curved-line img{
		width:70%;
	}

	.plan-box{
		max-width: 300px;
	}
	p.plan_price {
    	font-size: 30px !important;
    	margin: 20px auto;
	}
	.plan-box sup{
		font-size:20px;
	}
	p.plan_name {
    	font-size: 18px !important;
	}
	
	span.big {
    	font-size: 20px !important;
	}
	.light-background{
		font-size:16px;
	}
	table th span.big {
    font-size: 18px !important;
	}
	.extra-space{
		min-height:0px;
	}
	span.big {
    font-size: 25px;
	}
	.features-list-box .img-box img{
		width:40px;
		height:auto;
		max-width:50px;
	}
	
	.socxly-pricing .banner1:after, .socxly-pricing .banner1:before{
		content:none;
	}
	.tab-section .tab {
	    padding: 10px;
	    font-size: 14px;
	}	
	
	p.savings-text{
		min-height:0px;
	}
	.comparison p {
    	font-size: 20px !important;
	}
	.comparison a.middle-download{
		margin: 10px auto;
	}
	.socxly-pricing .heading {
    	font-size: 25px !important;
	}
	.comparison {
    	padding: 20px 0px;
	}
	.comparison a.middle-download {
	    margin: 10px auto;
	    padding: 4px !important;
	}

	.switch-box span {	    
	    font-size: 12px !important;	   
	}

	.switch-box span span{
		display:inline;
	}
	.pricing-table table {
	    width: 100%;
	    margin: auto;
	    font-size:14px;
	}
	table>tbody>tr>td, thead.sticky-table-header th{
		padding:5px !important;
	}
	.switch-box+p {
    	display: none;
	}
	.pricing-table table *{
		overflow-wrap: break-word;
	}
	thead.sticky-table-header p.plan_price {
    	font-size: 16px !important;
	}
	p.plan_price small{
		font-size:12px !important;
	}

	sub, sup {
    	font-size: 15px;
	}
	table th:first-child, table tr td:first-child {
    	display: none;
	}
	table th:last-child, table tr td:last-child {
    	display: none;
	}

	
	 

}
@media only screen and (max-width: 769px){
	.slider:before {	    
	    height: 10px;
	    width: 10px;
	    left: 0px;	    
	    bottom: 0px;	   
	    top: 0px;
	}
	.switch {
	    width: 45px;
	    height: 20px;
	}
	.switch-box span span {
    	font-size: 15px !important;
	}
	sup {
    	top: -0.2em;
	}
	table p.plan_price small{
		display: block;
	}

}
@media only screen and (max-width: 360px){

	
	.pricing-table table{
		font-size:13px !important;
	}
	.light-background{
		font-size:16px;
	}

}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');

body{
  font-family: 'Montserrat', sans-serif;
}
a.dropdown-toggle.cta-btn {
    background: #f06924 !important;
    color: white;
    height: auto;
    margin-top: 18px;
    max-width: 170px;
    border-radius: 5px;
    font-size:13px;
}
p, li, .section.four a.middle-download, ul li, .copy-right p, footer li, footer p, .copy-right p a , .main-navbar ul li a, .pricing-table table, #note p, p.plan_name {
    font-size: 15px;
}
.menu-bar.black .socxly-menu li a.cta-btn {
    color: white !important;
}
p.plan_name {
    font-size: 13px;
    border-bottom: 5px solid #fe5c01;
    border-top: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 10px;
    
}
body a.middle-download,button.reach-out  {
    border: 2px solid #ff5d00!important;
    font-size: 13px !important;
    font-weight: normal;
    color: #ff5d00!important;
    background: linear-gradient(to right,#ff5d00 50%,transparent 50%)!important;
    background-size: 201% 100%!important;
    background-position: right bottom!important;
    text-transform: uppercase;
    display: block;
    padding: 5px!important;
    text-decoration: none!important;
    text-align: center!important;
    max-width: 130px;
    min-width: 130px;
    border-radius: 4px!important;
    height: auto!important;
    margin: auto;
    margin-top: 20px;
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slide-text .orange-filled-btn{
  font-size: 13px !important;
  font-weight: normal;
}
.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right{
  left:auto !important;
  right:auto !important;
  margin:auto !important;
 -webkit-transition: .6s ease-in !important;
  -o-transition: .6s ease-in !important;
  transition: .6s ease-in !important;
  -webkit-transform: none;
  transform: none;
  text-align:center !important;
}

p.plan_price small{
  font-size:12px;
}
.light-background{
   font-size: 16px;
}
.section h2 {
    font-size: 28px;
  }
span.big {
    font-size: 22px;
}
p.savings-text {
    font-size: 13px;
    min-height: 16px;
}
p.savings-text br{
  display: none;
}
p.plan_price {
    font-size: 25px !important;
    margin: 25px auto;
}
.carousel-control {
  top: 50%;
  bottom: auto;
  background: black;
  width: 25px;
  height: 25px;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.plan-box sup {
    font-size: 16px;
}
.extra-space {
    min-height: 15px;
}
.features-list+.extra-space {
    display: none;
}
.features-list {
    min-height: 120px;
}
th small {
  font-size: 60%;
}
th p {
  color: #606060;
}
.plan-box .free-br{
    border-right:5px solid #ff5d01;
  }
.features-list li{
  font-size:13px;
  line-height:normal;
}

    .bread-crumb {
    display: none;
}

  .client-slider img{
    -webkit-filter: grayscale(0) !important;
    filter: grayscale(0) !important;
  }
  p.banner1-highlight {
    font-weight: bold !important;
}
  .margin-y-md {
    margin-top: 20px
  }

  input.search-field.form-control{
    height: 35px;
  }

  #faq-second-part .v-align>div {
    display: block!important
  }

  #faq-second-part .v-align {
    display: block!important
  }

  #faq-second-part .item .content a {
    color: blue;
    text-decoration: none
  }

  #faq-second-part .item .content strong {
    font-weight: 600!important
  }

  .row.no-gutters {
    margin-right: 0;
    margin-left: 0
  }

  .row.no-gutters>[class^="col-"],
  .row.no-gutters>[class*=" col-"] {
    padding-right: 0;
    padding-left: 0
  }

  .socxo-cares-banner img {
    width: 100%;
    height: auto
  }

  .socxo-cares-banner {
    position: relative;
    margin-top: 75px;
    background: #000
  }

  .content-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
  }

  .content-wrapper.one {
    -ms-align-items: center;
    align-items: center;
    justify-content: left;
    padding-left: 3%
  }

  .content-wrapper.two {
    -ms-align-items: flex-end;
    align-items: flex-end;
    justify-content: flex-start;
    padding-left: 5%
  }

  .search-box button.btn.btn-default {
    outline: none!important
  }

  .content-wrapper.three {
    -ms-align-items: bottom;
    align-items: flex-start;
    justify-content: left;
    text-align: left;
    margin-bottom: 20px;
    padding-left: 5%;
    padding-top: 5%
  }


  .content-wrapper.three .wrapper-in {
    margin-left: auto;
    margin-right: 0
  }

  .content-wrapper.one a {
    background: #f26822;
    padding: 0 5px;
    color: white!important;
    text-decoration: none;
    border-radius: 5px
  }

  .socxo-cares {
    font-weight: 700;
    background: #f26822;
    margin-top: 30px!important;
    display: inline-block;
    padding: 7px!important;
    color: white!important;
    text-decoration: none;
    border-radius: 2px;
    font-size: 24px
  }

  .content-wrapper .title b {
    font-weight: 600!important
  }

  .content-wrapper .title,
  .content-wrapper .title b {
    font-size: 25px;
    font-weight: 700!important;
    margin-bottom: 20px
  }

  .wrapper-in {
    width: 50%
  }

  .socxo-cares-banner p {
    line-height: normal;
    margin-bottom: 10px
  }

  .socxo-cares-banner .mb-20 {
    margin-bottom: 20px
  }

  .mar-left-15 {
    margin-left: 15px
  }

  .mar-top-15 {
    margin-top: 15px
  }

  .menu-section {
    padding: 0% 0%!important
  }

  .menu-section.new-header .wrapper{
    padding: 0% 5%
  }

  .covid-copy {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 73px
  }

  .covid-copy {
    margin-bottom: 0;
    color: #fff
  }
  .covid-copy p{
    margin-bottom: 0;
  }

 .covid-copy a.covid-cta {
    border: 2px solid #ff5d00!important;
    background: linear-gradient(to right,#ff5d00 50%,transparent 50%)!important;
    background-size: 202% 100%!important;
    text-decoration: none!important;
    text-align: center!important;
    padding: 3px 10px;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    margin: auto 10px;
    color: #fff;
    transform: scale(.8);
  }
  
  .covid-copy a.covid-cta:hover{

    transition: all .5s ease-out;
    background-position: left bottom !important;
    color: #fe5d00 !important;
    background-position: right bottom !important;
  }

  .calci-study a {
    max-width: 100%;
    padding: 7px!important
  }

  .inverse-button,
  a.request-demo,
  nav ul li a.request-demo {
    display: inline-block;
    padding: 7px!important
  }

  .solution-banner-box .text-box .orange-filled-btn,
  .solution-banner-box .text-box a {
    margin-left: 0;
    display: inline-block;
    min-width: unset;
    margin-top: 10px
  }

  .btn-center {
    text-align: center
  }

  .menu-section.new-header .wrapper, .menu-bar .wrapper, .menu-titles .wrapper{
    padding: 0% 2%
  }

  .main-navbar .request-demo {
    display: none!important
  }

  .white-header .normal-menu-wrap {
    display: none
  }

  .search-box .navbar-form {
    margin: auto!important
  }

  .logo {
    height: 73px;
    padding: 0
  }

  .logo img {
    max-width: 100px;
    display: block
  }

  .mobile-break {
    display: none
  }

  .solution-banner-box p {
    margin: 10px auto;
    line-height: normal;
    padding: 10px 0px!important;
    font-size: 19px!important
  }
  .product-slider .slide {
    margin: 30px auto 30px auto;
  }
  .solution-ebook-box{
      width: 90%;    
      margin: 30px auto;
    }

.solutions-box .col-md-6 {
    padding-right: 6px;
    padding-left: 6px;
}
  @media only screen and (max-width:1100px) {
    .mobile-break {
      display: block
    }
    .socxo-cares-banner p {
      margin-bottom: 10px;
      font-size: 15px!important;
      line-height: normal!important
    }
    .fc-portrait {
      transform: scale(.65);
      position: relative;
      left: -70px;
      top: -100px;
      margin-bottom: -150px
    }
    .features-box .content-box {
      display: block;
      min-height: 0;
      padding: 0
    }
    .features-box .heading {
      padding-top: 0!important;
      text-align: left
    }
    .solution-banner-box .text-box p {
      height: auto;
      overflow: hidden;
      overflow-y: scroll;
      font-size: 17px!important;
      margin: auto;
      padding: 10px 0px!important
    }
    .content-box p.heading {
      text-align: left;
      font-size: x-large!important
    }
    .heading {
      padding-top: 20px!important;
      padding-bottom: 20px!important;
      font-size: x-large!important
    }
  }

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

    .dropdown.socxly-dropdown-menu {
        display: flex;
        height: 73px;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
    }

    .dropdown.socxly-dropdown-menu a {
    font-size: 22px;
    font-weight: 300 !important;
    }
    nav.navbar.main-navbar {
      display: block!important;
      margin-top: 0px!important;
      margin-left: 0px!important
    }
    .side-navbar.ssm-nav-visible {
      transform: translate(0, 0)!important;
      right: 0px!important
    }

    .logo img {
      max-width: 90px
    }
    .dropdown.open-btn {
      margin-top: 0
    }
    .content-wrapper .title,
    .content-wrapper .title b {
      font-size: 20px
    }
    .socxo-cares-banner .mb-20 {
      padding: 2px 10px!important;
      font-size: 20px
    }
  }

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

    body{
      font-size:14px;
    }

  }

  @media only screen and (max-width:992px) {
    
    .faq-accordion .item .heading {
      min-width: 300px
    }
    .col-md-10.hidden-xs {
      display: none
    }

    .dropdown.open-btn {
      margin-top: 7px
    }
    .owl-dot {
      border: 1px solid #000;
      width: 10px;
      height: 10px;
      display: inline-block;
      margin-right: 10px
    }
    a.select-tag.active:before {
      content: none
    }
    .owl-dot.active {
      background: #000
    }
    .steps-box .inner {
      width: 80%;
      margin: auto
    }
    .steps-box {
      min-height: 664px
    }
    .logo {
      height: 63px
    }
    .mar-left-15 {
      margin-left: 0
    }
    .mar-top-15 {
      margin-top: 0
    }
    .content-wrapper.one .title {
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 18px!important
    }
    .socxo-cares-banner .mb-20 {
      margin-bottom: 0;
      margin: auto!important
    }
    .content-wrapper.one p b a {
      margin: auto!important
    }
    .socxo-cares-banner {
      position: relative;
      margin-top: 60px
    }
    a.socxo-cares {
      color: white!important;
      padding: 5px!important
    }

    .content-wrapper .title,
    .content-wrapper .title b,
    .socxo-cares {
      font-size: 17px;
      margin-bottom: 10px
    }

    .white-header .normal-menu-wrap {
      display: block
    }
    .normal-menu-wrap .logo {
      display: block
    }

    .normal-menu-wrap .logo,
    .normal-menu-wrap .logo {
      display: block;
      text-align: left!important;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex
    }
    #footer {
      width: 100%;
     
    }


    h4.foot-title1:after {
      content: '+';
      position: absolute;
      right: 15px;
      left: auto;
      bottom: 0;
      top: 0;
      margin: auto
    }
    h4.foot-title1.active {
      border-bottom: 1px solid grey;
      padding-bottom: 5px
    }
    h4.foot-title1.active:after {
      content: '-'
    }
    .solution-banner-box .text-box {
      width: 80%!important;
      padding: 20px 10px;
      top: 100px
    }
  }

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

    .plan-box .free-br {
      border-right: none;
      border-bottom: 5px solid #ff5d01;
      padding-bottom: 20px;
      margin-bottom: 20px;
    }
    .calci-study a {
      max-width: 100%;
      padding: 7px!important;
      min-width: 0px!important;
      width: auto!important
    }
    a.select-tag {
      background: none!important;
      color: #004c7b;
      border: 1px solid #004c7b!important
    }
    a.select-tag:before,
    a.select-tag.active:before {
      content: none!important
    }
    a.read-blue-btn {
      display: block
    }
    .steps-box {
      min-height: 0
    }
    .socxo-cares-banner p {
      margin-bottom: 10px;
      font-size: 12px!important;
      line-height: normal!important
    }
    .fc-portrait {
      transform: scale(.8);
      position: relative;
      left: auto;
      top: -30px;
      margin-bottom: -150px
    }
  }

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

      .fc.fc-collapsed .fc-pagination{
        bottom: -20px !important;
    }

    div#home-slider-desktop-v2 .owl-nav, div#home-slider-mobile-v2 .owl-nav{

        top:1% !important;
    }
    
    .product-slider .tabs button {
    font-size: medium !important;
    min-width: 100px !important;
    }
    .product-slider .slide .content .title {
      font-size: 1.2rem !important;
    }
    .product-slider .slide .content{
      text-align: center;
    }
    .socxo-cares-banner p {
      margin-bottom: 10px;
      font-size: 12px!important;
      line-height: normal!important
    }
    .solution-banner-box .text-box p {
      max-height: none
    }
    .socxo-cares-banner .mb-20 {
      font-size: 15px
    }
    .logo img {
      max-width: 80px;
      display: block
    }
    .accordion {
      box-shadow: none!important
    }
    .news-carousel img {
      max-width: 70%!important
    }
    p, li, .plan-features-table .table_row .table_cell, .plan-features-table h3, footer#footer ul li a {
        
        line-height: 26px!important;
    }
    .heading, .content-box p.heading {
        font-size: 1.3rem !important;
        font-weight: bold;
    }
    a.orange-filled-btn.mt-2.mb-2{
      font-size:larger !important;
    }
    .foot-title1, .foot-title2, .foot-title3 {
        position: relative;
        font-size: 1rem !important;
    }
    .product-slider .tabs button {
        font-size: 1rem !important;
        min-width: 100px !important;
    }

  }




/*New Menu Css */

.jumbotron{
  padding-top: 0;
}
.menu-bar {
  z-index: 999;
  position: fixed;
  width: 100%;
  top: 0px;
  background: white;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}
.menu_rect.top .menu-bar{
  background:black;
}
.menu_rect.top .main-navbar .dropdown>a {
    color: white;
}
body.page-home-test .menu-bar, body.page-home .menu-bar{
  position: static;
}
.menu-bar.black {
  /*position: fixed;*/
  background: black;
 /* left: 0;
 width: 100%;
 top:0;
 bottom: auto;
 height:73px;
 overflow: hidden;
 z-index: 999 !important; */


}
.menu-bar.black .dropdown>a{
    color:white !important;
}
.menu_rect {
  width: 160px;
  overflow: hidden;
  height: 73px;
  position: absolute;
  top: auto;
  bottom: -5%;
  z-index: 99;
  background: black;
  left: 1.65%;
  opacity: 0;
}

/*.menu_rect .logo{

  transform: translateX(-100px);
  -webkit-transform: translateX(-100px);
  -moz-transform: translateX(-100px);
  -o-transform: translateX(-100px);

}*/
.menu_rect *{

  visibility: hidden;
}

.menu_rect.top{

  overflow: visible;  
  -webkit-animation: anim_menu .5s forwards;
  -moz-animation: anim_menu .5s forwards;
  -o-animation: anim_menu .5s forwards;
  animation: anim_menu .5s forwards;
  position: fixed;
  width: 100%;
  top: 0;    
  bottom:auto;
  left: 0;
}
.menu_rect.top .logo{

  -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    -ms-transform: translateZ(1px);
    -o-transform: translateZ(1px);
    transform: translateZ(1px);
  
  -webkit-animation: anim_logo 1s forwards;
  -moz-animation: anim_logo 1s forwards;
  -o-animation: anim_logo 1s forwards;
  animation: anim_logo 1s forwards;

}
.menu_rect.top *{

   visibility: visible;

}
.menu_rect p {
    color: white;
}
.covid-copy p{
  font-size:17px;
}
.menu-bar.black .covid-copy p{
  color:white;

}
.menu-bar.black a.menu-trigger, .menu_rect a.menu-trigger{
  filter: invert(0);
}
.menu-bar.black a.menu-trigger+span, .menu_rect a.menu-trigger+span{
  color:white;
}
.menu-bar.black .search-box input, .menu_rect .search-box input{
    border: 1px solid #f26821;
}
.bread-crumb {
    transform: scale(.95);
    left:2%;
    top: 100px;
}
.mobile-covid-ticker{
  display: none;
  position: fixed;
  width: 100%;
  bottom: 0;
  top: auto;
  background: #000;
  z-index: 999;
  
}
.mobile-covid-ticker p{
  color:white;
  line-height:normal;
}

@-webkit-keyframes anim_menu {
  0% {
    width: 160px;
    bottom: 0;
    margin-left: 215px;
  }
  100% {
    width: 100%;
    margin-left: 0;
    bottom: 0
  }
}

@keyframes anim_menu {
  0% {
    width: 160px;
    bottom: 0;
    margin-left: 215px;
    opacity: 0;
  }
  100% {
    width: 100%;
    margin-left: 0;
    bottom: 0;
    opacity: 1;
  }
}

@-webkit-keyframes anim_logo {
  0% {
    transform: translateX(-600px);
    -webkit-transform: translateX(-600px);
    -moz-transform: translateX(-600px);
    -o-transform: translateX(-600px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
}

@keyframes anim_logo {
  0% {
    transform: translateX(-600px);
    -webkit-transform: translateX(-600px);
    -moz-transform: translateX(-600px);
    -o-transform: translateX(-600px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
}

.solution-banner-box{
  margin-top: 74px;
    height: calc(100% - 74px);
    height: -moz-calc(100% - 74px);
    height: -webkit-calc(100% - 74px);
    overflow: hidden;
}
.menu-bar .menu-button, .menu-bar .logo {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    height: 73px;
}
.menu-bar .menu-button{
  justify-content: flex-end;
}
.menu-bar .logo{
  justify-content: flex-start;
}
.socxo-cares-banner {
   margin-top: 0px;
}
a.menu-trigger {

  /*background: url(http://127.0.0.1:8000/themes/socxly/assets/update/menu-items/menu-back.png);*/
  background: url('https://d3heky9bez47us.cloudfront.net/update/images/menu-back.png');
  text-decoration: none;
  color: #000;    
  background-size: 160px;
  filter: invert(1);
  z-index: 102;
  height: 30px;
  width: 30px;
  display: block;
  margin: auto;
  background-position: right center;
   transition: 1s steps(5) forwards;
  -webkit-transition: 1s steps(5) forwards;
  -moz-transition: 1s steps(5) forwards;
  -o-transition: 1s steps(5) forwards;
}
a.menu-trigger:hover {

  background-position: left center;
 
}
a.menu-close{

  /*background: url(http://127.0.0.1:8000/themes/socxly/assets/update/menu-items/close-btn.png);*/
  background: url('https://d3heky9bez47us.cloudfront.net/update/images/close-btn.png');
  

  text-decoration: none;
  color: #000;    
  background-size: 160px;
  z-index: 102;
  height: 30px;
  width: 30px;
  display: block;
  
  background-position: right center;
   transition: 1s steps(5) forwards;
  -webkit-transition: 1s steps(5) forwards;
  -moz-transition: 1s steps(5) forwards;
  -o-transition: 1s steps(5) forwards;
}
a.menu-close:hover {

  background-position: left center;
 
}
.menu-titles .align-right{
  text-align: right;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  height: 70px;
}
.menu-titles .align-right span{
  color:white;
}
.menu-items-container{
  position: fixed;
  z-index:999;
  width: 100%;
  height: 100%;
  background:rgba(0, 0, 0, 0.7);
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
}

.menu-items-container.active{
    transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -o-transform: translateX(0%);
}

.menu-items-container .menu-titles {
  
  width: 100%;
  height: 70px;
  background: #212020;
  z-index: 10;
  display: block;
  
}


.menu-items-container .listing-section {
  position: relative;
  background-color: rgba(0,0,0,.75);
}

.listing-section >.menu-listing {
  position: absolute;
  overflow-x: hidden;
  top: 0;
  right: 0;
  left: 0;
}


.menu-titles ul {
  padding: 0;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.menu-titles ul li {
 display: inline-block;
  vertical-align: middle;
  margin-left: 100px;
  color: #fff;
  transition: color 250ms ease-in-out;
  font-size: 18px;
  cursor: pointer;
  position: relative;
  display: none;
  
}

.menu-titles li:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 4px;
  background: #f26821;
  left: 0;
  bottom: -7px;
  transition: transform 250ms ease-in-out;
  transform: scaleX(0);
  transform-origin: 0 0;
}


.menu-titles li.active:before {

  transform: scaleX(1);
}
.menu-listing {
  height: calc(100vh - 70px);
  overflow: hidden;
 
  
}
.menu-listing::-webkit-scrollbar {
  width: 5px;  
    
}
.menu-listing:hover{  
  overflow-y: scroll; 
    
}
.menu-listing::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.menu-listing::-webkit-scrollbar-thumb {
  background-color: #f26822;
  outline: 1px solid slategrey; 

}

.menu-circle-container{
height: calc(100vh - 70px);
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
}
.menu-listing .item {
  position: relative;
  float: left;
  width: 50%;
  overflow: hidden;
  display: none;
  
}
.menu-listing .item.on{
  display: block;
  -webkit-animation: bounceInUp 1.25s linear;
  animation: bounceInUp 1.25s linear;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;


}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.menu-listing a{
display: block;  
text-decoration:none;

}
.menu-listing .item img{
width: 100%;
height: auto;
}

.menu-listing .inner {

position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background: rgba(32,32,32,.88);
text-align: center;
opacity: 0;
transition: opacity 0.2s ease-in-out

}
.menu-listing .item:hover .inner{
  opacity: 1;
}
.menu-listing .item:hover .inner p{
  opacity: 1;
  animation: fadeup 0.2s linear;
  -webkit-animation: fadeup 0.2s linear;
  -moz-animation: fadeup 0.2s linear;
  -o-animation: fadeup 0.2s linear;
}

.menu-listing .item img{

  transform: scale(1);
}

.menu-listing .item:hover img{
  transform: scale(1.1);
  transition: transform 1s ease-in-out;
}

.menu-listing .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(32,32,32,.8);
  text-align: center;
  opacity: 0;
  transition: opacity 250ms ease-in-out;
  bottom: 0px;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu-listing .item.show-inner .inner{

  opacity: 1;
  background: none;
  

}
.menu-listing .inner p {
  font-size: x-large;
  /*color: #fe5c01;*/
  color:white;
  font-weight:600;
  line-height: normal;
  text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.6);
}

/*Animation*/
.socxo-square {
  position: relative;
  margin: 0 10px;
  width: 400px;
  height: 400px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}
.socxo-square span{

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #f26822;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  
  
}

.socxo-square span:nth-child(1) {
  
  border-radius: 32% 58% 69% 43% / 48% 32% 59% 55%;
  animation: animate 6s linear infinite;
  -webkit-animation: animate 6s linear infinite;
  -moz-animation: animate 6s linear infinite;
  
}
.socxo-square span:nth-child(2) {
  
  border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%;
  animation: animate 4s linear infinite;
  -webkit-animation: animate 4s linear infinite;
  -moz-animation: animate 4s linear infinite;
  
}
.socxo-square span:nth-child(3) {
  
  border-radius: 31% 45% 74% 35% / 38% 56% 51% 87%;
  animation: animate2 6s linear infinite;
  -webkit-animation: animate2 6s linear infinite;
  -moz-animation: animate2 6s linear infinite;
    
  
}

.blob-content {
  position: relative;
 padding: 20px;
  color: #fff;
  text-align: center;
  transition: .5s;
  z-index: 1000;
  display: block;
  width: 100%;
}
.blob-content a {
  position: relative;
  display: inline-block;    
  text-decoration: none;
  color: #fff;
  
  
}
.blob-content ul li {    
  color: white!important;
  background: linear-gradient(to right,#ff5d00 50%,transparent 50%)!important;
  background-size: 202% 100%!important;
  background-position: right bottom!important;
  text-transform: uppercase;
  display: block;
  padding: 3px 5px!important;
  text-align: center!important;    
  border-radius: 4px!important;   
  max-width:150px;
  margin: 10px auto;


}
.blob-content ul li:hover/*, .blob-content ul li.active */{
  
  transition: all .2s ease-out;
  background-position: left bottom!important;
  color: #fff!important;  
  
  
}

@keyframes animate {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}

@keyframes animate2 {
  0% {
      transform: rotate(360deg);
  }
  100% {
      transform: rotate(0deg);
  }
}

@keyframes fadeup {
 from {
      transform: translate3d(0,40px,0)
  }

  to {
      transform: translate3d(0,0,0);
      opacity: 1
  }
}

.main-navbar ul li{
  width: 25%;
}
.menu-bar .covid-copy {
    display: none !important;
}

.menu-bar.black .covid-copy, .menu_rect .covid-copy {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

a.middle-download:hover, .covid-copy a.covid-cta:hover, .orange-filled-btn:hover, a.request-demo:hover, .submit-button:hover{
  transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
}
.pricing-card .copy-bottom .blurb {
    box-shadow: 1px 2px 10px rgb(0 0 0 / 18%);
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
}
.solution-cards {
    height: auto;
    width: auto;
    margin-top: 30px !important;
    margin-bottom: 0px !important;
    box-shadow: none;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;

}
.solution-cards .solution-mask{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    width: auto;
    height: auto;
    opacity: 0;
    display: none;
    padding: 15px;            
    transition: opacity 250ms ease-in-out;
    -webkit-transition: opacity 250ms ease-in-out;
    -moz-transition: opacity 250ms ease-in-out;
    -o-transition: opacity 250ms ease-in-out;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

    
}
.solution-cards a{
  display: block;
  overflow: hidden;
}
.solution-cards .image-box p {
    position: absolute;
    top: 0px;
    bottom: auto;
    right: 0;
    left: 0;
    margin: auto;
    display: inline-block;
    height: 45px!important;
    line-height: 45px;
    background: rgba(0, 0, 0, 0.6);
    border: none!important;
    color: #fff!important;
    max-width: 100%;
    font-size: medium;
    font-weight: 700;
    z-index: 1;
    border-radius: 20px 20px 0px 0px;
}
.solution-cards:hover .solution-mask {   
               
    opacity: 1;
     animation: fadeup 0.2s linear;
    -webkit-animation: fadeup 0.2s linear;
    -moz-animation: fadeup 0.2s linear;
    -o-animation: fadeup 0.2s linear;
   
}
.solution-cards:hover h2{
    display: none;
    
}

.solution-cards .solution-mask p{
    color:white;
    text-align: center;

}
.solution-cards .solution-mask a{
    color:white !important;
}
.solutions-box.mb-20.home .row .col-sm-6{
    padding-right: 6px;
    padding-left: 6px;
}
.solution-cards {    
    margin-top: 12px !important;
}

.solution-cards.curve-left-top img, .solution-cards.curve-left-top .solution-mask{
	border-radius: 63px 0px 0px 0px !important;
}
.solution-cards.curve-right-top img, .solution-cards.curve-right-top .solution-mask{
	border-radius: 0px 63px 0px 0px !important;
}
.solution-cards.curve-right-bottom img, .solution-cards.curve-right-bottom .solution-mask{
	border-radius: 0px 0px 63px 0px !important;
}
.solution-cards.curve-left-bottom img, .solution-cards.curve-left-bottom .solution-mask{
	border-radius: 0px 0px 0px 63px !important;
}


.solution-cards img{

/*    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: translateZ(0);
*/
}
/*.solution-cards picture{
      border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
}*/
.solution-cards:hover img{
    /*border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transition: transform 1s ease-in-out;
    -webkit-transition: transform 1s ease-in-out;     
    -moz-transition: transform 1s ease-in-out;
    -o-transition: transform 1s ease-in-out;*/
}
li.menu-special {
    background: #f26822;
}
li.menu-special a {
    color: white;
}
.menu-bar .main-navbar ul li.menu-special a {
    color: #fff !important;
}

.main-navbar ul li.menu-special:hover a{
    color:black !important;
}
.ebook-promo-popup {
    display: none; 
    box-shadow: 2px 1px 2px rgb(0 0 0 / 0.12);
    position:relative;
}
.ebook-promo-popup p{
    display:none;
}
.ebook-promo-popup.active {
    display: block;
}
.ebook-promo-close-btn{
    
    position:absolute;
    left:auto;
    right:10px;
    top:10px;  
    z-index:9999 !important;
}
.ebook-promo-close-btn i {
    font-size: 20px;
    font-weight: 100;
}
.ebook-promo-popup .mobile{
    display:none;
}

/*Solutions Slider */

.product-slider .tabs {
text-align: center;
}
.product-slider .tabs button{
font-weight:bold;
color:black;
outline:none !important;
background:none;  
border: 1px solid #f26821 !important;
box-shadow: none;
font-size:large;
margin: 8px;
min-width: 150px;
text-align: center;
}
.product-slider .tabs button.active{
background: #f26821 !important;
color:white;
}
.product-slider .slide-box {
 position: relative;
}
.product-slider .slide {
  display: none !important;
  margin: 30px auto; 
  
}
.product-slider .slide.active{
  display: flex !important;
  align-items: center;
  justify-content: center;  
}
.product-slider .slide img{
  opacity: 0;
-webkit-animation: imghide-anim 600ms cubic-bezier(.365,.005,.355,1) forwards;
animation: imghide-anim 600ms cubic-bezier(.365,.005,.355,1) forwards;
}
.product-slider .slide.active img{
-webkit-animation: imgdisp-anim 600ms cubic-bezier(.365,.005,.355,1) 100ms forwards;
animation: imgdisp-anim 600ms cubic-bezier(.365,.005,.355,1) 100ms forwards;
}
.g-recaptcha+.visible {
text-align: center !important;
color: red;
}
.product-slider .slide .content .title{
font-size: x-large;
font-weight:bold;
border-bottom: 1px solid #f26821;
color: black;
margin-bottom: 20px;
opacity: 0;
-webkit-animation: titlehide-anim 600ms cubic-bezier(.365,.005,.355,1) forwards;
animation: titlehide-anim 600ms cubic-bezier(.365,.005,.355,1) forwards;
display: inline-block;
}
.product-slider .slide.active .content .title{
-webkit-animation: titledisp-anim 700ms cubic-bezier(.365,.005,.355,1) 400ms forwards;
animation: titledisp-anim 700ms cubic-bezier(.365,.005,.355,1) 400ms forwards;
}
.product-slider .slide .content .text{
display: block;
opacity: 0;
-webkit-animation: titlehide-anim 600ms cubic-bezier(.365,.005,.355,1) forwards;
animation: titlehide-anim 600ms cubic-bezier(.365,.005,.355,1) forwards;
}
.product-slider .slide.active .content .text{
opacity: 0;
-webkit-animation: titledisp-anim 600ms cubic-bezier(.365,.005,.355,1) 500ms forwards;
animation: titledisp-anim 600ms cubic-bezier(.365,.005,.355,1) 500ms forwards;
}
@-webkit-keyframes titlehide-anim {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes titlehide-anim {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-webkit-keyframes titledisp-anim {
0% {
opacity: 0;
-webkit-transform: translateX(15%);
transform: translateX(15%)
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%)
}
}
@keyframes titledisp-anim {
0% {
opacity: 0;
-webkit-transform: translateX(15%);
transform: translateX(15%)
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%)
}
}
@-webkit-keyframes imghide-anim {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes imghide-anim {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-webkit-keyframes imgdisp-anim {
0% {
opacity: 0;
-webkit-transform: translateX(-5%);
transform: translateX(-5%)
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%)
}
}
@keyframes imgdisp-anim {
0% {
opacity: 0;
-webkit-transform: translateX(-5%);
transform: translateX(-5%)
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%)
}
}
.solution-cards{
border-radius: 0px !important;
}
.solution-cards .image-box p {
position: absolute;
top: auto;
bottom: 1px;
right: auto;
left: 1px;
background: rgb(20 60 95);
border: none!important;
color: #fff!important;
width: auto;
font-size: large;
font-weight: normal;
z-index: 1;
display: inline-block;
border-radius: 0px !important;
padding: 0px 30px;
max-width: none;
line-height: 50px;
height: 50px !important;
}
.solution-cards .image-box p.left {
right: 1px;
left: auto;
}
.solution-cards .image-box p::before {
content: "";
background: url(https://d3heky9bez47us.cloudfront.net/update/images/home-update/right-angle.png);
position: absolute;
right: -30px;
left: auto;
width: 50px;
height:50px;
/*display: block;
border-top: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 25px solid #143c5f;
border-left: 25px solid #143c5f;    
position: absolute;
right: -50px;
left: auto;
top: auto;
bottom: 0px;*/
}
.solution-cards .image-box p.left::before {
content: "";
background: url(https://d3heky9bez47us.cloudfront.net/update/images/home-update/left-angle.png);
position: absolute;
left: -30px;
right: auto;
width: 50px;
height: 50px;
/*display: block;
border-top: 25px solid transparent;
border-right: 25px solid #143c5f;
border-bottom: 25px solid #143c5f;
border-left: 25px solid transparent;    
position: absolute;
left: -50px;
right:auto;
top: auto;
bottom: 0px;*/
}
.solution-cards .solution-mask {
background: rgb(0 0 0 / 60%);
}
.solution-cards:hover img{
/*transform: scale(1.3);
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);*/
transform: none;
}
.solution-cards .solution-mask div p {
color:black;
font-size:medium;
text-align: left;
}
.solution-cards .solution-mask h2 {
    position: static !important;
    background: none;
    display: block;
    color: black !important;
    max-width: 100%;
}
.solution-cards:hover .image-box p {
    display: none;
}
.solutions-box.mb-20.home .row{
	width: 90%;
    margin: auto !important;
}
.solution-cards .solution-mask div {
background: white !important;
padding: 15px;
border-radius: 10px;
}
.solution-mask h1 {
font-size: large;
font-weight: bold;
margin-bottom: 10px;
text-transform: unset;
}
.solution-cards .solution-mask a{
  color:black !important;
}
.solution-cards .solution-mask a:hover{
  color:white !important;
}

.middle-form {
 padding: 0px;
 text-align:center;
}
.middle-form form{
 position: relative;  
 margin: 30px auto;
 
}
.middle-form form .request-fields{
     
  display: flex;
  align-items: center;
  justify-content: center;
     
}
.middle-form input, .middle-form .request-fields button {

  height: 45px !important;
  max-height: none;
  max-width: 100% !important;
}
.middle-form .request-fields button {

  background: rgb(237 105 34);
  position: relative;  
  border: 2px solid #f26821 !important;
  background: linear-gradient(to right, #f26821 50%, transparent 50%) !important;
  background-size: 201% 100% !important;
  outline:none !important;
}

.middle-form form .alert {
  margin-top: 20px !important;
  text-align: center;
  max-width: 35%;
  margin: auto;
  line-height: normal;
}


.middle-form .request-fields button:hover {
  transition: all .5s ease-out;
  background-position: left bottom !important;
  color: #fe5d00 !important;
  background-position: right bottom !important;
}
.middle-form .form-group{  
  position: relative;
  margin-bottom: 20px !important;
}
.middle-form .form-group::before {
  content: '';
  position: absolute;
  background: url(https://d3heky9bez47us.cloudfront.net/update/images/home-update/email.png) center center no-repeat;
  background-size: 100%;
  width: 25px;
  height: 25px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  left: 10px;
}
.middle-form .form-group.name::before {
  content: '';
  position: absolute;
  background: url(https://d3heky9bez47us.cloudfront.net/update/images/home-update/contacts-48.png) center center no-repeat;
  background-size: 100%;
  width: 25px;
  height: 25px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  left: 10px;
}

.middle-form input {
    min-width: 200px !important;
    padding-left: 50px;
    font-size: 18px;
    width: 100% !important;
}
.calci-study.home-calci-study .middle-form form{
  margin: auto;
}
.calci-study.home-calci-study .middle-form input {
  background: transparent;
  border: 1px solid white;
  color: white;
}
.calci-study.home-calci-study .middle-form .form-group::before {
  background: url(https://d3heky9bez47us.cloudfront.net/update/images/home-update/emailicon2.png) center center no-repeat;
  background-size: 100% !important;
}
.calci-study.home-calci-study .middle-form .form-group.name::before {
  background: url(https://d3heky9bez47us.cloudfront.net/update/images/home-update/user-4-48.png) center center no-repeat;
  background-size: 100% !important;
}
.calci-study.home-calci-study .middle-form .form-group input::placeholder {
  color: white;
  opacity: 1; 
}
.calci-study.home-calci-study .middle-form .form-group input:-ms-input-placeholder { 
  color: white;
}
.calci-study.home-calci-study .middle-form .form-group input::-ms-input-placeholder { /* Microsoft Edge */
  color: white;
}
.calci-study.home-calci-study .middle-form .alert p{
  color:black !important;
  margin: auto !important;
  font-size: inherit;
}

/* 5 Columns */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
.blurb-box-container {
    width: 80%;
    margin: auto;
    
}
.blurb-box-container .blurb{
 position: relative;
 
  
}
.blurb-box-container .blurb .text-box {
  position: relative;
  bottom: 11px;
  width: 100%;
  left: 0px;
  right: 0px;
  margin: auto;
  padding: 11px;
  text-align: center;
  background-size: cover;
  background-color: rgb(20 60 95 / 100%);
  border: 3px solid #ef6722;
  min-height: 125px;
  align-items: center;
  justify-content: center;
  display: flex;
}
.blurb-box-container .blurb .text-box:before {
  content: '';
  position: absolute;
  left: -3px;
  top: -3px;
  border-left: 20px solid #143c5f;
  border-top: 20px solid #143c5f;
}
.blurb-box-container .blurb .text-box p {
    color: white;
    font-size: 18px;
    font-weight: bold !important;
}
.blurb-box-container .blurb a.orange-filled-btn {
    max-width: 125px;
    min-width: 125px;
    padding: 3px !important;
    font-size: 14px !important;
}
.socxly-menu a.middle-download{font-size:15px;}
.dropdown.socxly-dropdown-menu{
  display: none;
}

a.login-btn, a.signup-btn {
  background: url(https://www.socxo.com/themes/socxo/assets/images/socxly/home/button-orange.png);
  display: inline-block !important;
  color: white;
  background-position: center !important;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  min-width: 85px;
  min-height: 45px;
  line-height: 45px;
  border-radius: 5px;
  margin: auto;
  font-size: 12px;
  margin-left: 0px;
  margin-right: 0px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  justify-content: center;
  align-items: center;
  transform: scale(0.9);
}
a.signup-btn {
  background: url(https://www.socxo.com/themes/socxo/assets/images/socxly/home/button-grey.png);  
}
.page-socxly .menu-bar.black .socxly-menu, .page-socxly .menu-bar.black {
  background: transparent !important;
  box-shadow: none !important;
}


a.scroll-logo.home {
    display: none !important;
}
.socxly-menu {
    background: white;
    border-top:1px solid lightgrey;
}
.socxly-menu .menu-button.socxly-mobile-menu {
    display: none;
}

/*New Menu Changes on 28-6-2022*/
.slider-section {
    margin-top: 75px;
}
.socxo-menu .main-navbar ul li a{
    color:black;
}
.socxo-menu .search-box input.search-field.form-control {
    box-shadow: none;
    border: 1px solid #ff5d01;
    background: transparent;
    border-radius: 3px!important;
}
.socxo-menu .search-box input.search-field.form-control::-webkit-input-placeholder{
    color:grey;
}
.socxo-menu .search-box i.fa.fa-search {
    color: #ff5d01 !important;
    font-size: 22px;
}
body .menu-bar .socxo-menu a.menu-trigger{
   filter: invert(1) !important;
}
body .menu-bar .socxo-menu a.menu-trigger+span {
    color: black;
}
.wrapper.socxo-menu {
    background: #f7f8fc;
}


/*End*/
@media only screen and (max-width:1100px) {

  .dropdown.socxly-dropdown-menu {
    display: flex;
    text-align: right;
    height: 73px;
  }
  
  .dropdown.socxly-dropdown-menu a{
    color: black !important;
  }
  
  .margin-y-md {
    margin-top: 50px;
  }
  .solution-cards .solution-mask{
    padding: 20px;
  }
  .solution-cards .solution-mask p{
    font-size:15px;
  }
  .menu-titles ul li{
    display: inline-block;
    margin-left: 20px;
    margin-top: 20px;
    min-width: 100px;
    text-align: center;
    
  }
  .menu-titles ul li a{
    color:white;
  }

  .page-home .menu-bar{
    position: fixed;
    width: 100%;
    background:black;
    top: 0px;
    bottom: auto;
  } 
  .page-home .menu-bar a.menu-trigger{
    
    filter: invert(0);

  }
  .page-home .menu-bar a.menu-trigger+span{

    color:white;
  }

  .listing-section .col-md-4 {
      display: none;
  }
  .listing-section .col-md-8{
    width: 100%;
  }
  .menu-listing{
    overflow-y: scroll;
  }
  .menu-listing .item{
    width: 33.33%;
  }
  .menu-listing .inner{
    opacity: 1;
    background: rgba(0,0,0,.35);
    border: 1px solid rgba(255, 255, 255, 0.4);
  }
  .menu-listing .inner p {
    font-size: large !important;
  }



}
@media only screen and (max-width:993px) {

 .menu-bar .socxly-menu nav.navegacion .menu li .login-signup a {
    color: white !important;
    border: 0px !important;    
  }
  a.login-btn, a.signup-btn {
    
    min-width: 75px;
    min-height: 35px;
    line-height: 35px;
    background-size:cover;
    
  }
  .mobile-align {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
  }
  .login-signup{
    display: inline-flex;
    min-height:50px !important;
    justify-content: flex-end;
  }
  
  .login-signup a span{
    font-size:14px;
  }
  span#button-menu.fa-close {
    color: #868686;
    -webkit-text-stroke: 2px white;
  }
  .menu-bar .menu-button, .menu-bar .logo{
    height:50px !important;
  }
  .slider-section {
    margin-top: 50px;
    }

  .socxly-menu .menu-button.socxly-mobile-menu {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
  }

  .socxly-menu .menu-button.socxly-mobile-menu #button-menu{
    font-size:20px;
    width:30px;
    height:30px;
    text-align:center;
    line-height:30px;
  }
  .page-socxly .black .socxly-menu .fa.fa-bars{
    color:white !important;
  }

  .bread-crumb{
    display: none;
    
  }
  .margin-y-md {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
  .hidden-xs {
      display: none;
  }
  .menu-bar .covid-copy{
    display: none;
    
  }
  .mobile-covid-ticker{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

    
  }
   .col-md-8.col-xs-hidden {
      display: none;
  }
  .menu_rect{
    display: none;
    
  }
  .menu-bar{
    position: static;
  }
  .solution-banner-box{
    margin-top: 0px;
  }
  .menu-bar.black{
    position: fixed !important;
    
  }



}
@media only screen and (max-width:769px) {
  
  .solution-cards:hover h2{
    display: none !important;
    
  }
  .solution-cards img {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    margin-top: -1px;
}

  .covid-copy{
    height: 70px;
  }
  .solution-cards .solution-mask{
    display: none;
    
  }
  .solution-cards:hover .solution-mask{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    
  }

  .menu-listing .item {
    width: 50%;
  }
  .covid-copy a.covid-cta{
    padding: 1px 5px;
  }
  .menu-titles ul{
    display: block;
    
  }
  .menu-titles ul li{
    display: inline-block;
    width: 50%;
    float: left;
    margin: 0px;
    padding: 5px;
    min-width: 0px;
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
  .menu-titles li:before{
    bottom: 0px;
    height: 2px;
  }

  .menu-items-container .menu-titles{
    height: auto;
  }
  .menu-listing .inner p {
      font-size: 15px !important;
  }
  .menu-titles .align-right span, .menu-bar a.menu-trigger+span{
    display: none;
    
  }
  .menu-listing::-webkit-scrollbar {
    width: 2px;  
      
  }
  .menu-titles .align-right{
    height: auto;
    clear: both;
    
  }
  a.menu-close{
    background-size: 125px;
    height: 25px;
    width: 25px;
    background-color: #f26822;
    margin-top: 0px;
  }
  .solution-banner-box .text-box .orange-filled-btn, .solution-banner-box .text-box a {
    max-width: none!important;
    padding: 1px 5px!important;

  }



  .bread-crumb{
    top: 10%;
    display: none;
    
  }
  .margin-y-md {
      margin-top: 50px;
  }
  
  
  

}
@media only screen and (max-width:630px){

  .features-and-benefits .col-sm-6{
    min-height: 0px;
    float: none;
  }


.socxly-home{  
position: relative;
width: 100%;
overflow: hidden;
height: 100vh;
}
.socxly-intro {    
  width: 100%;
  height: 140px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  margin: auto;
  max-width: 100%;
}
.socxly-intro.final h3 {
    font-size: 22px;
    font-weight: bold;
    color: white;
    margin: 3px auto;
}
.icon-box img {
    max-width: 60%;
    margin: auto;
}
.signup {
  padding: 0px 20px 20px;
}
a.orange-filled-btn.mt-2.mb-2 {
    width: auto !important;
    max-width: 70%;
    margin: auto !important;
    left: 0px;
    right: 0px;
    top: 62%;
}

.socxly-home video {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0px;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    bottom: 0px;
}


  .solutions-box.mb-20.home .row{
    width: 100%;
  }

  .middle-form form .alert{
    max-width: 100%;
   
  }


  .middle-form form .request-fields{
    align-items: baseline;
  }
  .middle-form input, .middle-form .request-fields button{
  font-size:inherit;
  }
  .ebook-promo-popup .desktop{
    display:none;
  }
  .ebook-promo-popup .mobile{
    display:block;
  }
 .ebook-promo-popup p {
    display: block;
    font-size: 17px !important;
    margin:auto;
 }
 .ebook-promo-popup {
   
    background: white;
    /*padding: 10px 20px 5px 10px;*/
    text-align: center;
 }
    .solution-banner-box .text-box .orange-filled-btn{
     font-size: 15px !important;
     padding: 2px !important;
     max-width: 120px !important;
     min-width: 120px !important;
     margin-top: 10px;
     margin-left:0px !important;
    }
    .ebook-promo-popup button {
    font-size: 15px !important;
    padding: 2px !important;
    max-width: 130px !important;
    min-width: 130px !important;
    margin-top: 10px;
}
.margin-y-md {
    margin-top: 20px;
}
.ebook-promo-close-btn i{
    font-size:25px;
}
.share-container ul.nav.nav-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
}
.share-container .tab-content>.tab-pane{
  padding-top: 15px;
}
.dropdown.socxly-dropdown-menu .dropdown-menu {
    padding: 10px;
    width: 100%;
    background: #e7ebef;
    left: auto;
    right: -8px !important;
    margin-top: -2px;
    border-radius: 0px !important;
}
.dropdown.socxly-dropdown-menu.open .dropdown-item {
    font-size: large;
    display: block;
    margin: 10px auto 10px 20px;
}
.black .socxly-menu .fa.fa-bars{
  color:black;
}

}
@media only screen and (max-width:375px) {

	.solution-cards .solution-mask{
		position: static;
		display: block;
		background: black;
		margin-top: -1px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
		
	}
	.solution-cards img{
		border-radius: 0 !important;
	}
	.solution-cards:hover img{
		transform: none;
	}
	.solution-cards:hover h2{
		display: block !important;
		
	}

}

.menu-bar {
    position: static !important;
}
body .menu-bar.black{
    position: fixed !important;
    transition: ease-in-out 0.35s;
    -webkit-transition: ease-in-out 0.35s;
}
.solution-banner-box{
    
    margin-top:0px;
    
}
.menu-bar.black .socxo-menu {
    display: none;
}

.socxly-menu .scroll-logo img {
    max-width: 95px !important;
}

.socxly-menu .static-logo img {
    max-width: 50px !important;
}

.logo .static-logo{
  display: block;
}
.logo .scroll-logo{
  display: none;
}

.menu-bar.black .logo .static-logo{
  display: none;
}
.menu-bar.black .logo .scroll-logo{
  display: block;
}

.menu-bar.black .socxly-menu li a {
  color: black !important;
}
.page-socxly .menu-bar.black .socxly-menu li a {
  color: white !important;
}
.socxly-menu li a.middle-download, .menu-bar.black .socxly-menu li a.middle-download{
    border: 2px solid #ff5d00!important;
    font-size: 13px;
    color: #ff5d00 !important;
    background: linear-gradient(to right,#ff5d00 50%,transparent 50%)!important;
    background-size: 201% 100%!important;
    background-position: right bottom!important;
    text-transform: uppercase;
    display: block;
    padding: 5px!important;
    text-decoration: none!important;
    text-align: center!important;
    max-width: 130px;
    min-width: 130px;
    border-radius: 4px!important;
    height: auto!important;
    margin: auto;
    margin-top: 20px;
}
.socxly-menu li a.middle-download:hover, .menu-bar.black .socxly-menu li a.middle-download:hover {
    transition: all .5s ease-out;
    background-position: left bottom!important;
    color: #fff!important;
}
a.menu-signup {
  margin: 20px auto auto auto;
  display: block;
  text-align: center;
  text-transform: uppercase;
  /* border: 2px solid #124266 !important; */
  max-width: 75px;
  padding: 5px !important;
  font-size: 16px !important;
  border-radius: 3px;
  color: blue !important;
  text-decoration: underline;
  text-align: left;
  margin-left: 5px !important;
  padding-left: 0px !important;

}
.normal-text{
  text-transform: none !important; 
}
.login-signup {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 73px;
  flex-direction: row;
}
.mobile-align {
  display: flex;
  align-items: center;
  justify-content: right;
}

.mobile-app-icon #svgicon{  
  width: 35px;
  margin: auto;
  animation: shake 0.13s infinite;
}
#svgicon .st0{fill:#2A2B3D;}
#svgicon .st1{fill:#EF6823;}
.page-socxly #svgicon .st0{fill:white;}

@keyframes shake {
  0% { transform: rotate(-7deg); }
  50% { transform: rotate(0deg); }
  100% { transform: rotate(7deg); }

}
.login-signup .middle-download {
    max-width: 100px;
    min-width: 100px !important;
}
.login-signup a span {
    font-size: 15px;
    display:inline;
    
}
.socxly-mobile-menu a.menu-trigger{
  filter: invert(1) !important;
}
.socxly-mobile-menu a.menu-trigger+span{
  color:black !important;
}


/*Socxly Hamburger Menu */
.page-socxly .menu-bar.black #button-menu {
    color: white !important;
}
.socxly-menu{
  position:relative;
}
.navegacion {
  position: absolute;
  top: 50px;
  left:auto;
  right: 0;
  width: 0%;
  height: 100vh;
  background: rgba(0,0,0,.0);
  z-index: 99;
}
.navegacion ul{
  width: 320px;
  height: 100%;
  background: #fff;
  list-style: none;
  position: absolute;
  top: 0;
  left:auto;
  right: -320px;
  transition: left .3s;
}

.navegacion .menu li.title-menu{
  padding: 20px;
  background: #5F6F81;
  color: #fff;
  text-align: center;
  font-size: 22px;
}

.menu-bar .socxly-menu nav.navegacion ul.menu a {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #C6D0DA;
  font-size: 15px;
  font-weight: 200;
  text-decoration: none;
  color: black !important;
}

.navegacion .menu a:hover{
  background: #798DA3;
  color: #fff;
}

.navegacion .menu li span.icon-menu{
  margin-right: 12px;
}

.navegacion .menu .item-submenu > a::after{
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f105';
  float: right;
  color: black;
}
.navegacion ul li{
  margin-bottom: 0px;
}


/* Submenu ============*/

.navegacion .submenu li.title-menu{
  background: #fff;
  color: #575D69;
  display:none;
}

.navegacion .submenu li.go-back{
  padding: 10px 20px;
  background: #5F6F81;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}

.navegacion .submenu li.go-back::before{
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f0d9';
  margin-right: 10px;
}

@media screen and (max-width: 320px){
  .navegacion ul{
    width: 100%;
  }
}

body{
	overflow-x:hidden !important;
}

.table-scroll-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 768px) {
  .table-scroll-wrapper {
    display: block;
    width: 100%;
    overflow-x: auto;
  }

  .table-scroll-wrapper table {
    min-width: 800px;
  }
}