/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;}
.clrflt{clear:both;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

/**************************************************************************************/
a											{color:#000; text-decoration:none; outline:0 none;}
a:hover										{color:#000;  text-decoration:none;}
p                                           {line-height: 27px;}
h1											{font-size:24px;}
h2											{font-size:22px;}
h3											{font-size:18px;}
h4											{font-size:16px;}
h5											{font-size:14px;}
h6											{font-size:12px;}
/*----------------------------------------------------------------------------------*/
html 										{}
body										{color:#b1b1b1; font-family: 'Roboto', sans-serif; font-size:12px;}
.flt_lt										{float:left; display:inline;}
.flt_rt										{float:right; display:inline;}

/* ----------------------- layout ----------*/
.wrapper									{margin:0 auto;}
.container									{margin:0 auto; /*border:1px solid red;*/ border-top:0 none;}
/*-------------------------------------------*/

/* Pages and Posts */
#container, #main {background-color: #ffffff;}
#title-area {margin-left: 0; margin-right: 0; text-align: center; background-size: 100% 100%;  background: -webkit-linear-gradient( #361a6b ,#458f9b); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#483183', endColorstr='#436995',GradientType=0 );}
article.post h2, .page-template-template-1c article.page h2, .page-template-template-1c article.page h3, article.post h3 {margin-bottom: 20px;}
article.post p, .page-template-template-1c article.page p {margin-bottom: 24px;}
article.post ul, .page-template-template-1c article.page ul {list-style: square; list-style-position: inside; margin: 0 0 20px 18px;}
article.post a, .page-template-template-1c article.page a {color:#038BCF}
.post-template-default .dim-wrap, .post-template-default #title-area {display:none;}
.pch-content {padding: 80px 0 40px;}
.pch-wrap:after {background-size: 100% 100%; background: -webkit-linear-gradient( #361a6b ,#458f9b); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#483183', endColorstr='#436995',GradientType=0 );}
.pch-content h1 {font-size:4rem;margin-bottom: 20px; text-shadow: none;}
h1.page-title {font-size: 4rem; padding: 40px 0 20px;}

/* ------------------ HEADER HERE -------------------*/
.top_cont									{margin:0; padding:0; display:block; background: rgb(51,51,51); /* Old browsers */ background: -moz-linear-gradient(top, rgb(54, 26, 107) 8%, rgb(69, 143, 155) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgb(54, 26, 107) 8%,rgb(69, 143, 155) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgb(54, 26, 107) 8%,rgb(69, 143, 155) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#3f96a4',GradientType=0 ); /* IE6-9 */ repeat-x top left #436b96;}
header										{margin:0 10px; padding:17px 0 17px 0; display:block;}
.head_in									{margin:0; padding: 18px 10px 5px; display:block;}
.logo										{padding:2px 0 0 5px; height: 30px; display:block; float:left;}
.logo a										{margin:0; padding:0; display:inline-block;}
.logo a img									{margin:0; padding:0; display:block;}
.logo svg                                   {fill:#ffffff; width: 125px; height: 32px;}
/* ---------------------------------------------------------*/
/* ------------------------- NAVIGATION HERE ---------------*/
.header-nav                                 {background-color: rgb(54, 26, 107);}
nav											{margin:0; padding:0; display:block; float:right;}
nav ul										{margin:0; padding:0; display:inline-block;}
nav ul.right                                {float: right;}
nav ul li									{margin:0; padding:0 6px; display:inline-block; float:left;}
nav ul li a									{margin:0; padding:9px 17px 8px; display:inline-block; font-family: 'Roboto', sans-serif; font-size:14px; line-height:15px; color:#ffffff; font-weight:400; text-decoration:none;}
nav ul li a span							{margin:0; padding:0; display:inline-block; /*background:url(images/down_arrow.png) no-repeat right center; width:9px; height:6px;*/}
nav ul li a:hover							{color:#e3daf7;}
nav ul li a:focus							{color:#e3daf7; text-decoration:none;}
nav ul li a:active, nav ul li a:visited     {color:#ffffff;}

nav ul li.login								{padding-right:0; padding-left:14px; position:relative;}
nav ul li a.log								{padding-right:4px; float:right;}
nav ul li a.get								{border:2px solid #ffffff; margin:0 22px; border-radius:4px; float:left; font-weight: bold; transition: all .3s ease-in-out;color:#ffffff;}
nav ul li a.get:hover                       {background:rgba(255,255,255,0.25); border:2px solid #ffffff;}
nav ul li.login:before						{content:''; position:absolute; left:14px; top:0; background:#ffffff; width:1px; height:92%; opacity: .3;}
nav ul li.resource							{padding:0 10px; position:relative;}
nav ul li.resource a span					{position:relative;}
nav ul li.resource a span:after				{content:''; position:absolute; right:-16px; bottom:0px; /*background:url(images/down_arrow.png) no-repeat right center;*/ width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #ffffff; top: -5px;}

#header                                     {background-color: transparent;box-shadow: none;-webkit-box-shadow:none;-moz-box-shadow:none;transition: all .3s ease-in-out;}
#header.sticky                              {background-color: #ffffff;  box-shadow:0px 4px 9px -5px rgba(0,0,0,.3);}
#header.sticky .head_in                     {padding-top: 11px; padding-bottom: 7px;}
#header.sticky nav ul li a	                {color:#5A5A5A;}
#header.sticky .logo svg                    {fill:#5A5A5A;}
#header.sticky nav ul li.resource a span:after {border-top-color: #5a5a5a;}
#header.sticky nav ul li a.get              {border-color: #5a5a5a; margin-top: -2px;}
#header.sticky nav ul li a.get:hover        {border-color: #333333; background:rgba(0,0,0,0.1);}
#header.sticky nav ul li.login:before       {background-color: #e4e4e4;}

ul.drop_down:after{content:''; background:url("images/drop_arrow.png") no-repeat center center; width:100%; height:6px; position:absolute; top:-5px; left:0;}
ul.drop_down									{margin:0; display:none; background:#ffffff; border-radius:8px; box-shadow:0 0 12px #333333; width:295px; position:absolute; top:38px; left:-32px; z-index:9999;}
ul.drop_down li							{margin:0; padding:15px 20px 20px; display:block;}
ul.drop_down li:hover                       {background-color: #f4f4f4; }
ul.drop_down li:first-child                 {border-radius: 8px 8px 0 0;}
ul.drop_down li:last-child                 {border-radius: 0 0 8px 8px;}
.drop										{margin:0; padding:0; display:block;}
.drop_lft									{margin:0; padding:2px 0 0 0; display:block; float:left; width:33px;}
.drop_lft a									{margin:0; padding:0; display:block;}
.drop_lft a figure							{margin:0; padding:0; display:block;}
.drop_lft a figure img						{margin:0; padding:0; display:block;}
.drop_rgt									{margin:0; padding:0 0 0 15px; display:block; float:left; width:calc(100% - 33px);}
.drop_rgt h2								{margin:0; padding:0 0 4px 0; display:block; font-family: 'Roboto', sans-serif; font-size:14px; line-height:15px; color:#009ed8; font-weight:normal;}
.drop_rgt a									{margin:0; padding:0 0 4px 0; display:block; font-family: 'Roboto', sans-serif; font-size:14px; line-height:15px; color:#009ed8; font-weight:bold; text-decoration:none; text-align:left;}
.drop_rgt a:hover							{color:#009ed8; text-decoration:none;}
.drop_rgt a:focus,.drop_rgt a:visited 		{color:#009ed8; text-decoration:none;}
.drop_rgt p									{margin:0!important; padding:0; display:block; font-family: 'Roboto', sans-serif; font-size:14px; line-height:16px; color:#888888; font-weight:normal; text-align: left;}

#nav-icon 									{width:33px; height:28px; position:relative; margin:0px auto; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);  -webkit-transition:.5s ease-in-out;  -moz-transition:.5s ease-in-out;  -o-transition:.5s ease-in-out;  transition:.5s ease-in-out;  cursor: pointer; display: none;}
#nav-icon span 								{display: block;  position: absolute;  height:3px;  width: 100%;  background:#ffffff;  border-radius:4px;  opacity: 1;  left: 0;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out; }
#nav-icon span:nth-child(1)					{top:0px;}
#nav-icon span:nth-child(2) 				{top:9px;}
#nav-icon span:nth-child(3)					{top:18px;}
.open #nav-icon span:nth-child(1) 			{top:15px; -webkit-transform:rotate(135deg);  -moz-transform:rotate(135deg); -o-transform:rotate(135deg); transform:rotate(135deg); background:#424142;}
.open #nav-icon span:nth-child(2)	    	{opacity:0; left:-60px;}
.open #nav-icon span:nth-child(3) 			{top:15px; transform: rotate(-135deg); -moz-transform:rotate(-135deg); -ms-transform:rotate(-135deg); -o-transform:rotate(-135deg); -webkit-transform:rotate(-135deg); background:#424142;}
.side_bar{display: none; }
/* ---------------------------------------------------------*/
/* ------------------------ BANNER CONTENT HERE --------------*/
.banner										{margin:0; padding:0; display:block;}
.banner_in									{margin:0; display:block;}
.ban_cont									{margin:0; padding:120px 0 12px 0; display:block; text-align:center;}
.ban_cont h1								{margin:0; padding:0 0 14px 0; display:block; font-family: 'Roboto Slab', serif; font-size:41px; line-height:42px; color:#ffffff; font-weight:bold;}
.ban_cont h2								{margin:0!important; padding:0 0 41px 0; display:block; font-family: 'Roboto', sans-serif; font-size:20px; line-height:22px; color:#ffffff; font-weight:normal;}
.ban_cont ul								{margin:0; padding:0; display:inline-block;}
.ban_cont ul li								{margin:0; padding:0 14px; display:inline-block;}
.ban_cont ul li.view						{float:left;}
.ban_cont ul li.get							{float:right;}
.ban_cont ul li a							{margin:0; padding:15px 0; display:inline-block; font-family: 'Roboto Slab', serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; text-decoration:none; text-transform:uppercase; background:none; border:2px solid #ffffff; border-radius:4px; width:274px; transition: all .3s ease;}
.ban_cont ul li.get.active a				{background:#038bcf; border:2px solid #038bcf;}
.ban_cont ul li.get.active a:hover			{background-color:#2792c7; border:2px solid #2792c7;}
.ban_cont ul li.view a:hover				{background:rgba(255,255,255,0.25); border:2px solid #ffffff;}

.ban_img									{margin:0; padding:20px 0 0; display:block; text-align:center;}
.ban_img figure								{margin:0; padding:10px 0 0; overflow: hidden;}
.ban_img figure img							{padding:0; display:inline-block;border-radius: 6px 6px 0 0;}
.ban_img figure span                        {display: inline-block; width: 40%; position: relative; box-shadow: 0px 0px 16px 4px rgba(0,0,0,.2);z-index: 100;}
.ban_img figure span:after                  {content: ''; display: block; width: 100%; height: 20px; background: url(images/gif/shadow.png) no-repeat 50% 100%; position: absolute; bottom: -11px; left: 0px; background-size: cover;}
.top_bar                                    {width: 100%; position: absolute;top: 0px;left: 0px; z-index: 1000;}
.left_head_img, .right_head_img, .center_head_img {display: inline-block;}
.center_head_img                            {width: 100%; z-index: 100; }
.left_head_img                              {margin-right: -60px;}
.right_head_img                             {margin-left: -60px; z-index: 1000;}
.left_head_img, .right_head_img             {width: 28%;  vertical-align: bottom; opacity: .5;}

.partnar									{margin:0; padding:23px 0 17px 0; display:block; background:#f8f8f8; border-bottom:1px solid #e4e4e4;}
.part_in									{margin:0; padding:0; display:block; text-align:center;}
.part_in h2									{margin:0; padding:0 0 20px 0; display:block; font-family: 'Roboto', sans-serif; font-size:14px; line-height:16px; color:#5A5A5A; font-weight:normal;}
.part_in ul									{margin:0; padding:0; display:block; text-align:center;}
.part_in ul li								{margin:0; padding:0 45px; display:inline-block;}
.part_in ul li a							{margin:0; padding:0; display:inline-block; outline:none;}

.part_in .slick-next{display:none !important;}
.part_in .slick-prev{display:none !important;}
.part_in .slick-arrow{display:none !important;}

/* ---------------------------------------------------------*/
/* ------------------------ MIAN CONTENT HERE --------------*/
.cd-image-container {

}
.cd-image-container img {
  display: block;
  margin: 0 auto;
}

.cd-image-label {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #ffffff;
  padding: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
  visibility: hidden;
}
.is-visible .cd-image-label {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 100;
}
.cd-resize-img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
}
.cd-resize-img .cd-image-label {
  right: auto;
  left: 0;
}
.is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  /*-webkit-animation: cd-bounce-in 8s infinite;
  -moz-animation: cd-bounce-in 8s infinite;
  animation: cd-bounce-in 8s infinite;
  border-right: 2px solid #e4e4e4;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);*/
}

@-webkit-keyframes cd-bounce-in {
  0% {
    width: 20%;
  }
  10% {
    width: 20%;
  }
  35% {
    width: 70%;
  }
  40% {
    width: 50%;
  }
  80% {
    width: 50%;
  }
  100% {
    width: 20%;
  }
}
@-moz-keyframes cd-bounce-in {
    0% {
      width: 20%;
    }
    10% {
      width: 20%;
    }
    35% {
      width: 70%;
    }
  40% {
    width: 50%;
  }
  80% {
    width: 50%;
  }
  100% {
    width: 20%;
  }
}
@keyframes cd-bounce-in {
    0% {
      width: 20%;
    }
    10% {
      width: 20%;
    }
    35% {
      width: 70%;
    }
  40% {
    width: 50%;
  }
  80% {
    width: 50%;
  }
  100% {
    width: 20%;
  }
}
.cd-handle {
    width: 1px;
    height: 423px;
    background-color: #83D17B;
    display: block;
    top: -10px;
    left: 50%;
    position: absolute;
    border-radius: 10px;
    margin-left: -3;
  cursor: move;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -moz-transform: translate3d(0, 0, 0) scale(0);
  -ms-transform: translate3d(0, 0, 0) scale(0);
  -o-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0);
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.cd-handle:before {
    content: '';
    position: absolute;
    height: 40px;
    width: 40px;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    border-radius: 50%;
    background-color: #83D17B;
    z-index: 10;
    box-shadow: 0px 0px 11px -2px rgba(0,0,0,.3);
}
.cd-handle i:first-child {
    display: block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right:6px solid white;
    position: relative;
    top: 50%;
    margin-left: -9px;
    margin-top: -6px;
    z-index: 100;
}
.cd-handle i:last-child {
    display: block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left:6px solid white;
    position: relative;
    top: 50%;
    margin-left: 4px;
    margin-top: -12px;
    z-index: 100;
}
.cd-handle.draggable {
  /* change background color when element is active */
  background-color: #61A65A;
}
.is-visible .cd-handle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0s 0.7s;
  z-index: 1000;
}

/* Top bar */
.form__comparison {
    background-color: #ffffff;
    position: relative;
    margin: 0px auto 0;
    padding: 0;
    display: block;
    font-family: 'Roboto Slab', Arial, Helvetica, Verdana, sans-serif;
}
.form__steps {
    margin-bottom: 56%;
}
.form__steps--link {
    text-align: center;
    font-family: 'Roboto Slab', Arial, Helvetica, Verdana, sans-serif;
    cursor: pointer;
    transition: .3s all ease-in-out;
}
.form__steps--link.first-step {
    padding-right:0;
}
.form__steps--step:nth-child(2), .form__steps--step:nth-child(3) {
    padding-right:0;
    padding-left:0;
}
.form__steps--link.last-step {
    padding-right:0;
}
.form__steps--link {
    position: relative;
    display: block;
    color: #038BCF;
    height: 50px;
    line-height: 46px;
    border-top: 2px solid #038BCF;
    border-bottom: 2px solid #038BCF;
    font-size: 16px;
}
.form__steps--link.first-step {
    border-left: 2px solid #038BCF;
    border-radius: 16px 0 0 16px;
}
.form__steps--link.last-step {
    border-right: 2px solid #038BCF;
    border-radius: 0 16px 16px 0;
}
.form__steps--link:after {
    content: '';
    display: block;
    position: absolute;
    right: -15px;
    top: -2px;
    width: 18px;
    height: 50px;
    background-image: url(images/nav-arrow.svg);
    z-index: 2;
    BACKGROUND-REPEAT: no-repeat;
    background-position: 3px -3px;
    background-size: 15px 57px;
    transition: .3s all ease-in-out;
}

.form__steps input:checked + label {
    background-color: #038BCF;
    color: #fff;
}

.form__steps--step:hover {

}

.form__steps .form__steps--link:hover:after, .form__steps input:checked + label:after {
    background-image: url(images/nav-arrow-active.svg);
    z-index: 1;
}

/*.form__steps--step:hover .form__steps--link:before {
        content: '';
        display: block;
        position: absolute;
        left: 0px;
        top: -2px;
        width: 13px;
        height: 50px;
        background-image: url(images/nav-arrow.svg);
        z-index: 100;
}*/
.form__steps .last-step.form__steps--link:after, .form__steps .first-step.form__steps--link:before, .form__steps input {
    display: none;
}
.form__steps--link:hover {
    text-decoration: none;
    color:#fff;
    background-color: #038BCF;
    z-index: 1;
}

section.section-container {
  visibility: hidden;
  opacity: 0;
  transition: .3s all ease-in-out;
  max-width: 680px;
  margin: 70px auto 20px;
  position: absolute;
  left:7%;
  top: 0;
  box-shadow: 0px 5px 19px -1px rgba(0,0,0,.1);
}

#tab-1:checked ~ #slider-content-1,
#tab-2:checked ~ #slider-content-2,
#tab-3:checked ~ #slider-content-3,
#tab-4:checked ~ #slider-content-4 {
  visibility: visible;
  opacity: 1;
}

.stats__bar {
    position: relative;
    background-color: #ffffff;
    text-align: center;
    max-width: 680px;
    margin: 0px auto;
}
.counter__dropout {
    background-image: url(images/drop-out-arrow.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 160px;
    height: 150px;
    float: left;
    position: relative;
}
.counter__dropout p {
    display: none;

}

.counter__dropout .disc {
    width: 80px;
    height: 80px;
    text-align: center;
    z-index: 1000;
    background-color: #D6041D;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
    margin-top: 16px;
    font-size: 28px;
    font-weight: 700;
    display: block;
    font-family: 'Roboto Slab', Arial, Helvetica, Verdana, sans-serif;
    position: absolute;
    bottom: -70px;
    left: 39px;
}
.counter__dropout .counter {
    color: #ffffff;
    display: block;
    text-align: center;
    margin-top: 30px;
}
.counter__dropout .disc b {
    color: #D6041D;
    font-size: 11px;
    font-weight: 400;
    font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -25%;
}
.counter__conversions {
    background-image: url(images/conversion-grey.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 111px;
    height: 150px;
    float: left;
    position: relative;
    margin-left: 20px;
}
.counter__conversions .disc {
    width: 60px;
    height: 60px;
    text-align: center;
    z-index: 1000;
    background-color: #E4E4E4;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
    margin-top: 16px;
    font-size: 28px;
    font-weight: 700;
    display: block;
    font-family: 'Roboto Slab', Arial, Helvetica, Verdana, sans-serif;
    position: absolute;
    bottom: -40px;
    left: 24px;
}
.counter__conversions .counter {
    color: #454545;
    display: block;
    text-align: center;
    margin-top: 20px;
}
.counter__conversions .disc b {
    color: #454545;
    font-size: 11px;
    font-weight: 400;
    font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -50%;
}
.counter__days {
    position: absolute;
    left: 56%;
    margin-left: -110px;
    margin-top: 35px;
    font-size: 17px;
    width: 30%;
}
.counter__days span {
    font-weight: bold;
}
.counter__days span#comparison__counter {
    color: #83D17B;
}
.counter__lf-conversion {
    background-image: url(images/conversion-green.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 250px;
    height: 230px;
    float: right;
    position: relative;
}

.counter__lf-conversion p {
    display: none;

}
.counter__lf-conversion .disc {
    width: 100px;
    height: 100px;
    text-align: center;
    z-index: 1000;
    background-color: #83D17B;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
    margin-top: 16px;
    font-size: 28px;
    font-weight: 700;
    display: block;
    font-family: 'Roboto Slab', Arial, Helvetica, Verdana, sans-serif;
    position: absolute;
    bottom: -30px;
    left: 73px;
}
.counter__lf-conversion .counter {
    color: #ffffff;
    display: block;
    text-align: center;
    margin-top: 33px;
}
.counter__lf-conversion .disc b {
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif;
    position: absolute;
    bottom: 26px;
    left: 50%;
    margin-left: -31%;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(131, 209, 123, .5);
  }
  70% {
      -webkit-box-shadow: 0 0 0 20px rgba(131, 209, 123, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(131, 209, 123, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(131, 209, 123, .5);
    box-shadow: 0 0 0 0 rgba(131, 209, 123, .5);
  }
  70% {
      -moz-box-shadow: 0 0 0 20px rgba(131, 209, 123, 0);
      box-shadow: 0 0 0 20px rgba(131, 209, 123, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(131, 209, 123, 0);
      box-shadow: 0 0 0 0 rgba(131, 209, 123, 0);
  }
}

.green-ring-container {
    position: absolute;

}

.green-ring-container .circle-ring {
    width: 15px;
    height: 15px;
    background-color: #62bd19;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    left: 20px;
    box-shadow: 0px 0px 7px -1px rgba(0,0,0,.5);
}

.green-ring-container .ringring {
    border: 3px solid #62bd19;
    -webkit-border-radius: 30px;
    height: 25px;
    width: 25px;
    position: absolute;
    left: 15px;
    top: 15px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0
}
#slide-1-green-1 {
    top: 80px;
    right: 80px;
}

#slide-1-green-2 {
    top: 150px;
    right: 180px;
}

#slide-2-green-1 {
    top: 20px;
    right: 80px;
}

#slide-2-green-2 {
    top: 40px;
    right: 100px;
}

#slide-3-green-1 {
    top: 60px;
    right: 160px;
}

#slide-3-green-2 {
    top: 120px;
    right: 80px;
}

#slide-4-green-1 {
    top: 140px;
    right: 90px;
}

#slide-4-green-2 {
    top: 60px;
    right: 210px;
}

.red-ring-container {
    position: absolute;
    top: 80px;
    left: 80px;
}
.red-ring-container .circle-ring {
    width: 15px;
    height: 15px;
    background-color: #D6041D;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    left: 20px;
    box-shadow: 0px 0px 7px -1px rgba(0,0,0,.5);
}

.red-ring-container .ringring {
    border: 3px solid #D6041D;
    -webkit-border-radius: 30px;
    height: 25px;
    width: 25px;
    position: absolute;
    left: 15px;
    top: 15px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0
}

#slide-1-red-1 {
    top: 163px;
}
#slide-2-red-1 {
    top: 100px;
    left: 90px;
}
#slide-3-red-1 {
    top: 163px;
    left: 154px;
}
#slide-3-red-1[data-tooltip]:before {
    margin-left: -145px;
}
#slide-4-red-1 {
    top: 136px;
    left: 154px;
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
.page-template-homepage [data-tooltip], .page-template-homepage-variant [data-tooltip] {
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
.page-template-homepage [data-tooltip]:before,
.page-template-homepage [data-tooltip]:after,
.page-template-homepage-variant [data-tooltip]:before,
.page-template-homepage-variant [data-tooltip]:after  {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
  transition: all .2s ease-in-out;
  z-index: 1000;
}

/* Position tooltip above the element */
.page-template-homepage [data-tooltip]:before, .page-template-homepage-variant [data-tooltip]:before {
  position: absolute;
  left: 27px;
  bottom: -10px;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 10px;
  width: 290px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

.green-ring-container[data-tooltip]:before {
    margin-left: -140px;
}

/* Triangle hack to make tooltip look like a speech bubble */
.page-template-homepage [data-tooltip]:after, .page-template-homepage-variant [data-tooltip]:after {
  position: absolute;
  bottom: -10px;
  left: 27px;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
.page-template-homepage [data-tooltip]:hover:before,
.page-template-homepage [data-tooltip]:hover:after,
.page-template-homepage-variant [data-tooltip]:hover:before,
.page-template-homepage-variant [data-tooltip]:hover:after  {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.forms										{margin:0; padding:70px 0 20px 0; display:block; background:#ffffff; border-bottom:2px solid #e4e4e4;}
.forms_in									{margin:0; padding:0; display:block;}
.form_top									{margin:0; padding:0; display:block; text-align:center;}
.form_top h2								{margin:0; padding:0 0 36px 0; display:block; font-family: 'Roboto Slab', serif; font-size:30px; line-height:32px; color:#5a5a5a; font-weight:bold;}
.form_nav									{max-width:800px;margin:0 auto;}
.form_nav ul								{margin:0; padding:0; display:block; text-align:center;}
.form_nav ul li								{margin:0; padding:0 8px; display:inline-block;width:25%;}
.form_nav ul li a							{margin:0; padding:12px 0; display:inline-block; font-family: 'Roboto Slab', sans-serif; font-size:12px; line-height:14px; color:#5a5a5a; font-weight:bold; background:#ffffff; text-decoration:none; border-radius:20px; width:178px; cursor:pointer; outline:none; transition: all .3s ease-in-out;}
.form_nav ul li a:hover						{color:#ffffff; font-weight:bold; background:#038bcf;}
.form_nav ul li.active a					{color:#ffffff; font-weight:bold; background:#038bcf;}
.form_nav ul li.slick-current a				{color:#ffffff; font-weight:bold; background:#038bcf; outline:none;}
.forms h2 {
    font-family: 'Roboto Slab', Arial, Helvetica, Verdana, sans-serif;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
}
.forms h4 {
    font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif;
    text-align: center;
    color:#757575;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 40px;

}
.form_slide									{padding:0 0 14px 0; display:block; max-width:100%;margin:0 auto; max-height: 724px; overflow: hidden;}
.form_slide figure							{margin:0; padding:0; display:block; box-shadow:0 0 24px #c9c9c9; }
.form_slide figure img						{margin:0 auto; padding:0; display:block;width:100%;height:auto;border-radius: 6px;}

.form_slide .slick-center img				{transform:scale(1.1, 1.1); box-shadow:0 0 54px #c9c9c9; transition:all 0.3s ease-in-out;}
.form_slide .slick-slide					{opacity:0.3; margin-bottom: 0;}
.form_slide .slick-current.slick-slide		{opacity:1; position:relative; z-index:9;}
.form_slide .slick-track					{padding-top:42px; padding-bottom:0px;}
.form_slide .slick-initialized .slick-slide	{outline:none;}
.form_slide .slick-track *{transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}


.form_cont									{margin:0 auto; text-align: center; padding:39px 0 0 0; display:block; float:none; opacity:0; }
.slick-slide.slick-current.slick-active.slick-center .form_cont {opacity:1; }
.form_cont h3								{margin:0; padding:0 0 25px 0; display:block; font-family: 'Roboto Slab', sans-serif; font-size:20px; line-height:23px; font-weight:bold;}
.form_cont_in								{margin:0; padding:22px 0 0 0; display:block; border-top:1px solid #e4e4e4;}
.form_cont_in p								{margin:0; padding:0 0 33px 0; display:block; font-family: 'Roboto', sans-serif; font-size:13px; line-height:22px; color:#5a5a5a; font-weight:normal;}
.form_cont_in a								{margin:0 auto 5px; padding:16px 0; display:block; font-family: 'Roboto Slab', serif; font-size:16px; line-height:16px; color:#038bcf; font-weight:bold; text-transform:uppercase; width:300px; background:none; border-radius:4px; text-align:center; border:2px solid #038bcf;}
.form_cont_in a:hover                       {background-color: rgba(0, 158, 216, 0.12);}

.form_slide{position:relative; }
.form_slide:before{content:''; width:100px; height:100%; position:absolute; top:0; left:0;  z-index:999;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 4%, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(4%, rgba(255,255,255,1)), color-stop(15%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 4%, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 4%, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 4%, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 4%, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );}

.form_slide:after{content:''; width:100px; height:100%; position:absolute; top:0; right:0;  z-index:999;

background: rgba(255,255,255,0);
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 4%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(4%, rgba(255,255,255,0.05)), color-stop(85%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 4%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 4%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 4%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%);}

.work										{margin:0; padding:70px 0; display:block; background:#f4f4f4;}
.work_in									{margin:0; padding:0 4px; display:block; overflow:hidden; text-align:center;}
.work_in h2									{margin:0; padding:0 0 43px 0; display:block; font-family: 'Roboto Slab', serif; font-size:28px; line-height:30px; color:#5a5a5a; font-weight:bold; text-align:center;}
.work_in ul									{margin:0 -36px; padding:0 0 40px 0; display:inline-block; float:none;}
.work_in ul li 								{margin:0; padding:0 36px; display:block; float:left; position:relative;}
.work_in ul li:after						{content:''; position:absolute; right:-7px; top:44%; background:url("images/arrow.png") no-repeat; width:16px; height:15px;}
.work_in ul li.no_arrow:after 				{display:none;}
.work_main									{margin:0; padding:0; display:block; background:#ffffff; box-shadow:0 0 24px #c9c9c9; border-radius:8px;overflow: hidden;}
.work_main figure							{margin:0; padding:0; display:block;}
.work_main figure img						{margin:0; padding:0; display:block; width:100%; height:auto;}
.work_cont									{margin:0; padding:28px 17px 0 17px; display:block; border-top:1px solid #ededed;}
.work_cont h3								{margin:0; padding:0 0 14px 0; display:block; font-family: 'Roboto', sans-serif; font-size:16px; line-height:18px; color:#888888; font-weight:bold; text-align:left;}
.work_cont p								{margin:0; padding:0 0 20px 0; display:block;font-family: 'Roboto', sans-serif; font-size:14px; line-height:20px; color:#5c5c5c; font-weight:normal; text-align:left;}
.work_in a									{margin:0 auto 5px; padding:16px 0; display:block; font-family: 'Roboto Slab', serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; text-transform:uppercase; width:300px; background:#038bcf; border-radius:4px; text-align:center;transition:all .3s ease-in-out;}
.work_in a:hover							{background-color: #2792c7;}
.list										{margin:-5px 0 0 0; padding:0 0 0 6px; display:block;}
.list ul									{margin:0; padding:0; display:block;}
.list ul li									{margin:0 0 7px 0; padding:0 0 0 23px; display:block; background:url("images/green_tick.png") no-repeat left top;}
.list ul li:after							{display:none;}
.list ul li span							{margin:0; padding:0; display:block; font-family: 'Roboto', sans-serif; font-size:11px; line-height:14px; color:#5a5a5a; font-weight:normal; text-align:left;}

.business									{margin:0; padding:0; display:block;}
.business ul								{margin:0; padding:0; display:block;}
.business ul li								{margin:0; padding:0; display:block;}
.business ul li figure						{margin:0; padding:0; display:block; position:relative;}
.business ul li figure >img					{margin:0; padding:0; display:block; width:100%; object-fit:cover; height: 403px;}
.business_main								{margin:0; padding:82px 0 82px 0; display:block; position:absolute; left:0; top:0; width:100%; height:100%;}

.business_top								{margin:0 auto; padding:0 0 26px 0; display:block; text-align:center; width:90%;}
.business_top p								{margin:0; padding:0; display:block; font-family: 'Roboto Slab', serif; font-size:31px; line-height:37px; color:#ffffff; font-weight:normal;}
.business_cont								{margin:0; padding:21px 0 0 0; display:block; text-align:center; position:relative;}
.business_cont p							{margin:0; padding:0 0 13px 0; display:block; font-family: 'Roboto', sans-serif; font-size:14px; line-height:16px; color:#ffffff; font-weight:normal;}
.business_cont ul							{margin:0; padding:0; display:inline-block;}
.business_cont ul li 						{margin:0; padding:0 8px; display:inline-block;}
.business_cont ul li a						{margin:0; padding:0; display:inline-block;}
.business_cont ul li a figure				{margin:0; padding:0; display:block;}
.business_cont ul li a figure img			{margin:0; padding:0; display:block; width:auto !important; height:auto !important;}
.business_cont:before						{content:''; position:absolute; left:0; right:0; top:0; width:248px; height:1px; background:#7a7a7a; margin:0 auto;}

.business .owl-theme .owl-controls			{position:absolute; bottom:27px; left:0; right:0; width:100%; margin:0;}
.business .owl-dot							{border-radius:100%; background:#cccccc; width:12px; height:12px; margin:0 4px; display:inline-block;}
.business .owl-dot.active					{background:#038bcf;}

.capture									{margin:0; padding:60px 0; display:block; background:url("images/bg-geometry.png") #374047;}
.capture_in									{margin:0; padding:0; display:block;}
.capt_top									{margin:0; padding:0 38px 44px 38px; display:block;}
.capt_top h2								{margin:0; padding:0 0 40px 0; display:block; font-family: 'Roboto Slab', serif; font-size:24px; line-height:26px; color:#ffffff; font-weight:normal; text-align:center;}
.capt_top ul								{margin:0; padding:0; display:block;}
.capt_top ul li								{margin:0; display:block; float:left;}
.capt_main									{margin:0; padding:25px 10px 10px 10px; display:block; background:#ffffff; border-radius:6px;}
.expert										{margin:0; padding:0 14px 27px 14px; display:block;}
.expert_lft									{margin:0; padding:0; display:block; float:left; width:40px;height:40px;}
.expert_lft img								{margin:0; padding:0; display:block; width:auto;}
.expert_rgt									{margin:0; padding:0 0 0 18px; display:block; float:left; width:calc(100% - 40px);}
.expert_rgt p								{margin:0; padding:0; display:block; font-family: 'Roboto', sans-serif; font-size:13px; line-height:18px; color:#484848; font-weight:normal;}

.capt_main a								{margin:0; padding:15px 0; display:block; font-family: 'Roboto Slab', serif; font-size:16px; line-height:16px; color:#009ed8; font-weight:bold; text-decoration:none; text-transform:uppercase; text-align:center; background:none; border:2px solid #038bcf; border-radius:4px; width:100%; transition: all .3s ease-in-out;}
.capt_main a:hover                          {background-color: rgba(0, 158, 216, 0.12);}
.capt_cont									{margin:0 auto; padding:32px 0 0 0; display:block; text-align:center; width:672px;}
.capt_cont h2								{margin:0; padding:0 0 2px 0; display:block; font-family: 'Roboto Slab', serif; font-size:33px; line-height:35px; color:#ffffff; font-weight:bold;}
.capt_cont h3								{margin:0; padding:0 0 37px 0; display:block; font-family: 'Roboto Slab', serif; font-size:24px; line-height:26px; color:#ffffff; font-weight:normal;}
.capt_cont a								{margin:0 auto; padding:17px 0; display:block; font-family: 'Roboto Slab', serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; text-transform:uppercase; width:300px; background:#038bcf; border-radius:4px; text-align:center; transition: all .3s ease-in-out; }
.capt_cont a:hover                          {background-color:#2792c7;}

.template									{margin:0; padding:75px 0; display:block; background:#ffffff; position: relative;}
.template_in								{padding:0 10px; display:block; position: inherit;}
.template_in h2								{margin:0; padding:0 6px 10px 6px; display:block; font-family: 'Roboto Slab', serif; font-size:28px; line-height:30px; color:#5a5a5a; font-weight:bold; text-align:center;}
.template_in h3								{margin:0; padding:0 6px 14px 6px; display:block; font-family: 'Roboto Slab', serif; font-size:20px; line-height:30px; color:#5a5a5a; font-weight:bold; text-align:center;}
.form_temp figure							{margin:0; padding:0; display:block;}
.form_temp figure img						{margin:0 auto; padding:0; display:block;}
.template_in a								{margin:0 auto 20px; padding:15px 0; display:block; font-family: 'Roboto Slab', serif; font-size:16px; line-height:16px; color:#009ed8; font-weight:bold; text-decoration:none; text-transform:uppercase; text-align:center; background:none; border:2px solid #038bcf; border-radius:4px; width:298px; transition: all .3s ease-in-out;}
.template_in a:hover                        {background-color: rgba(0, 158, 216, 0.12);}
.template_in p								{text-align: center;margin:0; padding:0 0 40px 0; display:block; font-family: 'Roboto', sans-serif; font-size:15px; line-height:22px; color:#5a5a5a; font-weight:normal;}
.template_in svg                            {fill:#5a5a5a; width: 30px; margin: 40px auto 10px; display: block;}
.form_temp									{margin:0; padding:0; display:block; text-align:center; position:absolute;top:60px; left:-20px; right:-20px; bottom: 0px; transition: all .3s ease-in-out; width: 100%; overflow: hidden;}
.template .tile                             {display: block; position: absolute; background-color: #ffffff; border:1px solid #e4e4e4; border-radius: 6px; box-shadow: 0 6px 15px rgba(0,0,0,0.075);transition: all .3s ease-in-out; overflow: hidden;}
.template .tile img                         {width: 200px;}
.template .tile-1l                          {top: 0px; left:-1%;}
.template .tile-2l                          {top: 60px; left:6%;}
.template .tile-3l                          {top: 140px; left:10%; z-index: 1000;}
.template .tile-4l                          {top: 220px; left:5%;  z-index: 100;}
.template .tile-5l                          {top: 300px; left:2%;}
.template .tile-1r                          {top: 0px; right:1%;}
.template .tile-2r                          {top: 70px; right:6%;}
.template .tile-3r                          {top: 140px; right:4%; }
.template .tile-4r                          {top: 220px; right:7%;  z-index: 1000;}
.template .tile-5r                          {top: 300px; right:2%;z-index: 100;}

.whether									{margin:0; padding:70px 0 40px 0; display:block; background: rgb(51,51,51); /* Old browsers */ background: -moz-linear-gradient(top, rgb(54, 26, 107) 0%, rgb(69, 143, 155) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgb(54, 26, 107) 0%,rgb(69, 143, 155) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgb(54, 26, 107) 0%,rgb(69, 143, 155) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#3f96a4',GradientType=0 ); /* IE6-9 */ repeat-x top left #436b96;}
/*.whether_in									{margin:0 auto; padding:0; display:block; float:none;}*/
.whether_in h2								{margin:0; padding:0 0 32px 0; display:block; font-family: 'Roboto Slab', serif; font-size:28px; line-height:30px; color:#ffffff; font-weight:bold; text-align:center;}
/*.whether_in h3								{margin:0; padding:0 0 40px 0; display:block; font-family: 'Roboto', sans-serif; font-size:16px; line-height:18px; color:#ffffff; font-weight:normal; text-align:center;}
.whether_in a.larg							{margin:52px auto 40px; padding:17px 0; display:block; font-family: 'Roboto Slab', serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:normal; text-transform:uppercase; width:300px; background:#038bcf; border-radius:4px; text-align:center;}
.whether_in ul								{margin:0 auto; padding:0 12px; display:block; float:none;}
.whether_in ul li							{margin:0; padding:0 20px; display:block; float:left;}

.whether_main								{margin:0; padding:0; display:block; background:#ffffff; border-radius:6px; text-align:center;}
.whether_main a								{margin:0; padding:30px 20px 20px 20px; display:block;}
.whether_main figure						{margin:0; padding:0; display:block;}
.whether_main figure img					{margin:0 auto; padding:0; display:block;}
.whether_main span							{margin:0; padding:20px 0 0 0; display:block; font-family: 'Roboto', sans-serif; font-size:12px; line-height:14px; color:#5a5a5a; font-weight:600; text-align:center;}
.whether_in ul li:hover .whether_main		{background:#038bcf;}
.whether_in ul li:hover .whether_main span	{color:#ffffff;}
.whether_in ul li.active .whether_main		{background:#038bcf;}
.whether_in ul li.active .whether_main span	{color:#ffffff;}*/

.prograss_bar								{margin:0; padding:0; display:block; text-align:center;}
.prograss_bar figure						{margin:0; padding:0; display:inline-block;}
.prograss_bar figure img 					{margin:0; padding:0; display:block;}

.privacy									{margin:0; padding:23px 0 16px 0; display:block; background:#ffffff;}
.privacy_in									{margin:0; display:block; text-align:center;}
.privacy_in ul								{margin:0; padding:0; display:block;}
.privacy_in ul li							{margin:0; padding:0 7%; display:inline-block; position:relative;}
.privacy_in ul li figure					{margin:0; padding:0; display:inline-block; float:left; width:41px;}
.privacy_in ul li p							{margin:0; padding:12px 0 0 14px; display:inline-block; font-family: 'Open Sans', sans-serif; font-size:14px; line-height:16px; color:#5a5a5a; font-weight:400; float:left; width:calc(100% - 41px); text-align:left;}
.privacy_in ul li:after						{content:''; position:absolute; right:0; top:10px; background:#ccc; width:1px; height:20px;}
.privacy_in ul li.cust:after				{display:none;}
.privacy_in ul li.first						{padding-left:0;}
.privacy_in ul li.cust						{padding-right:0;}

/* ---------------------------------------------------------*/
/* ------------------ FOOTER HERE --------------------------*/
footer										{margin:0; padding:39px 0 28px 0; display:block; background:#ffffff; border-top:1px solid #e4e4e4;}
.foot_in									{margin:0; display:block; padding-bottom:33px;}
.foot_cont									{margin:0; padding:0 0 0 11px; display:block; float:left;}
.foot_cont h2								{margin:0; padding:0 0 16px 0; display:block;font-family: 'Roboto Slab', serif;font-size:13px; line-height:15px; color:#484848; font-weight:bold; text-transform:uppercase;}
.foot_cont ul								{margin:0; padding:0; display:block;}
.foot_cont ul li							{margin:0; padding:0 0 10px 0; display:block;}
.foot_cont ul li a							{margin:0; padding:0; display:inline-block; font-family: 'Roboto', sans-serif; font-size:13px; line-height:14px; color:#484848; font-weight:normal; text-decoration:none;}
.foot_cont ul li a:hover					{text-decoration:underline;}

.foot_copy									{margin:0; display:block;}
.copy_lft									{margin:0; padding:6px 0 0 17px; display:block; float:left;}
.copy_lft p									{margin:0; padding:0; display:block; font-family: 'Roboto', sans-serif; font-size:13px; line-height:14px; color:#484848; font-weight:normal;}
.copy_rgt									{margin:0; padding:0; display:block; float:right;}
.copy_rgt ul								{margin:0; padding:0; display:block;}
.copy_rgt ul li								{margin:0; padding:0 8px; display:block; float:left;}
.copy_rgt ul li a							{margin:0; padding:0; display:block;}
.copy_rgt ul li a img						{margin:0; padding:0; display:block;}
.copy_rgt ul li.ft_logo						{position:relative; padding-right:0; padding-left:19px; margin:0 0 0 14px;}
.copy_rgt ul li.ft_logo:before				{content:''; position:absolute; left:0; top:0; background:#e4e4e4; width:1px; height:92%;}
.copy_rgt ul li.ft_logo a					{margin:0; padding:0; display:block;}
.copy_rgt ul li.ft_logo a img				{margin:0; padding:0; display:block;}

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

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari 5+ ONLY */
	::i-block-chrome, .expert_rgt{width:86%;}

}


/* Pricing page */
/* ------ banner ------ */
.banner{text-align:center;padding: 67px 0 0 0;background-size:100% 100%;min-height: 480px;background: -webkit-linear-gradient( #361a6b ,#458f9b);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#483183', endColorstr='#436995',GradientType=0 );}
.banner.pricing {min-height: 730px;}

/* ------ switch ------ */
.switch_blk{padding: 0 0 0 0;margin:0 0 0 -96px;}
.switch_blk span{font-family: 'Roboto Slab', serif;display:inline-block;vertical-align:middle;font-size: 14px;line-height:15px;color:#81ca7b;font-weight:500;padding: 0px 0px 0 0;}
.switch_blk span small{color:#ffffff; font-size: 13px;line-height:15px; font-weight:700;}
.switch {margin: 0 15px;position: relative;display: inline-block;width: 58px;height:28px;vertical-align:middle;}
.switch input {display:none;}

/* Rounded sliders */
.toggle-price.round {border-radius: 38px; background: transparent; border: 1px solid rgba(255,255,255,.8);}
.toggle-price.round:before {border-radius: 50%;}
.toggle-price {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;-webkit-transition: .4s;transition: .4s;border:1px solid #fff;}
.toggle-price:before {position: absolute;content: "";height: 22px;width: 22px;left: 2px;bottom: 2px;background-color: rgba(255,255,255,.8);transition:all ease-in-out 0.4s;-moz-transition:all ease-in-out 0.4s;-ms-transition:all ease-in-out 0.4s;-o-transition:all ease-in-out 0.4s;-webkit-transition:all ease-in-out 0.4s;}
input:focus + .toggle-price {  box-shadow: 0 0 1px #2196F3;}
input:checked + .toggle-price:before {-webkit-transform: translateX(30px);-ms-transform: translateX(30px);transform: translateX(30px);-o-transform: translateX(30px);-moz-transform: translateX(30px);}

.slider:after{content:"";position:absolute;right: 2px;top:2px;width:10px;text-align:center;color:#fff;font-size:9px;}
input:checked + .toggle-price:after{content:"";right:auto;left:3px;}


.nrml{display:inline-block !important; }
.chng{display:none !important; }
.price_change .nrml{display:none !important; }
.price_change .chng{display:inline-block !important; }
.essential .smalltext {font-size: 14px!important;margin: 0px;padding: 0px 0px 10px;}
.essential .smalltext img {display: inline-block; vertical-align: middle;}


/* ------ growth ------ */
.growth{padding: 0 0 49px 0;margin: -327px 0 0 0;}
.growth ul{display:inline-block; width:100%;}
.growth ul li{display:inline-block;background:#ffffff;border-radius: 9px;transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;-ms-transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;-webkit-box-shadow: -1px 0px 16px 0px rgba(0,0,0,0.75);-moz-box-shadow: -1px 0px 16px 0px rgba(0,0,0,0.75);box-shadow: -1px 0px 16px 0px rgba(0,0,0,0.15);padding: 6px 5px 6px;}
.growth ul li:hover {box-shadow: -1px 0px 16px 0px rgba(0,0,0,0.25);}
.growth ul li.active{transform:scale(1.13);-moz-transform:scale(1.13);-ms-transform:scale(1.13);-o-transform:scale(1.13);-webkit-transform: scale(1.15);position:relative;z-index:99;background:;}
.essential{padding: 30px 0 0 0;}
.essential h3{font-size: 26px;line-height:28px;font-family: 'Roboto Slab', serif;color:#595959;font-weight:700;margin:0!important;padding: 10px 0 13px;}
.essential p{font-size: 16px;line-height:20px;color:#7e7e7e;font-weight:400;margin:auto;max-width:305px;padding: 0px 0 35px 0;}
.essential span{font-size: 33px;line-height:42px;font-family: 'Roboto Slab', serif;color:#595959;font-weight:400;margin:0;display:block;padding: 0 0 7px 0;}
.essential small{font-size: 15px;line-height:22px;color:#595959;font-weight:400;margin:0;display:block;padding: 0 0 48px 0;}
.essential a.btn{font-family: 'Roboto Slab', serif;background:#038bcf;padding: 14px 55px;display:inline-block;border-radius:5px;font-size: 17px;line-height:20px;font-weight:bold;text-transform:uppercase;color:#ffffff;margin: 0 0 25px 0;text-decoration:none;transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;-ms-transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;}
.essential a.btn:hover{background: #299fda;}
.essential a.btn:focus{color:#ffffff !important;}
.business{background:#fff;border-radius: 5px;}
.gift-icon {margin-right: 5px; vertical-align: -2px;}

/* tooltip */
.tool-tip-style {border-bottom: 1px dotted #565656; color: #565656;}
.tool-tip-style:hover {text-decoration: none; color: #333;}
.page-id-10638 [data-tooltip] {position: relative; z-index: 2; cursor: pointer; transition: all .3s ease-in-out;}
.page-id-10638 [data-tooltip]:before,.page-id-10638 [data-tooltip]:after {transition: all .3s ease-in-out; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none;}
.page-id-10638 [data-tooltip]:before {position: absolute; bottom: 150%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 160px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 12px; line-height: 1.2;}
.page-id-10638 [data-tooltip]:after {position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0;}
.page-id-10638 [data-tooltip]:hover:before, .page-id-10638 [data-tooltip]:hover:after {visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}

/* ------ team ------ */
.team{text-align:center;padding: 0 0 12px 0;}
.includes {margin:0;}
.leads{padding:0;}
.leads ul{display:inline-block;width: 100%; margin-left: 0;}
.leads ul li{display:block; margin-bottom: 0; float:none; border-bottom:1px solid #e4e4e4; }
.leads h4{font-family: 'Roboto Slab', serif;font-size: 20px;line-height:22px;color:#484848;font-weight:700;margin:0;padding: 10px 0 6px;}
.leads h6{font-size:15px;line-height:18px;color:#757575;font-weight:400;margin:0;padding: 0 0 27px 0;}
.leads ul li p{font-size:15px;line-height:15px;color:#565656;font-weight:400;margin: 0;padding: 13px 0 14px;}
.leads ul li p span{font-weight:700;}

/* ------ required ------ */
.required{padding: 19px 0 20px 0;}
.required p{font-size: 12px;line-height:15px;color:#565656;font-weight:400;background:url(images/logo.png) no-repeat left center;display:inline-block;padding: 10px 0 10px 50px;margin:0;background-size: 43px;}

/* ------ price ------ */
.price{padding: 48px 0 29px;background:#f4f4f4;}
.price_lf{float:left; display:inline-block; width:17%}
.price_lf h3{font-family: 'Roboto Slab', serif;font-size: 28px;line-height: 31px;color:#000;font-weight:700;margin:0;padding: 0 0 0 0;}
.price_middle{float:left;display:inline-block;text-align:center;width: 58%;}
.price_middle p{font-size: 16px;line-height:18px;color:#484848;font-weight:400;margin: 0;padding: 0 0 9px 7px;text-align: left;}
.price_middle p span{font-weight:700;}
.price_middle ul{display:inline-block;width:100%;padding: 0 0 0 8px;}
.price_middle ul li{float:left;display:inline-block;padding: 0;margin-bottom: 0;}
.price_middle ul li p{background: url(images/mark_icon.svg) no-repeat left center;display: inline-block;padding: 5px 40px 4px 25px;font-size: 14px; background-size: 18px auto;}
.essential .small-p {font-size:14px;}
.price_rt{float:right;display:inline-block;width: 24%;padding: 0 14px 0 0;}
.price_rt a{font-family: 'Roboto Slab', serif;display: block;padding: 15px 0;border: 2px solid #038bcf;border-radius:5px;text-align: center;font-size: 16px;line-height: 15px; color:#088dd0; font-weight:700; text-decoration:none;transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;-ms-transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;}
.price_rt a:hover{background: #299fda; color: #fff;}
/* ------ might ------ */
.might{padding: 53px 0 70px 0;background:url(images/bg-geometry.png) repeat #374047; box-shadow: inset 0px 0px 14px -3px rgba(0,0,0,.5);}
.might_in{max-width:583px;margin:0 auto;padding: 0 0 0 30px;}
.might_in h3{font-family: 'Roboto Slab', serif;font-size:25px;line-height:25px;color:#ffffff;font-weight:700;margin: 0;padding: 20px 0;text-align:center;}
.panel-default > .panel-heading{padding:0; border:none !important; background:transparent; }
.panel-title {font-weight:bold;}
.panel-title > a {font-size:16px;line-height:16px;color:#ffffff;background:none;text-decoration:none;display: block;position:relative;padding: 10px 0;}
.panel-title > a:after{content:'';position:absolute;left: -21px;top:12px;width: 0;height: 0;border-right: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #038bcf;border-top: 6px solid transparent;transition:all ease-in-out 0.5s;}
.panel-title > a.active:after{transform:rotate(90deg);}
.panel-body{border:none !important;}
.advise_block{padding: 39px 0 0 25px;}
.problems_block2{padding: 22px 0 0 0;}
.problems_block2 p{font-size: 16px;line-height: 22px;color:#fff;font-weight:400;margin:0;padding:0 ;}
.panel-group .panel{padding:0 0 48px 0; position:relative;}
.panel-group .panel:after{content:'';position:absolute;bottom: 25px;left: -22px;width: 98%;height:1px;background:#485056;}
.under:after{display:none;}
.under{padding: 0 0 40px 0 !important;}
.trail{text-align:center; }
.trail a{font-family: 'Roboto Slab', serif;background:#038bcf;padding: 14px 85px;display:inline-block;border-radius:5px;font-size: 17px;line-height:20px;font-weight:bold;text-transform:uppercase;color:#ffffff;margin:0;text-decoration:none; transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;-ms-transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;}
.mob_price{display:none;}
.mob_br br{display:none;}
.essential a.btn:hover{color:#fff;}

.trail a:hover{color:#fff; background: #299fda;}

/* inputs feilds */
input, textarea, button, select {
    -webkit-border-radius: 0;
}

.essential span b{font-size: 44px;line-height: 47px;font-weight:400;padding: 0 0 0 0;}
.leads h6 span{font-weight:700;}
.growth ul li.active .essential a.btn{padding: 11px 55px; font-size: 15px; }
.growth ul li.active .essential{padding: 15px 0 0 0;}
.growth ul li.active .essential span{padding:0 0 15px 0;}
.essential small small{padding: 0;}

/* Blog list */
.default-list {
      float: none!important;
      margin: 0 auto;
}

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

    .form__steps--link {
    	border-radius: 16px!important;
    	border:2px solid #038BCF;
    }
    section.section-container {
    	margin-top: 30px;
    	left: 7%;
    }
    .form__steps--link::after {
    	display: none;
    }
    .cd-resize-img, .cd-handle {
    	display: none;
    }
    .counter__dropout, .counter__conversions, .counter__days, .counter__lf-conversion {
    	background: none;
    	width: 100%;
    	height: auto;
    	float: none;
    }
    .counter__dropout .disc {
    	left: 6%;
    	bottom: -120px
    }
    .counter__dropout p, .counter__lf-conversion p {
        display: block;
        display: inline-block;
        float: left;
        width: 50%;
    }

    .counter__conversions .disc {
    	bottom: -111px;
    	left: 27%;
    }
    .counter__lf-conversion .disc {
    	bottom: -140px;
    	left: 70%;
    }
    .counter__lf-conversion .disc::before {
        content: '';
        display: block;
        position: absolute;
        left: -50%;
        height: 100px;
        width: 1px;
        background-color: #e4e4e4;
    }
    .counter__days {
    	position: relative;
    	left: auto;
    	margin: auto;
    	width: 100%;
    	padding-top: 170px;
        padding-bottom: 20px;
    }
    #tab-1:checked ~ #slider-content-1, #tab-2:checked ~ #slider-content-2, #tab-3:checked ~ #slider-content-3, #tab-4:checked ~ #slider-content-4 {
    	margin-top: 230px;
    }
}

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

    section.section-container {
    	margin-top: 30px;
    	left: 0%;
    }
}

.page-template.layout-2c #content {
  max-width: none !important;
  padding: 0;
}
.page-template-templates-page .entry-content {
  margin-top: 0;
}
.page-template-templates-page .tranisition {
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.page-template-templates-page .tbl {
  width: 100%;
  height: 100%;
  display: table;
}
.page-template-templates-page .tbl_cell {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  display: table-cell;
}
.page-template-templates-page .no_border {
  border: none !important;
}
.page-template-templates-page .no_padding {
  padding-left: 0 !important;
}
.page-template-templates-page .no_margin {
  margin-bottom: 0 !important;
}
.page-template-templates-page h2 {
    font-family: 'Roboto Slab', serif;
}
.page-template-templates-page .wrapper {
  display: block;
  margin: 0 auto;
}
.page-template-templates-page .container {
  max-width: 1170px;
  display: block;
  margin: 0 auto;
  width: 100%;
}
.page-template-templates-page header {
  display: block;
  background: #fff;
  padding: 30px 15px;
  text-align: center;
}
.page-template-templates-page header h1 {
  display: block;
  margin: 0 0 15px 0;
  font-size: 41px;
  line-height: 43px;
  color: #5a5a5a;
  font-weight: normal;
  font-family: 'RobotoSlab-Regular';
}
.page-template-templates-page .ban_cont h2 {
  padding-bottom: 0;
}
.page-template-templates-page .schedule {
  display: block;
  padding: 13px 0 0 0;
}
.page-template-templates-page .schedule_in {
  display: block;
  margin: 0 auto;
  float: none;
}
.page-template-templates-page .schedule_in figure {
  display: block;
  margin: 0;
  padding: 0;
}
.page-template-templates-page .schedule_in figure img {
  display: block;
  border: 0 none;
  margin: 0 auto;
}
.page-template-templates-page .watch {
  display: block;
  background: #fff;
}
.page-template-templates-page .watch_in {
  display: block;
  float: none;
  margin: 0 auto;
  width: 855px;
  padding: 91px 0 70px 0;
}
.page-template-templates-page .watch_left {
  display: inline-block;
  float: left;
  padding: 0;
}
.page-template-templates-page .watch_left a {
  display: inline-block;
}
.page-template-templates-page .watch_left a figure {
  display: block;
  margin: 0;
  padding: 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.08), 0 4px 6px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.08);
}
.page-template-templates-page .watch_left a figure img {
  display: block;
  border: 0 none;
}
.page-template-templates-page .watch_left p {
  display: block;
  margin: 10px 33px 0 0;
  font-size: 14px;
  line-height: 20px;
  color: #888888;
  font-weight: normal;
  font-family: 'Roboto-Regular';
  letter-spacing: 0.1px;
}
.page-template-templates-page .watch_left p span {
  color: #038bcf;
}
.page-template-templates-page .watch_right {
  display: inline-block;
  float: right;
  padding: 16px 0 7px 5px;
}
.page-template-templates-page .watch_right h2 {
  display: block;
  margin: 0;
}
.page-template-templates-page .watch_right p {
  display: block;
  margin: 22px 0 40px 0;
}
.page-template-templates-page .watch_right a {
  display: block;
  background-color: #038bcf;
  width: 265px;
  height: 51px;
  border: 0 none;
  outline: 0 none;
  font-size: 16px;
  line-height: 51px;
  color: #fff;
  font-weight: bold;
  font-family: 'Roboto Slab', helvetica neue, arial, serif;
  border-radius: 5px;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.page-template-templates-page .watch_right a:hover {
  background-color: #299fda;
}
.page-template-templates-page .ebmed {
  display: block;
  padding: 46px 0 52px 0;
}
.page-template-templates-page .embed_in {
  display: block;
  float: none;
  margin: 0 auto;
  text-align: center;
}
.page-template-templates-page .ebmed h2 {
  display: block;
  margin: 0;
}
.page-template-templates-page .ebmed p {
  display: block;
  margin: 15px 0 25px 16px;
}
.page-template-templates-page .embed_cnt {
  display: block;
}
.page-template-templates-page .embed_cnt span {
  display: inline-block;
  position: relative;
  padding: 0 0 30px 0;
}
.page-template-templates-page .embed_cnt span:after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1px;
  height: 36px;
  background: #cccccc;
}
.page-template-templates-page .embed_cnt figure {
  display: block;
  margin: 0;
}
.page-template-templates-page .embed_cnt figure img {
  display: block;
  border: 0 none;
  margin: 0 auto;
}
.page-template-templates-page .embed_cnt ul {
  display: block;
  margin: 0;
  position: relative;
  padding: 27px 0 13px 0;
}
.page-template-templates-page .embed_cnt ul:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 83.5%;
  border-top: 1px solid #e4e4e4;
}
.page-template-templates-page .embed_cnt ul li {
  display: inline-block;
  float: left;
  position: relative;
  padding: 14px 10px;
}
.page-template-templates-page .embed_cnt ul li:after {
  content: '';
  position: absolute;
  top: -28px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1px;
  height: 21px;
  background: #cccccc;
}
.page-template-templates-page .embed_cnt ul li figure {
  display: block;
  margin: 0;
  min-height: 45px;
}
.page-template-templates-page .embed_cnt ul li figure img {
  display: block;
  border: 0 none;
}
.page-template-templates-page .embed_cnt ul li h5 {
  display: block;
  margin: 11px 0 0 0;
  font-size: 16px;
  line-height: 18px;
  color: #424242;
  font-weight: normal;
  font-family: 'Roboto-Regular';
}
.page-template-templates-page .segment {
  display: block;
  padding: 69px 0;
}
.page-template-templates-page .segment_in {
  display: block;
  margin: 0 auto;
  float: none;
  padding: 0;
}
.page-template-templates-page .segment_left {
  display: inline-block;
  float: left;
}
.page-template-templates-page .segment figure {
  display: block;
  margin: 0;
  padding: 0;
}
.page-template-templates-page .segment figure img {
  display: block;
  border: 0 none;
  margin: 0 auto;
}
.page-template-templates-page .segment_right {
  display: inline-block;
  float: right;
  padding: 68px 0px 69px 9px;
}
.page-template-templates-page .segment h2 {
  display: block;
  margin: 0 0 17px 0px;
}
.page-template-templates-page .segment p {
  display: block;
  margin: 0;
  letter-spacing: 0;
}
.page-template-templates-page .seg {
  display: block;
  padding: 104px 0 91px 0;
}
.page-template-templates-page .seg1 {
  display: block;
  padding: 115px 0 52px 0;
}
.page-template-templates-page .seg_left {
  display: inline-block;
  float: left;
  padding: 49px 15px 20px 18px;
}
.page-template-templates-page .seg_right {
  display: inline-block;
  float: right;
}
.page-template-templates-page .seg1 .seg_left {
  padding: 48px 14px 34px 22px;
}
.page-template-templates-page .seg1 .seg_left h2 {
  margin: 0 0 10px 0;
}
.page-template-templates-page .seg1 .seg_right {
  padding: 22px 0 0 91px;
}
.page-template-templates-page .seg2 {
  display: block;
}
.page-template-templates-page .page-template-templates-page .template {
  display: block;
  background-color: #f4f4f4;
  text-align: center;
  padding: 68px 0 25px 0;
}
.page-template-templates-page .template_list {
  display: block;
  float: none;
  margin: 0 auto;
}
.page-template-templates-page .template_cnt {
  display: block;
  position: relative;
  text-align: center;
}
.page-template-templates-page .template_cnt:after {
  content: '';
  position: absolute;
  bottom: -72px;
  left: 0;
  right: 0;
  width: 150px;
  height: 1px;
  background: #e4e4e4;
  margin: 33px auto;
}
.page-template-templates-page .templates {
    background-color: #f4f4f4;
    padding-top: 69px;
}
.page-template-templates-page .templates h2 {
  display: block;
  margin: 0 0 17px 0;
  font-size: 28px;
}
.page-template-templates-page .templates p {
  display: block;
  margin: 0 0 30px 0;
  padding: 0;
}
.page-template-templates-page .enquiry {
  display: block;
  padding: 109px 0 55px 0;
  margin: 0 auto;
  float: none;
}
.page-template-templates-page .templates h3 {
  display: block;
  margin: 0 0 10px 0;
  font-size: 20px;
  line-height: 22px;
  color: #5a5a5a;
  font-weight: bold;
  font-family: 'Roboto-Regular';
}
.page-template-templates-page .enquiry p {
  display: block;
  margin: 0;
}
.page-template-templates-page .enquiry ul {
  display: block;
  margin: 38px 0 0 0;
}
.page-template-templates-page .enquiry ul li {
  display: inline-block;
  float: left;
  outline: 0 none;
  transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  padding: 6px 15px;
}
.page-template-templates-page .enquiry ul li figure {
  display: block;
  margin: 0;
  padding: 0;
}
.page-template-templates-page .enquiry ul li figure img {
  display: block;
  border: 0 none;
  margin: 0 auto;
}
.page-template-templates-page .magnet {
  display: block;
  text-align: center;
  padding: 30px 0 80px 0;
}
.page-template-templates-page .magnet ul {
  display: block;
  margin: 39px 0 0 0;
}
.page-template-templates-page .magnet ul li {
  display: inline-block;
  float: left;
  width: 20%;
  margin: 0 5px;
  outline: 0 none;
  transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.page-template-templates-page .magnet button {
  font-size: 0;
  background: transparent;
  height: 100%;
  cursor: pointer;
  border: none;
  outline: none;
  box-shadow: none;
}
.page-template-templates-page .magnet .slick-prev {
  background: url(/wp-content/themes/fusion-leadformly/images/templates/choose-template/left-arrow.svg) no-repeat left center;
  width: 15px;
  position: absolute;
  top: 0;
  left: -8px;
}
.page-template-templates-page .magnet .slick-prev.slick-disabled {
  background: none;
}
.page-template-templates-page .magnet .slick-next.slick-disabled {
  background: none;
}
.page-template-templates-page .magnet .slick-next {
  background: url(/wp-content/themes/fusion-leadformly/images/templates/choose-template/right-arrow.svg) no-repeat left center;
  width: 15px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -66px;
}
.page-template-templates-page .slick-initialized .slick-slide a:focus {
  outline: 0 none;
}
.page-template-templates-page .enq_cnt {
  display: block;
  background: #484848;
  min-height: 61px;
  padding: 15px 10px;
  text-align: left;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: relative;
  z-index: 999;
}
.page-template-templates-page .enq_cnt h4 {
  display: block;
  margin: 0 0 3px;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  font-weight: bold;
  font-family: 'Roboto-Bold';
}
.page-template-templates-page .enq_cnt p {
  display: block;
  margin: 0;
  font-size: 11px;
  line-height: 13px;
  color: #fff;
  font-weight: normal;
  font-family: 'Roboto-Regular';
  text-align: left;
  text-transform: uppercase;
}
.page-template-templates-page .magnet .slick-list {
  padding: 11px 0;
}
.page-template-templates-page .enq {
  display: block;
  position: relative;
  z-index: 99;
  border: 3px solid transparent;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  box-shadow: 0px 0px 17px -1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 17px -1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 0px 17px -1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 17px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 17px -1px rgba(0, 0, 0, 0.2);
}
.page-template-templates-page .enq figure {
  max-height: 180px;
  min-height: 180px;
  background-color: #f6f8f9;
}
.page-template-templates-page .demo {
  visibility: hidden;
  opacity: 0;
  padding: 30px 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background: rgba(124, 125, 125, 0.8);
  transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.page-template-templates-page .demo button {
  display: block;
  font-size: 15px;
  line-height: 15px;
  color: #ffffff;
  font-weight: bold;
  min-height: 55px;
  border-radius: 5px;
  text-align: center;
  outline: 0 none;
  border: 0 none;
  width: 100%;
  height: auto;
  font-family: 'Roboto-Bold';
  transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.page-template-templates-page .demo button.view {
  background: url(/wp-content/themes/fusion-leadformly/images/templates/choose-template/view-template.svg) no-repeat 22% center #038bcf;
  padding: 20px 0;
  margin: 0 0 8px 0;
  transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.page-template-templates-page .demo button.view:hover {
  background-color: #299fda;
}
.page-template-templates-page .demo button.embed {
  background: url(/wp-content/themes/fusion-leadformly/images/templates/choose-template/html-icon.svg) no-repeat 13% center #83d17b;
  padding: 20px 0;
  transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.page-template-templates-page .demo button.embed:hover {
  background-color: #90E688;
}
.page-template-templates-page .templates ul li:hover .demo {
  visibility: visible;
  opacity: 1;
}
.page-template-templates-page .templates ul li:hover .enq {
  border: 3px solid #038bcf;
}

.page-template-templates-page #html5-lightbox-box {
    transition: all .3s ease-in-out;
}
.page-template-templates-page #html5-elem-box {
    border-radius: 6px;
}
.page-template-templates-page .popup {
  display: none;
  padding: 0px;
  background: #ffffff;
  max-width: 560px;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto !important;
  top: 15% !important;
  position: fixed !important;
  height: 800px;
}
.page-template-templates-page .close {
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: -40px;
  opacity: 1;
}
.page-template-templates-page .close img {
  border-radius: 100%;
  display: none;
}
.page-template-templates-page .close:hover {
  opacity: 1;
}
.page-template-templates-page .popup-content {
  display: block;
  padding: 20px;
  position: relative;
}
.page-template-templates-page .popup-content h2 {
  display: block;
  margin: 0;
  text-align: center;
}
.page-template-templates-page .popup-content a {
  display: inline-block;
}
.page-template-templates-page .popup-content a figure {
  display: block;
  margin: 0;
  padding: 0;
}
.page-template-templates-page .popup-content a figure img {
  display: block;
  border: 0 none;
}
.page-template-templates-page #html5-close {
  background: url(/wp-content/themes/fusion-leadformly/images/close_icon1.png) no-repeat;
  width: 30px;
  height: 30px;
  background-size: 30px;
  right: -23px !important;
}
.page-template-templates-page #html5-close img {
  display: none;
}
.page-template-templates-page #html5-watermark {
  display: none !important;
}
.page-template-templates-page .pop_cnt {
  border: 2px solid #e4e4e4;
  border-radius: 5px;
  margin: 20px 0;
  padding: 20px 15px;
}
.page-template-templates-page textarea {
  display: block;
  font-size: 13px;
  line-height: 18px;
  color: #484848;
  font-weight: normal;
  font-family: 'Roboto-Regular';
  width: 100%;
  height: 197px;
  border: 2px solid #e4e4e4;
  border-radius: 5px;
  margin: 20px 0;
  padding: 20px 15px;
}
.page-template-templates-page .popup-content button {
  display: block;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  font-weight: 400;
  text-align: center;
  font-family: 'Roboto-Regular';
  outline: 0 none;
  border: 0 none;
  width: 100%;
  height: 45px;
  background: url(/wp-content/themes/fusion-leadformly/images/templates/choose-template/copy-clipboard-icon.svg) no-repeat 33% center #038bcf;
  padding: 0;
  border-radius: 5px;
}
.page-template-templates-page .popup-content button:hover {
    background-color: #299fda;
}
.page-template-templates-page .pop_cnt iframe {
  width: 100%;
  height: 300px;
}
.page-template-templates-page .content_1 {
  padding: 0;
}
.page-template-templates-page #html5-image {
  padding: 0 !important;
}
.page-template-templates-page #html5lightbox-div {
  height: 700px;
}
.page-template-templates-page .popup-content {
  position: relative;
  display: block;
}
.page-template-templates-page .popup-content:after {
  background: url(/wp-content/themes/fusion-leadformly/images/bg_img1.png) no-repeat top center;
  width: 100% !important;
  position: absolute !important;
  top: 0;
  left: 0;
  content: '';
  z-index: 99999;
  height: 14px;
}
.page-template-templates-page .content_1 :after {
  display: none;
}
.page-template-templates-page input, .page-template-templates-page textarea, .page-template-templates-page button, .page-template-templates-page select {
  -webkit-appearance: none;
  /*Safari/Chrome*/
  -moz-appearance: none;
  /*Firefox*/
  -ms-appearance: none;
  /*IE*/
  -o-appearance: none;
  /*Opera*/
  appearance: none;
  -webkit-border-radius: 0;
  outline: none;
}

.page-template-pricing .entry-content {
    margin-top: 0;
}

.page-template-pricing .banner.pricing {
    min-height: 540px;
}

.page-template-pricing h1 {
  font-size: 34px;
}

.page-template-pricing .price-choice__container h2 {
  font-size: 28px;
}

.page-template-pricing .icon__tick {
  display: inline-block;
  width: 11px;
  height: 8px;
  background: url(/wp-content/themes/fusion-leadformly/images/tick-feature.svg) no-repeat;
  margin-right: 6px;
}

.page-template-pricing .invisible {
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

.page-template-pricing .price-choice__container .btn {
  font-size: 16px;
  padding: 14px 25px;
}

.page-template-pricing .price-choice__container .btn:hover {
  background-color: #5c5c5c;
}

.page-template-pricing .btn.btn__primary {
  font-family: "Roboto Slab", "helvetica neue", helvetica, arial, serif;
  background-color: #038BCF;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  word-wrap: normal;
}

.page-template-pricing .btn.btn__primary:hover {
  background-color: #02699d;
  color: #fff;
}

.page-template-pricing .btn__primary:active, .page-template-pricing .btn__primary:visited {
  color: #fff;
}

.page-template-pricing .heading {
  font-weight: bold;
}

.page-template-pricing .heading--branded {
  font-family: "Roboto Slab", "helvetica neue", helvetica, arial, serif;
}

.page-template-pricing .heading--subtitle {
  font-size: 16px;
  color: #757575;
  margin: 0 0 40px 0;
}

.page-template-pricing .heading--center {
  text-align: center;
}

.page-template-pricing .heading--no-margin {
  margin: 0;
}

.page-template-pricing .price-choice__container {
  background: #FFFFFF;
  box-shadow: 0 0 15px 0 rgba(72, 72, 72, 0.2);
  border-radius: 8px;
  margin-top: -200px;
  margin-bottom: 60px;
  padding: 30px 0 0 0;
}

.page-template-pricing .price-choice__slider {
  text-align: center;
}

.page-template-pricing .price-choice__tool {
  margin: 0 0 10px 0;
  position: relative;
}

.page-template-pricing .price-choice__input--label {
  font-size: 14px;
  color: #757575;
  font-weight: 500;
}

.page-template-pricing .price-choice__input--label-right {
  position: absolute;
  right: 15%;
  font-size: 11px;
  color: #b1b1b1;
}

.page-template-pricing .price-choice__input--label-left {
  position: absolute;
  left: 15%;
  font-size: 11px;
  color: #b1b1b1;
}

.page-template-pricing input[type="text"].price-choice__input {
  display: inline-block;
  border-radius: 8px;
  border: 1px solid #e4e4e4;
  font-size: 14px;
  font-weight: 700;
  color: #757575;
  padding: 4px 8px;
  width: 50px;
  height: 33px;
}

.page-template-pricing .pricing-choice__output {
  margin: 0 0 30px 0;
}

.page-template-pricing .pricing-choice__label {
  font-size: 12px;
  color: #757575;
  font-weight: 500;
}

.page-template-pricing .pricing-choice__label:first-child {
    text-decoration: line-through;
    margin-left: -40px;
}

.page-template-pricing .pricing-choice__price {
  font-size: 48px;
  font-family: "Roboto Slab", "helvetica neue", helvetica, arial, serif;
  color: #757575;
  margin: 0;
  line-height: 1;
}

.page-template-pricing .pricing-choice__price-month {
  font-size: 18px;
}

@media screen and (max-width: 990px) {
  .page-template-pricing .pricing-choice__features {
    margin-top: 50px;
  }
}

.page-template-pricing .pricing-choice__features h4 {
  font-size: 16px;
  color: #757575;
  margin: 0 0 18px 0;
}

.page-template-pricing .pricing-choice__features .price-features__list {
  padding-left: 20px;
}

.page-template-pricing .pricing-choice__features .price-features__list-item {
  list-style-image: url(/wp-content/themes/fusion-leadformly/images/tick-feature.svg);
  padding: 5px 0;
  font-size: 14px;
  margin: 0;
}

.page-template-pricing .pricing-choice__features .price-features__list-item a.small {
  font-size: 11px;
}

.page-template-pricing .payment-features__bar {
  background-color: #f4f4f4;
  padding: 30px 0;
  margin-top: 40px;
}

.page-template-pricing .payment-features__list {
  list-style: none;
}

.page-template-pricing .payment-features__list-item {
  float: left;
  font-size: 13px;
  font-weight: 700;
  color: #757575;
  text-align: center;
  margin: 0;
  padding: 0 4%;
}

@media screen and (max-width: 990px) {
  .page-template-pricing .payment-features__list-item {
    float: none;
    text-align: left;
  }
}

.page-template-pricing .min {
  padding-top: 5px;
  padding-left: 10px;
  color: #cccccc;
}

.page-template-pricing .max {
  padding-top: 5px;
  padding-right: 10px;
  color: #cccccc;
}

.page-template-pricing #helper {
  padding-top: 40px;
  color: #46b7d5;
  font-style: italic;
}

.page-template-pricing output {
  display: inline-block;
  font-size: 32px;
}

.page-template-pricing .rangeslider,
.page-template-pricing .rangeslider__fill {
  display: block;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.page-template-pricing .rangeslider {
  background: #e6e6e6;
  position: relative;
}

.page-template-pricing .rangeslider--horizontal {
  height: 15px;
  width: 70%;
  margin: 20px auto 0;
}

.page-template-pricing .rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}

.page-template-pricing .rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.page-template-pricing .rangeslider__fill {
  background: -webkit-linear-gradient(left, #3F96A4, #482980);
  background: -o-linear-gradient(right, #3F96A4, #482980);
  background: -moz-linear-gradient(right, #3F96A4, #482980);
  background: linear-gradient(to right, #3F96A4, #482980);
  position: absolute;
}

.page-template-pricing .rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}

.page-template-pricing .rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

.page-template-pricing .rangeslider__handle {
  background: white;
  color: #0085b2;
  font-weight: bold;
  font-size: 18px;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  width: 32px;
  height: 35px;
  text-align: center;
  position: absolute;
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  border-radius: 8px;
}

.page-template-pricing .rangeslider__handle:after {
  color: #cccccc;
}

.page-template-pricing .rangeslider__handle:before {
  color: #cccccc;
}

.page-template-pricing .rangeslider--horizontal .rangeslider__handle {
  top: -10px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
  z-index: 1;
}

.page-template-pricing .rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}

.page-template-pricing input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}