/*
Theme Name: Twenty Sixteen
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline;font-family:'Roboto', sans-serif;}
body, html{margin:0; color: #343434; font-size: 14px;}
.wrapper{width:100%;float:left;height:100%;position:relative; background:#fff;}

h1 {font-size: 2.2em;}
h2 {font-size: 2em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.5em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
}

p,em,a {font-size: 1.2em; font-weight: 300;}

p > a {font-size: 1em;}

.affix .header .nav {
    margin-top: 1px;
}
.affix .header-right {
    margin-top: 14px;
}
.affix .header {
    padding: 0px 0 5px;
}
.affix .call-us {
    margin-top: 1px;
}
.affix .logo {
    padding-top: 7px;
    padding-bottom: 6px;
}
.top-header-row {
    background-image: url(images/bg4.png);
    height: 38px;
    background-repeat: no-repeat;
    width: 100%;
    background-size: 100% 100%;
}

.toll-free-col > p {
    background-position: 272% 8%;
    color: hsl(0, 0%, 100%);
    /*font-size: 14px;*/
    padding-left: 21px;
    text-transform: uppercase;
}
.toll-free-col a {
    color: #16A44A;
    text-decoration: none;
    font-weight: 600;
    /*font-size: 15px;*/
    position: relative;
    top: -1px;
}
.clear {
    clear: both;
}

.header {
    margin: 0 auto 0px;
    padding: 0px 0 19px;
}

.logo {
    width: 15%;
    float: left;
    line-height: 0;
    /*padding-top: 16px;*/
}

.navbar-default {
    padding-top: 10px;
    background-color: #000;
    border-color: #000;
    color: #fff;
    margin-bottom: 0;
    border-radius: unset;
	height: 100px;
	-webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 0.6s ease;
    z-index: 9999999;
	height: 100px;
}
 .navbar.fixed .navbar-brand img {
    width: 75%;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.navbar-brand {
    padding: 0px 15px;
}

#menu-primary-menu.navbar-nav {margin: 10px 0 0 50px;}
/*.header .logo img {
    width: 67%;
}*/
/*.header-right {
    z-index: 2;
    margin-top: 32px;
    position: relative;
}
.sticky {
    background-color: #000;
}
.nav {
    float: left;
    margin-right: 0;
    margin-top: 0;
}
.nav li {
    float: left;
    list-style: outside none none;
}*/
.navbar-default .navbar-nav>li>a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.1em;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, li.current-menu-item>a{
    background-color: transparent;
    color: #16A44A !important;
}
/*.navbar-collapse.collapse {
    float: left;
    width: 52%;
}*/


.navbar-right {margin-top: 8px;}

.navbar-toggle {
    border-radius: 0;
}

/*.top-social-icons li a {
    color: #16A44A;
    font-size: 18px;
}
.topp {
    padding: 7px 0;
}
.top-social-icons li:first-child {
    margin-top: 1px;
}
.top-social-icons li {
    float: left;
    list-style: outside none none;
    margin-right: 27px;
}
.col-md-3.top-inner ul {
    float: right;
}*/

/*.call-us {
    display: table;
    float: right;
    width: 49%; 
}*/

/*.call-us:last-child {margin-right: 2%;}*/

.call-us > a {
    color: hsl(0, 0%, 100%);
    cursor: pointer;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    display: block;
    height: 50px;
    width: 200px;
    padding: 12px;
    background: #16A44A;
    transition: 0.8s all;
	font-size: 1.25em;
}

.call-us > a:hover {
    background-color: #fff;
}
 .call-us.cntct > a:hover {
    color: #16A44A;
 }

.call-us.cntct {margin-right: 10px;}
a.btn-ylw {
    background: yellow;
    color: #000;
}

a.btn-ylw >i {margin-right: 10px;}

.call-us > a i {
    float: left;
    font-size: 20px;
    margin-top: 3px;
}

.call-us.cntct span {
    display: block;
    margin-left: 28px;
    text-align: left;
}

.flagg {
    display: inline-block;
    width: 226px;
}
.flagg span {
    font-weight: 600;
}
.affix {
    top: 0;
    width: 100%;
    z-index: 9999999 !important;
    background-color: #000 !important;
}
.affix {
    position: fixed;
}
/*
.top-inner p:before
{
	width:33px;
	height:22px;
	position:absolute;
	left: 30px;
    top: -1px;
	content:" ";
	background:url(../images/sprite.png)
}
.us_flag::before {
    background-position: 9% 50% !important;
}
.uk_flag:before
{
	background-position: 22% 42% !important;
}
.au_flag:before
{
	background-position: 9% 42% !important;
}
.nz_flag:before
{
	background-position: 22% 50% !important;
}
*/

.container{width:1300px;}

.homepage_banner{width:100%;background:url(images/banners/homepage-banner.png)no-repeat top center/cover;position:relative;height:100%;background-attachment:fixed; min-height: 725px;}

.banner_caption img{display: inline-block; vertical-align: bottom;}
.banner_caption h4 {
    font-weight: 600;
    color: #fff;
    /*font-size: 48px;*/
    margin-top: 0;
    margin-bottom: 15px;
}
.banner_caption h5{font-family:'Roboto', sans-serif;/*font-size:20px;*/margin-bottom:40px;color:#fff;}
.banner_caption p{font-family:'Roboto', sans-serif;font-size:1.5em;color:#fff; max-width: 911px; margin: 0 auto 10px; font-weight:300;}
.jump_down_banner{font-size:40px;color:#fff;text-decoration:none;display:table;margin:0 auto;position:absolute;bottom:40px;text-align:center;left:0;right:0;-moz-animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;width:100%;}
.jump_down_banner:hover{color:#16A44A;}
.banner_caption a.btn_inq_form:hover {border: 1px solid #16A44A;}
.banner_caption a.btn_inq_form i.fa {
    float: left;
    font-size: 20px;
    margin-top: 3px;
    margin-right: 10px;
}
.banner_caption{text-align:center;}

.page_banner .banner_caption p{max-width:unset;}

.btn_inq_form{display:table;margin:0 auto;background:#16A44A;color:#fff;text-decoration:none;padding:10px 35px;font-size:18px;font-family:'Roboto', sans-serif;transition:0.8s all;margin-bottom:25px !important;}
.btn_inq_form:hover{color:#16A44A;background:#fff;text-decoration:none;transition:0.8s all;}
.welcome-content{float:left;width:100%;padding:50px 0px;background: #ececec;
text-align: center;}
.welcome-content h3{color:#272727;/*font-size:40px;*/margin-bottom:20px;font-weight:600;}
.welcome-content p{color:#3a3a3a;'Roboto', sans-serif;,sans-serif;font-size:20px;}
.laptop_section{float:left;width:100%;background:url(images/laptop_bg.png)no-repeat top center/cover;min-height:670px;background-attachment:fixed;padding-top:85px;padding-bottom:130px;}
.featre_sectionn{float:left;width:100%;padding-top:30px;padding-bottom:70px;}
.featre_sectionn .inner-feature {position: relative;}

/*.featre_sectionn.feature_section_1 {float:left;width:100%;background:url(../images/crown-bg.jpg)no-repeat center/cover;min-height:670px;padding-top:85px;padding-bottom:130px;}
.featre_sectionn.feature_section_2 {float:left;width:100%;background:url(../images/crm-bg.jpg)no-repeat center/cover;min-height:670px;padding-top:85px;padding-bottom:130px;}
.featre_sectionn.feature_section_3 {float:left;width:100%;background:url(../images/billing-bg.jpg)no-repeat center/cover;min-height:670px;padding-top:85px;padding-bottom:130px;}
.featre_sectionn.feature_section_4 {float:left;width:100%;background:url(../images/marketing-bg.jpg)no-repeat center/cover;min-height:400px;padding-top:85px;padding-bottom:130px;}
.featre_sectionn.feature_section_5 {float:left;width:100%;background:url(../images/employee-bg.jpg)no-repeat center/cover;min-height:670px;padding-top:85px;padding-bottom:130px;}
.featre_sectionn.feature_section_6 {float:left;width:100%;background:url(../images/-bg.jpg)no-repeat center/cover;min-height:670px;padding-top:85px;padding-bottom:130px;}*/

.featre_sectionn.feature_section_5 .inner-feature {min-height: 108px;}

.feature_section_1 img, .feature_section_2 img,
.feature_section_3 img, .feature_section_5 img, 
.feature_section_6 img {margin-top: 115px;}

.feature_section_2, .feature_section_4, .feature_section_6 {
    background-color: #f5f5f5;
}


/*feature-section1-icons*/

.feature_section_1 .inner-feature { position:relative;}

.feature_section_1 .inner-feature:before {
  position: absolute;
  content: '';
  height: 40px;
  width: 40px;
  top: 0;
}


.feature_section_2 .inner-feature:before {
  position: absolute;
  content: '';
  height: 40px;
  width: 40px;
  top: 0;
}

.feature_section_1 .inner-feature.one:before {
    background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -19px -14px;
    left: 0;
}

.feature_section_1 .inner-feature.two:before {
   background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -391px -67px;
    left: 0;
}

.feature_section_1 .inner-feature.three:before {
    background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -200px -14px;
    left: 0;
}
.feature_section_1 .inner-feature.four:before {
    background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -257px -14px;
    left: 0;
}

.feature_section_1 .inner-feature.five:before {
    background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -672px -14px;
    left: 0;
}

.feature_section_1 .inner-feature.six:before {
   background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -440px -67px;
    left: 0;
}

/*feature-section2-icons*/

.feature_section_2 .inner-feature {min-height: 125px;}

.feature_section_2 .inner-feature.one:before {
    background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -306px -14px;
    left: 0;
}


.feature_section_2 .inner-feature.two:before {
    background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -430px -14px;
    left: 0;
}

.feature_section_2 .inner-feature.three:before {
    background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -246px -65px;
    left: 0;
}
.feature_section_2 .inner-feature.four:before {
    content: url('images/icons/report.png');
    display: inline-block;
    position: absolute;
    left: 0;
}

.feature_section_2 .inner-feature.five:before {
  background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -590px -14px;
  left: 0;
}

.feature_section_2 .inner-feature.six:before {
    background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -161px -65px;
    left: 0;
}

/*feature-section3-icons*/
.feature_section_3 .inner-feature:before {
  position: absolute;
  content: '';
  height: 40px;
  width: 40px;
  top: 0;
}

.feature_section_3 .inner-feature.one:before {
  background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -70px -15px;
    left: 0;
}


.feature_section_3 .inner-feature.two:before {
  background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -70px -15px;
    left: 0;
}

.feature_section_3 .inner-feature.three:before {
    background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -15px -62px;
    left: 0;
}
.feature_section_3 .inner-feature.four:before {
    content: url('images/icons/invoice1.png');
    display: inline-block;
    position: absolute;
    left: 0;
}

.feature_section_3 .inner-feature.five:before {
    content: url('images/icons/wallet.png');
    display: inline-block;
    position: absolute;
    left: 0;
}

.feature_section_3 .inner-feature.six:before {
   background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -516px -15px;
    left: 0;
}

/*feature-section4-icons*/

.feature_section_4 .inner-feature:before {
  position: absolute;
  content: '';
  height: 40px;
  width: 40px;
  top: 0;
}

.feature_section_4 .inner-feature.one:before {
    background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -636px -15px;
    left: 0;
}


.feature_section_4 .inner-feature.two:before {
  background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -355px -15px;;
    left: 0;
}

.feature_section_4 .inner-feature.three:before {
 background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -255px -62px;
    left: 0;
}
.feature_section_4 .inner-feature.four:before {
 background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -111px -15px;
    left: 0;
}


/*feature-section5-icons*/
.feature_section_5 .inner-feature:before {
  position: absolute;
  content: '';
  height: 40px;
  width: 40px;
  top: 0;
}

.feature_section_5 .inner-feature.one:before {
background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -166px -15px;
    left: 0;
}


.feature_section_5 .inner-feature.two:before {
    background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -216px -61px;
    left: 0;
}

.feature_section_5 .inner-feature.three:before {
    background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -356px -14px;
    left: 0;
}
.feature_section_5 .inner-feature.four:before {
    background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -356px -62px;
    left: 0;
}

.feature_section_5 .inner-feature.five:before {
    background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -305px -62px;
    left: 0;
}

.feature_section_5 .inner-feature.six:before {
    background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -391px -14px;
    left: 0;
}

/*feature-section6-icons*/
.feature_section_6 .inner-feature:before {
  position: absolute;
  content: '';
  height: 40px;
  width: 40px;
  top: 0;
}


.feature_section_6 .inner-feature.one:before {
    content: url('images/icons/scalable.png');
    display: inline-block;
    position: absolute;
    left: 0;
}

.feature_section_6 .inner-feature.two:before {
background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -98px -64px;
    left: 0;
}

.feature_section_6 .inner-feature.three:before {
    background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -555px -11px;
    left: 0;
}
.feature_section_6 .inner-feature.four:before {
    background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -63px -64px;
    left: 0;
}

.feature_section_6 .inner-feature.five:before {
    background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -476px -13px;
    left: 0;
}

.feature_section_6 .inner-feature.six:before {
    background: url(https://lawsyst.com/wp-content/uploads/2020/06/sprite.png) no-repeat -536px -56px;
    left: 0;
}





.laptop_left_sec h3,
.feature_right_sec h3,
.about_sec h3, .benefits_sec h3{color:#fff;text-transform:uppercase;font-size:1.9em;font-weight:300;line-height:36px;}
.feature_right_sec h3, .about_sec h3, .benefits_sec h3 {color: #333;}
.about_sec h3 {margin-top: 40px;}
.laptop_left_sec h3 span,
.feature_right_sec h3 span,
.about_sec h3 span, .benefits_sec h3 span{text-transform:capitalize;font-weight:500;color: #16A44A; text-transform: uppercase;}
.laptop_inner, .feature_inner_wrap{padding-left:0;margin-top:30px;}

.left-inner-laptop,
.inner-feature{padding-left:40px;position:relative;margin-bottom:35px;}
.left-inner-laptop {min-height: 108px;}
.left-inner-laptop h4,
.inner-feature h4{color:#fff;text-transform:uppercase;font-family:'Roboto', sans-serif;/*font-size:20px;*/margin-bottom:30px;position:relative;}
.inner-feature h4 {color: #333;}
.left-inner-laptop h4::before,
.inner-feature h4:before{content:" ";position:absolute;bottom:-15px;height:2px;width:20%;background:#fff;left:0;}
.inner-feature h4:before {background-color: #333;}
.left-inner-laptop h4::after,
.inner-feature h4:after{content:" ";position:absolute;bottom:-15px;height:2px;width:50%;background:#fff;left:0;opacity:0.2;}
.left-inner-laptop ul li,
.inner-feature ul li{color:#b9b8b8;font-size:0.95em;font-family:'Roboto', sans-serif;line-height:18px;}
.inner-feature ul li {color:#333;}
.left-inner-laptop::before{content:" ";width:30px;height:35px;background:url(images/sprite.png);top:0;position:absolute;left:0;}
.left-inner-laptop.one::before{background-position:8% 6%;}
.left-inner-laptop.two::before{background-position:7% 18%;}
.left-inner-laptop.three::before{background-position:7% 30%;}
.left-inner-laptop.four::before{background-position:23% 6%;}
.left-inner-laptop.five::before{background-position:23% 17%;}
.left-inner-laptop.six::before{background-position:23% 30%;}
.laptop-left{padding-left:0;}
.plan_section{float:left;width:100%;padding-top:60px;padding-bottom:60px;}

.plan_section h2 {margin-bottom: 10px;}
.plan_section h3{color:#272727;font-size:3.5em;font-weight:600;margin-bottom:30px;}
.plan_section p{font-size:20px;font-family:'Roboto', sans-serif;width:80%;margin:0 auto;margin-bottom:100px;}
.plan-col{padding:0;transition: 0.8s all;}

.plan-col:hover {
    transform: scale(1.05);
    position: relative;
    z-index:999999;
    transition: all 0.6s ease 0s; 
	box-shadow: 0px 0px 10px 20px #ececec;
}




.pack_header{min-height:380px;padding:60px 0px;}
.pack_header h3 {
    /*font-size: 50px;*/
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
}
.pack_header h4 {
	display:none;    
	/*font-size: 53px;*/
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 12px;
}
.pack_header h4 small {
    font-size: 22px !important;
    color: #000 !important;
}
.btn_try_it{padding:10px 35px;background:#acacab;color:#fff;font-size:18px;font-family:'Roboto', sans-serif;text-decoration:none;margin-right:10px;outline-offset:-1px;}
.btn_try_it:hover
{
	text-decoration:none;
	color:#acacab !important;
	background:#fff;
	outline:1px solid #acacab !important;
	transition:0.8s all !important;	
}
.btn_buy_it{background:#16A44A;padding:10px 35px;font-size:18px;color:#fff;text-decoration:none;outline-offset:-1px;}
.btn_buy_it:hover
{
	color:#16A44A !important;
	background:#fff;
	transition:0.8s all !important;
	outline:1px solid #16A44A !important;
	text-decoration:none;
	
}
.pack_header h3::after {
    content: " ";
    background: #d86816;
    position: absolute;
    bottom: 0;
    height: 5px;
    width: 66%;
    left: 0;
    right: 0;
    display: table;
    margin: 0 auto;
    bottom: -11px;
}
.platinum .pack_header h3::after {
    background: #cdc9ca;
    width: 82%;
}
.gold .pack_header h3::after {
    width: 49%;
	background:#ffd201;
}
.bronz .pack_header h3 {
    color: #d86816;
	
}
.bronz .pack_header {
    border: 7px solid #d86816;
}
.bronz .pack_header h3::before {
    content: " ";
    background: #000;
    height: 5px;
    width: 45%;
    display: table;
    position: absolute;
    bottom: -11px;
    left: 117px;
    z-index: 9999;
}
.platinum .pack_header h3::before {
    content: " ";
    background: #000;
    height: 5px;
    width: 52%;
    display: table;
    position: absolute;
    bottom: -11px;
    left: 117px;
    z-index: 9999;
}
.pack_header a:hover{color:#fff;text-decoration:none;}
.silver .pack_header, .platinum .pack_header {
    border: 7px solid #acacab;
    background: #fff;
    padding: 38px 0px 28px;
}
.silver .pack_header h3{color:#acacab;}
.silver .pack_header h3::before {
    content: " ";
    background: #000;
    height: 5px;
    width: 39%;
    display: table;
    position: absolute;
    bottom: -11px;
    left: 117px;
    z-index: 9999;
}
.silver .pack_header h3::after {
    width: 55%;
    background: #acacab;
}
.gold .pack_header{border:7px solid #ffd201;}
.gold .pack_header h3{color:#ffd201;}
.gold .pack_header h3::before {
    content: " ";
    background: #000;
    height: 5px;
    width: 36%;
    display: table;
    position: absolute;
    bottom: -11px;
    left: 117px;
    z-index: 9999;
}
.plan-col.silver, .plan-col.platinum{position:relative;margin-top:-20px;box-shadow:0px 0px 10px 20px #ececec;z-index:9999;}
.pkg_body {
    border-left: 3px solid #d4d4cf;
    border-right: 3px solid #d4d4cf;
    padding: 0px 12px;
    min-height: 1375px;
    border-bottom: 3px solid #d4d4cf;
    margin: auto;
    background-color: #fff;
    position: relative;
}
.pkg_body ul li:last-child {
    border: none;
}
/* .silver .pkg_body{min-height:1060px;} */
.pkg_body ul{list-style:none;padding-top:15px;}
.pkg_body ul li {
    padding: 11px 0;
    border-bottom: 1px solid #d4d4cf;
    font-family: 'Roboto', sans-serif;
    font-size: 1.1em;
    position: relative;
}
.pkg_body ul li p {
    font-size: 1em;
    margin-bottom: 0;
    position: relative;
    font-weight: 500;
}
ul.note-desc {
    padding: 0 0px;
    position: absolute;
    bottom: 82px;
}
ul.note-desc li {
    text-align: left;
    font-size: 1em;
    font-style: italic;
    color: #000;
    font-weight: 500;
    border-bottom: none;
	padding: 5px 0;
}
ul.note-desc li span {
    display: table-cell;
}
ul.note-desc li span:first-child {
    font-weight: 600;
    padding-right: 7px;
    font-size: 12px;
}
/*.client_section{float:left;background:#303030;width:100%;padding:70px 0;color:#fff;text-align:center;}*/
.client_section h2{/*font-size:42px;*/margin-bottom:10px;}
.client_section p {font-size: 1.4em;}
.client_section{float:left;background:url(images/client-bg.png)no-repeat top center/cover;width:100%;padding:70px 0;color:#fff;text-align:center;}
/*.client_section h4{/*font-size:20px;font-family:'Roboto', sans-serif;margin-bottom:20px;}*/
.inner_testi {
    text-align: left;
    padding: 20px 30px 50px 30px;
    width: 90%;
    margin-top: 20px;
    color: #383838;
    font-size: 15px;
    position: relative;
    line-height: 25px;
    border-radius: 5px;
    background: #fff;
	font-style: italic;
	min-height: 199px;
}
.inner_testi i{color: #16A44A;
font-size: 40px;}
.inner_testi .fa.fa-quote-right {
    position: absolute;
    margin-left: 3px;
}
.testi_inner h4{text-align:left;text-transform:uppercase;color:#16A44A;font-weight:400;/*font-size:18px;*/font-family:'Roboto', sans-serif;margin-left:10%;margin-top:20px;}
.owl-pagination .owl-page{width:70px !important;height:4px !important;background:#fff;margin:5px;}
.client_section .owl-pagination .owl-page span{background:transparent !important;}
.client_section .owl-theme .owl-controls{margin-top:40px !important;text-align:center;}
.feature_sec{float:left;width:100%;padding:50px 0px;text-align:center;}
.feature_sec h2{/*font-size:42px;*/color:#272727;margin-bottom:20px;}
.feature_sec p{color:#3a3a3a;/*font-size:20px;*/font-family:'Roboto', sans-serif;width:80%;margin:0 auto;margin-bottom:30px;line-height:27px;}
.feature_sec .fea-inner{margin-bottom:30px;}
.feature_sec .fea-inner img
{
	transition: 0.8s all;
}
.feature_sec .fea-inner img:hover
{
	transform: scale(1.2);
	transition: 0.8s all;
}
.plan-col.bronz:hover + .plan-col.silver
{
	box-shadow:0 0 0 #fff!important;
	margin-top:0 !important
}
.plan-col.gold:hover ~ .plan-col.silver
{
	box-shadow:0 0 0 #fff !important;
}

.footer{float:left;width:100%;background:#000;padding-top:25px;position:relative;padding-bottom:40px;}

.foo-inner h4 {
    color: #fff;
    font-weight: 500;
    margin: 20px 0;
    text-transform: uppercase;
}
.foo-inner ul {
    list-style: none;
    display: inline-block;
    /*margin-top: 50px;*/
}

.foo-inner ul li a {font-size: 1em;}

.foo-inner ul li a, .foo-inner ul li, .foo-inner ul li i{
    color: #9c9c9c;
    text-decoration: none;
}

.foo-inner ul li i{
    margin-right: 10px;
    font-size: 16px;
}

.foo-inner:nth-child(3) ul li{
    margin-bottom: 8px;
}

.foo-inner:nth-child(4) ul li {margin-bottom: 10px;}
.foo-inner:nth-child(4) ul li i{
    font-size: 24px;
}

.foo-inner ul li a img {vertical-align: middle;}

.pkg_inner {
    position: relative;
}

.pkg_btns {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
}

.call-overlay.active {
    position: fixed;
    background: rgba(0,0,0,0.2);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .6s all;
    z-index: 999999999999999999999999999;
}

.call-overlay-inner {
    background-color: #fff;
    width: 40%;
    min-height: 200px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -1000px;
    transition: .6s all;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.call-overlay-inner.active {
    top: 15%;
    transition: .6s all;
}


.inner-call-overlay {
    width: 86%;
    padding: 40px 0px 0px;
    transition: .6s all;
    margin: 0 auto;
    display: table;
}
.error {
    font: normal 12px arial;
    color: #d22a31;
    margin-left: 5px;
    display: none;
    clear: both;
}


a.close-call-popup {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    height: 40px;
    width: 40px;
    color: #000;
    text-align: center;
    padding-top: 7px;
    cursor: pointer;
    font-size: 20px;
}

.call-overlay-inner h4 {
    /*font-size: 30px;*/
    color: #000;
    margin-bottom: 17px;
}

.call-overlay-inner h5 {
    /*font-size: 20px;*/
    color: #000;
    margin-top: 14px;
    margin-bottom: 21px;
}


.call-overlay-inner .banner_form_grp input[type="text"], .call-overlay-inner .banner_form_grp input[type="email"], .call-overlay-inner select, .call-overlay-inner .banner_form_grp input[type="date"] {
    height: 35px;
    width: 100%;
    padding: 0 9px;
    font-size: 15px;
    color: #000;
    border: 1px solid #938e96;
    background: rgba(255,255,255,0.9);
	margin:0;
    margin-bottom: 12px;
}

.call-overlay-inner button[type="submit"] {
    background:#16A44A;
    border: 0;
    color: #fff;
    display: table;
    margin: 0 auto;
    border-radius: 3px;
    padding: 0px 30px;
    text-decoration: none;
    min-height: 35px;
    line-height: 27px;
	margin:0;
    font-size: 16px;
	transition:0.8s all;
	border:1px solid #16A44A;
}

.call-overlay-inner button[type="submit"]:hover
{
	background:#fff;
	transition:0.8s all;
	color:#16A44A;
	border:1px solid #16A44A;
}
.CallingMsg {
    text-align: center;
    padding-bottom: 20px;
    font-size: 23px;
    color: #000;
    padding: 0 38px;
}

.phone_col2 {
    float: right;
    width: 84%;
}


.phone_col1 {
    width: 15%;
    float: left;
}

#contact-form .form-control:focus {
    border-color: #16A44A !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(22, 164, 74,.6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(22, 164, 74,.6) !important;
}

#contact-form textarea {
    resize: none;
}
#contact-form .btn_inq_form {
    border: 1px solid #16A44A;
    border-radius: unset;
    margin-right: auto;
    margin-left: unset;
}

a:hover,
a:focus
{
	outline:0 !important;
}
.plan-col.silver.box-shadow
{
	box-shadow:0 0 0 #fff !important;
	margin-top:0 !important
}
.pack_header {
    min-height: 79px;
    padding: 45px 0px;
}
.plan_section h3 {
    margin-bottom: 23px;
    font-weight: 700;
}
.pack_header {
    min-height: 50px;
    padding: 19px 0px 10px;
	background: #fff;
}

.comp_sec, .how_sec, .pricing_sec {
    padding: 23px 0;
}
.about_sec h1, .comp_sec h1, .how_sec h1, .pricing_sec h1{
	color: #272727;
    /*font-size: 46px;*/
    font-weight: 600;	
    margin-bottom: 8px;
}
.about_sec h2 {margin-bottom: 20px; font-weight: 300;}

.about_sec p, .comp_sec p, .how_sec p, .pricing_sec p {
    line-height: 23px;
    /*font-size: 16px;*/
}
.platinum .pack_header {
    border: 7px solid #cdc9ca;
}
.platinum .pack_header h3 {
    color: #cdc9ca;
}
.bot-links ul {
    float: right;
}
.navbar-collapse {
    padding-right: 10px;
    padding-left: 6px;
}
.pkg_body ul li .img-sprite:after {
    content: '';
    background-image: url(images/sprite.png);
    position: absolute;
    background-repeat: no-repeat;
    top: 3px;
    width: 15px;
    height: 15px;
}
span.img-sprite{
    margin-left: 6px;
}
.pkg_body ul li .sprite-silver:after {
	background-position:-142px -50px;
}
.pkg_body ul li .sprite-gold:after {
	background-position:-142px -26px;
}
.pkg_body ul li .sprite-platinum:after {
	background-position:-142px -50px;
}

/*div#primary.content-area {
    margin-top: 68px;
}*/

.about_banner .banner_caption,
.benefits_banner .banner_caption,
.support_banner .banner_caption,
.contact_banner .banner_caption {text-align: center;}

/*pages*/

.about_banner{width:100%;background:url(images/about-banner.jpg)no-repeat top center/cover;position:relative;height:100%;background-attachment:fixed; min-height: 470px;}
.contact_banner{width:100%;background:url(images/about-banner.jpg)no-repeat top center/cover;position:relative;height:100%;background-attachment:fixed; min-height: 470px;}
/*.goal_banner{width:100%;background:url(../images/goal-banner.jpg)no-repeat top center/cover;position:relative;height:100%;background-attachment:fixed; min-height: 470px;}
.simplicity_banner{width:100%;background:url(../images/about-banner.jpg)no-repeat top center/cover;position:relative;height:100%;background-attachment:fixed; min-height: 470px;}
.approach_banner{width:100%;background:url(../images/approach-banner.jpg)no-repeat top center/cover;position:relative;height:100%;background-attachment:fixed; min-height: 470px;}
.green_banner{width:100%;background:url(../images/about-banner.jpg)no-repeat top center/cover;position:relative;height:100%;background-attachment:fixed; min-height: 470px;}*/

.value_banner{width:100%;background:url(images/banner-bg2.png)no-repeat top center/cover;position:relative;background-attachment:fixed; min-height: 470px;}
.benefits_banner{width:100%;background:url(images/benefits_banner.jpg)no-repeat top center/cover;position:relative;height:100%;background-attachment:fixed; min-height: 470px;}
.support_banner{width:100%;background:url(images/support_banner.jpg)no-repeat top center/cover;position:relative;height:100%;background-attachment:fixed; min-height: 470px;}
.support_banner h1 {font-weight: 300;}
.bankruptcy_banner{width:100%;background:url(images/banners/banckruptcy-banner.png)no-repeat center/cover;position:relative;height:100%;background-attachment:fixed; min-height: 470px;}
.civil_banner{width:100%;background:url(images/banners/civil-litigation-banner.png)no-repeat center bottom/cover;position:relative;height:100%;background-attachment:fixed; min-height: 470px;}
.criminal_banner{width:100%;background:url(images/banners/criminal-law-banner.png)no-repeat center/cover;position:relative;height:100%;background-attachment:fixed; min-height: 470px;}
.family_banner{width:100%;background:url(images/banners/family-law-banner.png)no-repeat center bottom/cover;position:relative;height:100%;background-attachment:fixed; min-height: 470px;}
.health_banner{width:100%;background:url(images/banners/health-law-banner.png)no-repeat center top/cover;position:relative;height:100%;background-attachment:fixed; min-height: 470px;}
.immigration_banner{width:100%;background:url(images/banners/immigration-law-banner.png)no-repeat center/cover;position:relative;height:100%;background-attachment:fixed; min-height: 470px;}
.intellectual_banner{width:100%;background:url(images/banners/intellectual-law-banner.jpg)no-repeat center top/cover;position:relative;height:100%;background-attachment:fixed; min-height: 470px;}
.personal_injury_banner{width:100%;background:url(images/banners/personal-injury-banner.png)no-repeat center top/cover;position:relative;height:100%;background-attachment:fixed; min-height: 470px;}
.labor_banner{width:100%;background:url(images/banners/labor-law-banner.png)no-repeat center top/cover;position:relative;height:100%;background-attachment:fixed; min-height: 470px;}
.real_estate_banner{width:100%;background:url(images/banners/real-estate-banner.png)no-repeat center bottom/cover;position:relative;height:100%;background-attachment:fixed; min-height: 470px;}
.tax_banner{width:100%;background:url(images/banners/tax-law-banner.png)no-repeat top center/cover;position:relative;height:100%;background-attachment:fixed; min-height: 470px;}
.traffic_banner{width:100%;background:url(images/banners/traffic-law-banner.png)no-repeat center bottom/cover;position:relative;height:100%;background-attachment:fixed; min-height: 470px;}

.banner-overlay {
    background-color: #16A44A;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}

.benefits_sec, .value_sec, .about_sec {padding: 30px 0;}

.benefit-wrap, .abtt-wrap, .spprt-wrap {
    margin-bottom: 50px;
}

.abtt-wrap:nth-type(1) {
    margin-top: 50px;
}

.benefit-wrap .benefit {
    margin-top: 85px;
}

.benefit-wrap:nth-child(3) .benefit {
    margin-top: 150px;
}
.about_sec .abt-img {
    width: auto;
    height: 250px;
    margin: 0 auto;
}

.spprt-wrap h3 {
    margin-top: 65px !important;
}

.spprt-wrap h3 span {
    color: #16A44A;
}

/*
.spprt-sec .spprt-img.spprt-img-1 {
    background: url(images/automate.jpg) no-repeat center/cover;
}
.spprt-sec .spprt-img.spprt-img-2 {
    background: url(images/streamline.jpg) no-repeat center/cover;
}
.spprt-sec .spprt-img.spprt-img-3 {
    background: url(images/increase-efficiences.jpg) no-repeat center/cover;
}
.spprt-sec .spprt-img.spprt-img-4 {
    background: url(images/call-recording.jpg) no-repeat center/cover;
}
*/

/*
.benefits_sec .bft-img.bft-img-1 {
    background: url(images/simple.jpg) no-repeat left -13px/cover;
}

.benefits_sec .bft-img.bft-img-2 {
    background: url(images/reliability.jpg) no-repeat left center/cover;
}

.benefits_sec .bft-img.bft-img-3 {
    background: url(images/efficient.jpg) no-repeat 20% center/cover;
}

.benefits_sec .bft-img.bft-img-4 {
    background: url(images/accessibility.jpg) no-repeat 20% center/cover;
}

.benefits_sec .bft-img.bft-img-5 {
    background: url(images/compliance.jpg) no-repeat 20% center/cover;
}

.benefits_sec .bft-img.bft-img-6 {
    background: url(images/security.jpg) no-repeat 20% center/cover;
}
*/

.about_sec .abt-img.abt-img-1 {
    background: url(images/abt-img4.jpg) no-repeat center/cover ;
}

.about_sec .abt-img.abt-img-2 {
    background: url(images/abt-img2.jpg) no-repeat center/cover;
}

.about_sec .abt-img.abt-img-3 {
    background: url(images/abt-img1.jpg) no-repeat center/cover;
}

.about_sec .abt-img.abt-img-4 {
    background: url(images/abt-img4-1.jpg) no-repeat center/cover;
}

.about_sec .abt-img.abt-img-5 {
    background: url(images/abt-img5-1.jpg) no-repeat center/cover;
}


.support_sec {padding: 30px 0 0;}
.benefits_sec p, .value_sec p, .about_sec p, .support_sec p {/*font-size: 18px;*/ line-height: 1.25; margin-bottom: 10px; font-weight: 300; line-height: normal;}
/*.benefits_sec .benefits ul.nav-tabs,
.about_sec .aboutt ul.nav-tabs {
    border-bottom: 0 !important;
    margin: 30px 0px;
    text-align: center;
    float: none;
}*/

.banner_caption {z-index: 2}

.main-content {
    padding: 30px 0 50px;
}

/*.aboutt, .benefits, .valuue {
    width: 90%;
    margin: 0 auto;
}*/

.about_sec ul {

    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    column-count: 2;
}

.about_sec ul li {
    list-style: disc;
    list-style-position: inside;
}


/*Feature Pages*/

/*.price_page.plan_section {
    margin-top: 50px;
}*/

.price-page .faqs {
    background-color: #f5f5f5;
    padding: 20px 0 30px;
}



.faqs .row div:nth-child(3) .faq-item {
    min-height: 180px;
}

.price-page .pkg_body {
    min-height: 1308px;
}
.price-page .plan_section .plan-tp p{ margin-bottom: 90px; color:#16A44A;}
/*
.price-page .plan-col.silver,.price-page .plan-col.platinum{position: static;margin-top:unset;box-shadow:unset;z-index:9999;}

.price-page .silver .pack_header, .price-page .platinum .pack_header {
    padding: 19px 0px 10px;
}

.price-page .plan-col.bronz:hover + .price-page .plan-col.silver
{
    box-shadow:unset;
    margin-top:unset;
}
.price-page .plan-col.gold:hover ~ .price-page .plan-col.silver
{
    box-shadow: unset;
}

.price-page .plan-col:hover {
    transform: scale(1);
    position: relative;
    z-index:0;
    transition: all 0.6s ease 0s; 
    box-shadow: none;
}

.price-page .plan-col.silver  {
    transform: scale(1.05);
    z-index:999999;
}*/


.banner_caption{position:absolute;top:25%;left:0;right:0;text-align:center;}
.banner_caption h1, .banner_caption h2 {color: #fff; margin: 15px 0; font-size: 3em;}
.homepage_banner .banner_caption{top:0; text-align: center;}

.homepage_banner .banner_caption .animated-gif {position: relative;}


.banner_caption h3 {margin-bottom: 10px; /*font-size: 30px;*/ font-weight: normal; color: #fff;}

.homepage_banner .banner_caption h1, .homepage_banner .banner_caption h2, .homepage_banner .banner_caption p{
	color: #333;
	margin-bottom: 10px;
}
.homepage_banner .banner_caption h1+p { margin-bottom: 35px; color: #16A44A;}

.page h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6,
.supprt h1,
.supprt h2,
.supprt h3,
.supprt h4,
.supprt h5,
.supprt h6,
.faqs h3 {
    margin: 20px 0;
    font-weight: 300;
}
.plan_section h1,
.price_page.plan_section h5,
.price_page.plan_section h6 {font-weight: 100;margin: 20px 0;}

.faqs p {
    margin: 10px 0;
    line-height: 1.5;
}
.faqs p>a {font-size: 1em;}

.price_page h1 {
    font-size: 3em;
    font-weight: 100;
}
.faqs h2 {
 	    margin: 20px 0;
    	font-weight: 300;
}
.faqs h3 {font-weight: 300; font-size: 1.8em;}

.price_page h1,
.price_page .faqs h2,
.price_page .faqs h3,
.price_page h5,
.price_page h6,
.price_page p,
.price_page .pkg_body ul li {font-family: 'Roboto', sans-serif;}



.price_page .pkg_body ul li:first-child {border: none;}

.main-content p, .main-content ul, .about_sec ul, .page-id-225 .entry-content ul {
    margin: 10px 0;
    line-height: 1.5em;
    font-size: 1.2em;
    font-weight: 300;
}

.main-content ul, .about_sec ul {margin-left: 40px;}
.main-content ul li, .about_sec ul li {line-height: 1.75;}

.about_sec ul {margin-bottom: 50px;}

/*.sub-nav {
    border-bottom: 1px solid #eff1f2;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.7142857143;
}

.about_sec ul.tabs {
    list-style: none;
    margin:0;

}

.about_sec ul.tabs li {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
}

.about_sec ul.tabs li a{
    font-size: 1.2em;
    min-width: 3em;
    text-align: center;
    color: #565f65;
    display: inline-block;
    padding: 1.5rem;
    border-bottom: 1px solid transparent;
    -webkit-transition: border .15s cubic-bezier(0.25, 0.75, 0.75, 1);
    -o-transition: border .15s cubic-bezier(0.25, 0.75, 0.75, 1);
    transition: border .15s cubic-bezier(0.25, 0.75, 0.75, 1);
    text-decoration: none;
}
.about_sec ul.tabs li.active a,
.about_sec ul.tabs li a:hover{
    border-bottom: 1px solid #16A44A; 
    color: #16A44A;
 }*/

 .cll-us {
    background-color: #16A44A;
    padding: 40px 0;
    margin: 25px 0;
}

.cll-us h3 {
    color:#fff;
    /*font-size: 26px;*/
    font-weight: 300;
}
.prmis {
    padding: 30px 0 60px;
}

.prmis .prmis-cntnt p {
    margin: 30px 0;
}
.prmis .prmis-cntnt a{
    color: hsl(0, 0%, 100%);
    cursor: pointer;
    font-weight: bold;
    padding-left: 28px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 14px 28px;
    background: #16A44A;
}

.prmis .dash-img {
    background: url(images/about-dashboard.png) no-repeat center;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background-position: 0px 0px;
    margin: 0 auto;
}

/*.dash-img {position: relative;}
.dash-img .dash-ovrlay {
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height:100%;
    background-color: #16A44A;
    opacity: 0.5;
    border-radius: 50%;
}*/


/*.page .sticky {background-color: transparent;}*/



.banner_caption {text-align: left;}

.banner_caption h1>strong {font-weight: 500;}

.banner_caption h2 {
    color: #fff;
    font-weight: 300;
    /*font-size: 42px;*/
    margin-bottom: 125px;
}

.banner_caption form {
    display: flex;
    flex-flow: row wrap;
}
.banner_caption form input {
    border: none;
    min-width: 250px;
    height: 40px;
    padding: 11px 0;
    font-family: 'Roboto', sans-serif;
}

.banner_caption form input[type="email"] {padding-left: 15px; width: 300px;}
.banner_caption form input[type="submit"] {
    background-color: #16A44A;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 0;
}


div.greyy-bg {background-color: #f5f5f5; padding: 50px 0;}
div.reviews {padding: 50px 0;}

.faqs a {font-size: 1.1em;}

.supprt .sprt-itm {text-align: center; margin:40px 0;}
.supprt .sprt-itm img{margin: 10px auto;}

.feature {
    margin: 30px 0;
    text-align: center;
}

.feature img{margin: 0 auto;}

h3.clientts {
    text-align: center;
    font-weight: 400;
}
.review p {font-size: 1em; min-height: 100px;}


.review-btm img, .review-btm h4 {
    display: inline-block;
    vertical-align: bottom;
    font-weight: 400;
}

.hlp {text-align: center;}
.hlp h3 {margin: 20px 0;}
.hlp i, .hlp span {display: block;}
.hlp i {font-size: 30px; margin-bottom: 10px;}
.hlp span {font-size: 1.5em;}
.hlp a, .hlp a:hover {text-decoration: none; color: #343434;}


form#contact-form {
    width: 90%;
    margin: auto;
}

div.addrss p {
	line-height: 0.3;
	font-weight:700;
}

div.addrss {
    
    
    text-align: center;
    clear: both;
}

div.addrss i {
	font-size: 14px;
	border-radius: 9px;
	margin-bottom: 6px;
}

div.addrss i.fa-phone , i.fa-envelope {  padding: 4px 7px;}
div.addrss i.fa-headphones {color:#16A44A; font-size: 53px;}
div.addrss .addr-btm i {color:#16A44A;}

div.addrss span {
	display:block;
	line-height: 1.3;
}

.addr-top{
    margin: 30px 0;
    padding:20px;
    text-align:left;
}

div.addrss .addr-top a {text-decoration: none; color: #343434; font-size:14px;}
div.addrss .addr-top span {font-size: 1.5em;}
div.addrss .addr-btm span {font-size: 1.12em;}
div.addrss span.addr-head {
	font-weight: bold;
	font-size: 1.5em;
}


div.gmap {
	position: relative;
	font-size: 1.5em;
	margin-top: 50px;
}

div.gmap .map-ovrlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #16A44A;
	opacity: 0.7;
	top: 0;
	left: 0;
}

div.gmap iframe {
    width: 100%;
    color: #ffffff;
    z-index: -1;
    height:500px;
}

.map-cntnt {
    color: #fff;
    position: absolute;
    top: 50%;
	left:50%;
    transform: translate(-50%,-50%);
}

.map-cntnt .map-logo {margin-bottom: 10px;}
.map-cntnt a {color:#fff;text-decoration:none;}
.map-cntnt i {display:block; font-size: 36px;margin: 10px 0;}

div#whos-on-chat {
    position: fixed;
    z-index: 9999;
    bottom: 160px;
    right: 20px;
}


article#post-223 h4, article#post-225 h4 {
    margin-top: 29px;
    margin-bottom: 8px;
    font-weight: 400;
}

article#post-223 p, article#post-225 p {
    font-weight: 300;
}

article#post-225 p {
    margin-bottom: 21px;
}

.page-id-225 .entry-content ul {
    list-style: none;
    margin-left: 20px;
}

.page-id-225 .entry-content ul li {
    line-height: 1.75;
}

.page-id-225 .entry-content ul li:before {
    content: '\f00c';
    display: inline-block;
    color: #16A44A;
    font-family: 'FontAwesome';
    margin-right: 10px;
    font-size: 0.8em;
}
div#vid {
    width: 100%;
    float: left;
}
.vid_section .video_bg {
    background: url(https://lawsyst.com/wp-content/uploads/2017/12/video_bg.png) no-repeat center;
        background-size: auto auto;
    background-size: 100%;
    height: 700px;
    margin: 0 auto 15px;
    display: block;
    padding-top: 10em;
}
.vid_section .video_bg .vid_play_btn {
    cursor: pointer;
    position: relative;
    display: block;
    top: 7em;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    color: #fff;
    -webkit-appearance: none;
    border: 2px solid #16A44A;
}
.vid_section .video_bg .vid_play_btn::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 28px;
    border-style: solid;
    border-width: 25px 0 25px 40px;
    border-color: transparent transparent transparent #16A44A;
}
#modal_video .modal-footer, .video_modal .modal-header {
    border: 0;
}
.video_modal .modal-header {
    background: 0 0;
    text-align: right;
}
.video_modal .modal-header .close {
    float: none;
    margin: 0;
    font-size: 36px;
    color: #fff;
    font-weight: 300;
    text-shadow: none;
    opacity: 1;
}
.video_modal .modal-body {
    padding: 0 25px 25px;
}
.video_modal .modal-content {
    background: 0 0;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.video_modal .modal-dialog {
    width: 75%;
    margin: 50px auto 0;
}



article#post-281 {
    padding: 50px 0 76px;
    text-align: center;
}
article#post-281 p {
    font-weight: 500;
    font-size: 1.5em;
}
article#post-281 span {
    display: block;
}
article#post-281 span i {
    font-size: 3.5em;
    color: #16A44A;
}
article#post-281 h2 {
    padding-bottom: 10px;
    font-size: 3em;
    font-weight: 500;
    margin-bottom: 20px;
}

article#post-223 {
    margin-bottom: 30px;
}
/****header css ****/

.contactheader {
    margin-bottom: 34px;
}
.contactheader p {
    float: right;
}
.enquiry-button {
    position: fixed;
    top: 0;
    display: flex;
    bottom: 0;
    /* height: 1.5em; */
    /* margin: auto; */
    right: 0;
    z-index: 500;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
         transform-origin: 77% 49%;
    -webkit-transform: rotate(90deg) translate(50%, 50%);
    -moz-transform: rotate(90deg) translate(50%, 50%);
    -ms-transform: rotate(90deg) translate(50%, 50%);
    -o-transform: rotate(90deg) translate(50%, 50%);
    transform: rotate(-90deg) translate(50%, 50%);
display:none;
    
}
a.btn-ylw {
    background: yellow;
    color: #000;
}
.contactheader a {
color:#fff;
}
.contactheader a:hover {
text-decoration:none;}
#menu-primary-menu {
    float: right;
}
#menu-primary-menu.navbar-nav {
    margin: 0 0 0 0;
}
#menu-primary-menu li {
    padding: 0px 0px 0px 35px;
}
.navbar-default .navbar-nav>li>a {
    font-family: 'Montserrat', sans-serif;
}

.features_banner {
    width: 100%;
    background: url(images/banners/features-banner.jpg)no-repeat top center / cover;
    position: relative;
    height: 100%;
    background-attachment: fixed;
    min-height: 470px;
}
.lawsystemfeature {
margin-top:30px;
}
.inner-feature {
    padding-left: 40px;
    position: relative;
    margin-bottom: 35px;
}
#post-403 .feature_inner_wrap .inner-feature img {
    display: block;
    position: absolute;
    left: 0;
    width: 32px;
    height: 32px;
}
#post-403.feature_inner_wrap {
    padding-left: 15px;
}
.inner-feature h4 {
    color: #333;
}
.left-inner-laptop h4, .inner-feature h4 {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    /* font-size: 20px; */
    margin-bottom: 30px;
    position: relative;
}
.inner-feature h4:before {
    background-color: #333;
}
.left-inner-laptop h4::before, .inner-feature h4:before {
    content: " ";
    position: absolute;
    bottom: -15px;
    height: 2px;
    width: 20%;
    left: 0;
}
.left-inner-laptop h4::after, .inner-feature h4:after {
    content: " ";
    position: absolute;
    bottom: -15px;
    height: 2px;
    width: 50%;
    background: #fff;
    left: 0;
    opacity: 0.2;
}
.laptop_inner, .feature_inner_wrap {
    padding-left: 0;
    margin-top: 30px;
}
.itm-wrap {
margin-bottom:50px;
}
#post-403 .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}
.lawsystfeatures {
margin-top:30px;
}
.docbundles_banner {
    width: 100%;
    background: url(https://lawsyst.com/wp-content/uploads/2019/05/doc-bundle2.jpg)no-repeat center top / cover;
    position: relative;
    height: 100%;
    background-attachment: fixed;
    min-height: 470px;
}
p {

    font-family: Montserrat !important;
 }
.bundles-boxes {
    margin-bottom: 50px;
    min-height: 434px;
}
.bundles-boxes img {
    border-radius: 50%;
    margin: 0 auto;
    width: 270px;
    display: table;
    height: 270px;
}
.bundles-boxes h3 {
    text-align: center;
    margin-bottom: 15px;
}
.bundles-boxes p {
    text-align: center;
    margin-bottom: 15px;
}
.price-heading h3 {
    margin-bottom: 90px;
    font-weight: bold;
}
.text-center {
    text-align: center;
}
.cll-usgray {
    background-color: #414141;
    padding: 40px 0;
    margin: 25px 0;
}
.headerpkg {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.md3product {
    background-color: #fff;
    margin-bottom: 30px;
    border: 2px solid #d1d1d1;
    min-height: 465px;
}
.payasu h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 23px;
    padding: 15px 0;
}
.price-pkg {
    margin-right: -10px;
    margin-left: -10px;
    border-radius: 11px;
    padding: 1px 0px 5px 0px;
    color: #fff;
    font-family: 'Montserrat', arial, sans-serif;
}
.productsli ul {
    padding-left: 0;
}
.productsli ul li {
    list-style-type: none;
    text-align: center;
    border-bottom: 1px solid #d1d1d1;
    font-size: 17px;
    color: #404040;
    padding: 18px 0;
    font-family: 'Montserrat', arial, sans-serif;
}
.schedule-btn {
    margin: 0 auto;
    display: table;
    margin-top: 20px;
    margin-bottom: 22px;
    font-family: 'Montserrat', arial, sans-serif;
text-transform:uppercase;
}
.schedule-btn a:hover {
    text-decoration: none;
    color: #fff;
}

.btn_buy_it-court {
    background: #16A44A;
    padding: 10px 12px;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    outline-offset: -1px;
}

.mainmdproduct {
    padding-left: 20px;
    padding-right: 20px;
}
.mainmdproduct {
    flex: 0 0 100%;
    max-width: 100%;
}
.price-pkg h2 {
    text-align: center;
    font-weight: bold;
    margin-top: 5px;
    font-family: 'Montserrat', arial, sans-serif;
}
.price-pkg h4 {
    text-align: center;
    margin-top: -11px;
    font-family: 'Montserrat', arial, sans-serif;
    margin-bottom: 4px;
}




/****header css ****/


/*Responsive CSS*/
@media screen and (max-width: 1199px)
{
	.container
	{
		width:100%;
	}
	.banner_caption p {
    width: 80%;
	margin: 0 auto;
	margin-bottom:30px;
	}
	.pkg_body {
		min-height: 1170px;
	}
	.plan_section p {
		width: 100%;
	}
	.pkg_body ul li p {
		/*font-size: 14px;*/
	}
	.pack_header h3 {
		/*font-size: 44px;*/
	}
}
@media screen and (max-width:1024px)
{
	/*collapse navbar at 1024*/
	.navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
	
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
    .navbar-collapse {
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
	
	.navbar-default {
		padding-bottom: 10px;
		height:auto;
	}
	
	.navbar-brand img {width:70%;}
	#menu-primary-menu.navbar-nav {float:left; margin-left: 0;}
	
	#menu-primary-menu .call-us > a {
   		padding: 8px 12px;
		height: 40px;
	}
	.pkg_body ul li {
    font-size: 16px;
	}
	.banner_caption {
	top: 20%;
	}

	.btn_buy_it {padding: 10px 20px;}
	.animated-gif.visible-sm.visible-xs {display: block !important;}
	.animated-gif.hidden-sm.hidden-xs {display: none !important;}
}

@media screen and (max-width:1014px) {
	.nav>li>a {padding: 10px 11px;}
}

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

	#menu-primary-menu.navbar-nav,.navbar-right {
        float: none !important;
    }
    .banner_caption img {
       display: block;
       width: 100% !important;
    }
}



@media screen and (max-width:991px)
{
	.plan-col {
		padding: 0;
		width: 50%;
		float: left;
		height: auto;
	}
	.btn_try_it {
    padding: 6px 25px;
    font-size: 15px;
	}
	.pack_header h3 {
    /*font-size: 44px;*/
	}
	.pack_header h4 {
    /*font-size: 44px;*/
    margin-bottom: 35px;
	}
	.pack_header {
		min-height: 0;
		padding: 35px 0px 0;
	}
	.col-md-4.foo-inner {
		text-align: center;
	}
	.bot-links ul {
		float: none;
	}
	.bot-links {
    margin: 31px auto 51px;
}
	.btn_buy_it {
    font-size: 15px;
    padding: 6px 25px;
	}
	.fea-inner img {
    display: table;
    margin: 0 auto;
	}
	.white-bottom {
		width: 34%;
	}
	.orange-bottom {
    width: 30%;
	}
	.flagg {
		width: 178px;
	}
	.toll-free-col {
		text-align: center;
	}
	.top-inner ul {
		text-align: center;
		margin: 19px auto;
		display: block;
		float: none !important;
		width: 181px;
	}
	.pkg_body {
		min-height: 1038px;
	}
	.featre_sectionn img {margin: 0 auto;}
	.benefit-wrap, .abtt-wrap, .spprt-wrap {
    	margin-bottom: 0;
	}
	.about_sec h3 {margin-top: 10px;}
    .banner_caption img {
       display: block;
       width: 100% !important;
    }

.homepage_banner {
    min-height: 642px;

}


}
@media screen and (min-width:768px)
{

 .enquiry-button {
 
display:block !important;


}
.image--text-module .image-module {
    order: 1;
}

}
@media (min-width: 1130px){
.mainmdproduct {
    margin-bottom: 0;
    margin-top: -136px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
}

@media screen and (max-width:768px)
{
.mainmdproduct {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}


	.banner_caption {
    top: 20%;
	}
	.banner_caption h4 {
    /*font-size: 23px;*/
    margin-top: 25px;
    margin-bottom: 5px;
	}
	.banner_caption p {
    /*font-size: 14px;*/
	}
	.banner_caption h5 {
    /*font-size: 15px;*/
	}
	.plan-col {
    padding: 0;
    width: 80%;
    float: none;
    display: table;
    margin: 0 auto;
	margin-bottom: 50px;
	}
	.pkg_body {
    min-height: auto;
    padding-bottom: 70px;
	}
	.silver .pkg_body {
    min-height: auto;
	}
	.footer {
    padding-bottom: 100px;
	}
	.orange-bottom {
    width: 100%;
    bottom: 38px;
    text-align: center;
	}
	.white-bottom {
    width: 100%;
    bottom: 0;
    text-align: center;
	}
	.feature_section_2 .inner-feature {
    min-height: unset;
	}


}

@media screen and (max-width:640px)
{
	.banner_caption {
    	top: 10%;
	}
	.banner_caption h1, .banner_caption h2 {
    	font-size: 2em;
	}
	.banner_caption form {
    	justify-content: center;
	}
	.banner_caption form input[type="submit"] {
   		width: 300px;
	}
	.laptop_section {
	background: none;
    background-color: #171515 !important;
    padding-bottom: 0;
	padding-top: 40px;
	}
	.left-inner-laptop, .inner-feature {
    margin-bottom: 24px;
	}
	.feature_inner_wrap {
    margin-top: 0;
	}
	.featre_sectionn {
    	padding-top: 33px;
    	padding-bottom: 7px;
	}
	.feature_right_sec .feature_inner_wrap:nth-of-type(1) {
    	margin-top: 21px;
	}
	.plan-col {
    padding: 0;
    width: 100%;
	}
	.btn_try_it {
    padding: 4px 21px;
    font-size: 13px;
	}
	.btn_buy_it {
    padding: 5px 19px;
    font-size: 13px;
	}
	.top_bar {
    display: none;
	}
	.col-md-9.top-inner {
    text-align: center;
}
.flagg {
    display: inline-block;
    width: 47%;
    margin: 2px auto;
    text-align: center;
}
.call-us {
    float: none;
    text-align: center;
    margin: 11px auto 0;
}
.call-us.cntct {margin-right:0;}
.header_banner {
    height: 68%;
	float: left;
}

.header .logo img {
    width: 67%;
    margin: auto;
    float: left;
}
.col-md-3.top-inner ul {
    margin: 15px auto;
    width: 175px;
	float: none;
}
.laptop_section {
    background-color: #171515;
}
.plan_section p {
    margin-bottom: 38px;
}

.call-overlay-inner {
    width: 95%;
}

.nav li {
    width: 100%;
}
.affix .header .logo img {
    width: 45%;
    float: left;
}
.foo-inner ul {
    margin-top: 0;
    margin-bottom: 24px;
}
.col-md-4.foo-inner {
    text-align: center;
}
.pack_header {
    min-height: 0;

    padding: 16px 0px 0;
}
.bot-links {
    margin: 0;
	margin-top: 26px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #000;
}
.call-us > a {
    padding: 7px 31px;
	width: 70%;
	margin: 10px auto;
}

.call-us > a i {font-size:26px;}
.call-us.cntct span {font-size: 16px;}

.bronz .pkg_body {
    padding-bottom: 287px;
}
.logo {
    margin-left: 0;
}
	.homepage_banner {
       min-height: 387px;
    }
    .banner_caption img {
       display: block;
       width: 100% !important;
    }
.homepage_banner .banner_caption .animated-gif {
    top: 0 !important;
}
.vid_section .video_bg {
    height: 265px;
    position: relative;
}

.vid_section .video_bg .vid_play_btn {
    top: -5em;
	}
.video_modal .modal-dialog {width: 100%;}
.video_modal .modal-body {padding: 0 15px 15px;}
}

@media screen and (max-width:320px)
{
	.banner_caption h4 {
    /*font-size: 19px;*/
    margin-top: 18px;
	}
	.banner_caption p {
    width: 100%;
	}
	.banner_caption form input[type="email"], .banner_caption form input[type="submit"] {
	width: 100%;
	}
	.btn_inq_form {
    padding: 5px 27px;
    font-size: 15px;
    margin-bottom: 15px !important;
	}
	.foo-inner ul li a {
		font-size: 14px;
	}
	
}


/* Lawsyst Desktop Css */


.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  width: 100%!important;
}
.select2-container .select2-selection--single {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
 .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
 -webkit-appearance: none;
}
.select2-dropdown {
  background-color: white;
  border: 1px solid #cdcfd1;
  border-radius: 3px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
 .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
 -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 34px;
}
.select2-container--default .input-xs .select2-selection__rendered {
  line-height: 24px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 30px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: none;
}
.select2-container--default .select2-search--dropdown {
  position: relative;
  border-bottom: 1px solid #cdcfd1;
}
.select2-container--default .select2-search--dropdown:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '\f1c3';
  padding: 8px 20px;
  font-family: 'Material-Design-Iconic-Font', sans-serif;
  font-size: 24px;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  outline: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  padding-left: 50px;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 0;
}



/* Home Page Animation Css */

p:empty {
display:none;
}

body {
	overflow-x:hidden;
}

.container-animate {
	width:100%;
}
.right-contentt {
	width:100%;
}
.banner-image1 {
    position: relative;
    margin: auto;
}
.topbar-animate {
    position: absolute;
    left: 0px;
    right: 0;
    top: 0px;
    height: 50px;
    z-index: 1;
    background: #424a55;
}

.topbar-animate .topbar-left {
  float: left;
  height: 50px;
  position: relative;
  z-index: 1;
  width: 240px;
  background: #424a55;
}
.browser-innerr .logo h1 {
  margin: 0px auto;
  height: 50px;
  text-align: left;
  padding-left:5px;
}
.browser-innerr .logo h1 img {
  height: 80%;
}
.topbar-profile .topbar-profile-image {
  width: 35px;
  position: relative;
  margin-right: 5px;
  margin-top: -15px;
  margin-bottom: -12px;
  border: 1px solid rgba(0,0,0,0.2);
}

.topbar-profile strong {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    text-transform: initial;
    letter-spacing: 0.5px;
}

.right-contentt .navbar-default .navbar-nav .topbar-profile > a {
  font-family: "Open Sans";
}
.right-contentt .navbar-nav {
    float: left;
    margin: 0;
}
.right-contentt .navbar-right {
    float: right!important;
    margin-right: 0;
}
.div-timer {
    padding-top: 13px;
}
.browser-innerr .navbar-nav {
    float: left;
    margin: 0;
}
.browser-innerr .navbar-default {
    background-color: transparent !important;
    border-color: transparent !important;
}
.logo-anim h1 {
    margin: 0px auto;
    height: 50px;
    text-align: left;
    padding-left: 5px;
}
.logo-anim h1 img {
    height: 80%;
}
.button-menu-mobile {
    position: absolute;
    right: 0;
    float: left;
    top: 0px;
    z-index: 2;
    padding: 10px 18px;
    height: 50px;
    font-size: 21px;
    background: transparent;
    color: #fff;
    border: none;
}
.button-menu-mobile:hover {
    color: #fff;
}
.rounded-image img {
    width: 100%;
}
.right-contentt .navbar-default .navbar-nav > li > a {
    color: #fff;
}
.rounded-image {
    -webkit-border-radius: 100px;
    border-radius: 100px;
    overflow: hidden;
}
.start-timer a {
    color: #fff;
    text-align: left !important;
}
.browser-innerr .navbar-nav > li > a, .browser-innerr .navbar-nav > li > a:hover {
    color: #fff !important;
}
.navbar-right .iconify > a > i {
    font-size: 18px;
    color: #fff;
    line-height: 17px;
}
.browser-innerr .navbar-default {
    background-color: transparent;
    border: none;
    display: inline-block;
    float: right;
}
.label.label-danger {
    background: #E15554;
}
.nav.navbar-nav.top-navbar > li span.absolute {
    position: absolute;
    top: 5px;
    left: 25px;
    font-size: 10px;
    line-height: 7px !important;
    font-weight: 400 ! important;
    border-radius: 15px;
    padding: 4px;
    z-index: 4;
}
hr.divider {
    border-color: rgba(255,255,255,0.1);
    width: 90%;
    margin: 10px 5%;
    display: block;
    clear: both;
}
a.rounded-image.profile-image  img {
    width: 100%;
    border-radius: 63px;
}
.profile-image {
    border: 4px double rgba(0,0,0,0.2);
}
a.rounded-image.profile-image {
    float: left;
    clear: right;
    width: 55px;
    margin-left: 7px;
}

.profile-text {
    color: #4A525F;
    font-family: "Open Sans";
    font-size: 16px;
    float: left;
    line-height: 24px;
    margin-left: 15px;
}

.topbar-profile .topbar-profile-image {
    width: 35px;
    position: relative;
    margin-right: 5px;
    margin-top: -15px;
    margin-bottom: -12px;
    border: 1px solid rgba(0,0,0,0.2);
}

.browser1 {
    position: relative;
    z-index: 2;
    padding: 28px 133px 12px 135px;
    margin: 0 auto;
    background-color: transparent;
    border-radius: 6px;
    overflow: hidden;
    background-image: url(images/laptop1.png);
    background-size: cover;
    overflow-y: hidden;
    background-repeat: no-repeat;
    text-align: left;
	max-width: 1135px;
	width: 1135px;
}
.browser-xlg {
    height: 577px;
}
.browser-innerr {
    width: 100%;
    height: 488px;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    margin: auto;
}
.side-menu.left {
    background: #fff;
    position: absolute;
    top: 50px;
    border-right: 1px solid #eee;
}
.browser-body {
    position: absolute;
    height: 577px;
    overflow: hidden;
    top: 51px;
    left: 0;
    right: 0;
	font-family: sans-serif !important;
}

#sidebar-menu1 {
    width: 20%;
    font-family: "Open Sans";
    float: left;
}
#sidebar-menu1,
#sidebar-menu1 ul,
#sidebar-menu1 li,
#sidebar-menu1 a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-size: 13px;
  position: relative;
}
#sidebar-menu1 a {
  line-height: 1.3;
}

#sidebar-menu1 > ul > li {
  background: #fff;
  display: block;
  border-bottom: 1px solid #cccccc;
  text-align: left;
}
#sidebar-menu1 > ul > li > a {
    font-size: 15px;
    display: block;
    color: #555;
    padding: 7px;
}
#sidebar-menu1 > ul > li > a > span {
    vertical-align: middle;
    font-size: 12px;
}
#sidebar-menu1 > ul > li > a > i {
  color: rgba(0,0,0,0.4);
  display: inline-block;
  font-size: 15px;
  line-height: 17px;
  margin-left: 3px;
  margin-right: 7px;
  text-align: center;
  vertical-align: middle;
  width: 20px;
}
#sidebar-menu > ul > li > a > i.i-right {
  margin: 3px 0 0 0;
  float: right;
}

#sidebar-menu1 > ul > li > a.subdrop {
  background: #ffffff;
}
#sidebar-menu1 > ul > li > a.active,
#sidebar-menu1 > ul > li > a.active.subdrop {
  color: #fff;
  background: #14a34b !important;
  font-weight: 600;
  border-left: 0px solid rgba(0,0,0,0.3);
}
#sidebar-menu1 > ul > li > a.active i,
#sidebar-menu1 > ul > li > a.active.subdrop i {
  color: #fff;
}
#sidebar-menu1 > ul > li > a span.label {
  float: right;
}
#sidebar-menu1 > ul > li > a span.label.span-left {
  float: none;
  margin-left: 5px;
}
#sidebar-menu1 span.cnt {
  position: absolute;
  top: 8px;
  right: 15px;
  padding: 0;
  margin: 0;
  background: none;
}
#sidebar-menu1 ul ul {
  display: none;
  background: #ebebeb;
}
#sidebar-menu1 ul ul ul {
  border-top: 1px solid rgba(0,0,0,0.1);
  background: rgba(0,0,0,0.2);
}
#sidebar-menu1 ul ul li {
  border-top: 0;
}
#sidebar-menu1 ul ul a {
  padding: 10px 25px;
  display: block;
  color: #555;
  font-family: "Open Sans";
  font-size: 12px;
}
#sidebar-menu1 ul ul ul a {
  padding-left: 35px;
}
#sidebar-menu1 ul ul ul ul a {
  padding-left: 45px;
}
#sidebar-menu1 ul ul a i {
  margin-right: 5px;
}
.fa-play-circle:before {
    font-size: 21px;
}
body.fixed-left .side-menu.left {
  margin-top: 0px;
  position: fixed;
  height: 100%;
  bottom: 50px;
  margin-bottom: -50px;
  padding-bottom: 50px;
}
.side-menu.left .scroll-y {
  direction: rtl;
  overflow-x: visible;
}
body.mobile .slimscrollleft,
body.mobile .slimscroller {
  overflow-y: scroll;
}
.side-menu.left .scroll-y .sidebar-inner {
  direction: ltr;
}

.content-page > .content {
    padding: 0 10px 0;
    position: relative;
}
#side-menu1{
    background: #fff;
    position: absolute;
    top: 50px;
    border-right: 1px solid #eee;
}
.content-page {
    width: 77%;
    float: left;
}
.widget-content.padding {
    padding: 15px;
}
.browser-innerr .nav-tabs {
    border-bottom: 1px solid #ddd;
}

.browser-innerr .nav-tabs>li>a {
    font-size: 12px;
}
.dataTables_filter input {
    margin-left: 6px;
}
.form-horizontal .control-label {
    padding-top: 5px;
    margin-bottom: 0;
    text-align: left !important;
    max-width: 220px;
    color: #252525;
    padding-bottom: 7px;
    font-weight: 300;
    font-size: 12px;
}
.browser-innerr .selectpicker {
    border-radius: 0;
    font-size: 13px;
}
table#datatables-cdr th {
    font-weight: 700;
    color: #000;
    font-size: 12px;
}

table#datatables-cdr th:nth-of-type(6) {
    padding: 0 17px;
}

div.dataTables_paginate {
    float: right;
    margin: 0;
}
.browser-innerr .pagination li a, .browser-innerr .pagination li.disabled a {
    background-color: #abb7b7;
    border-color: #abb7b7;
    border-radius: 2px !important;
    color: #fff;
}
.browser-innerr .pagination {
    margin: 0px 0 6px;
    border-radius: 4px;
}
.browser-innerr .form-control {
	display: inline-block;
	width: auto;
    height: 29px;
    padding: 5px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.browser-innerr .form-control {
    font-size: 12px;
    border-radius: 0;
    border-color: #ddd;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    /* box-shadow: inset 0 1px 1px rgba(0,0,0,0); */
}

.cp-instance-input2 .form-control, .cp-instance-input3 .form-control {
    width: 188px;
    position: absolute;
    right: -3px;
	border: 1px solid #ddd !important;
}

.bootstrap-select-searchbox {
    padding: 4px 8px;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
}
.bootstrap-select.btn-group .dropdown-menu > li > a {
    padding: 5px 7px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 13px;
    color: #555;
}

.datatables-cdr_filter span {
	float: left;
}

.datatables-cdr_filter [type="search"] {
	float: left;
}
.bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
    display: none;
}
.open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ddd !important;
    border-radius: 0;
    box-shadow: none;
}
.content-page footer {
    padding: 20px 0;
    font-size: 12px;
    border-top: 1px solid #B9C1CB;
    margin-top: 40px;
    color: #7A868F;
    float: left;
    width: 100%;
}
div#datatables-cdr_length span {
    float: left;
}
div#datatables-cdr_length select {
    float: left;
    margin-right: 7px;
    margin-top: -4px;
}
.content-page footer .footer-links a {
    color: #7A868F;
    padding: 1px 10px;
    border-right: 1px solid rgba(0,0,0,0.1);
}
.profile-info {
    margin-bottom: 72px;
    margin-left: 4px;
    margin-top: 6px;
}

.browser-innerr table.table thead .sorting {
    background: url(https://lawsyst.com/wp-content/uploads/2017/12/sort_both.png) no-repeat center right;
}
.fontawesome_icons a {
    color: grey;
    font-size: 16px;
    padding: 2px;
    text-decoration: none;
}
#datatables-cdr tbody audio {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    margin-left: -53px;
}

.browser-innerr .table>tbody>tr>td, .browser-innerr .table>tbody>tr>th, .browser-innerr .table>tfoot>tr>td, .browser-innerr .table>tfoot>tr>th, .browser-innerr .table>thead>tr>td, .browser-innerr .table>thead>tr>th {
    padding: 6px;
    font-size: 10px;
}

#sidebar-menu1 {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
table#datatables-cdr a {
    color: #676161;
    text-decoration: none;
}


.control-panel, .browser-body {
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}
table#datatables-cdr tr td:nth-child(5) a {
    color: #676161;
    text-decoration: none;
    width: 140px !important;
    display: block;
}  
table#datatables-cdr tr td:nth-child(3) div {
    width: 86px !important;
} 
div#datatables-cdr_filter label {
    float: right;
}
form#frmcall {
    width: 106%;
}
#datatables-cdr_wrapper label {
    font-weight: 300;
    font-size: 12px;
    margin-right: 14px;
}

.browser-innerr .popup1 .modal-content, .browser-innerr .popup2 .modal-content {
    border-radius: 0;
}
.browser-innerr .popup1 .modal-header, .browser-innerr .popup2 .modal-header {
    background-color: #14a34b;
    color: white;
    padding: 7px 12px;
}
.browser-innerr .popup1 .modal-body, .browser-innerr .popup2 .modal-body {
    background-color: #f5f5f5;
	border-radius: 0 !important;
}
.browser-innerr .popup1 .modal-body label {
    font-size: 12px;
    font-weight: 600;
	color: #252525;
}
.browser-innerr .popup1 .modal-body .form-control, .browser-innerr .popup2 .modal-body .form-control {
    font-size: 13px;   
    border-color: #ddd;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0);
	cursor: default;
}
.browser-innerr .popup1 .form-group {
    margin-bottom: 5px !important;
}
* {
    outline: none !important;
}
.browser-innerr.btn-success {
    background-color: #28b779;
    border-color: #28b779;
    color: #FFFFFF;
	cursor: default;
}
.browser-innerr .btn-success.focus, .browser-innerr .btn-success:focus {
    background-color: #28b779;
    border-color: #28b779;
    color: #FFFFFF;
	cursor: default;
}
.browser-innerr .btn-danger.focus, .browser-innerr .btn-danger:focus {
    background-color: #28b779;
    border-color: #28b779;
    color: #FFFFFF;
	cursor: default;
}

.browser-innerr .popup1 .modal-body, .browser-innerr .popup2 .modal-body {
    position: relative;
    padding: 10px 0px 39px;
	color: #555;
    font-size: 13px;
	font-family: 'Roboto', sans-serif;
}
.browser-innerr .popup2 .modal-body {
    padding: 10px 17px 39px;
}
.browser-innerr .open>.dropdown-toggle.btn-danger {
    background-color: #28b779;
    border-color: #28b779;
    color: #FFFFFF;
	cursor: default;
}
.browser-innerr .open>.dropdown-toggle.btn-danger {
    background-color: #E15554;
    border-color: #E15554;
    color: #FFFFFF;
	cursor: default;
}
.browser-innerr .btn {
    border-radius: 2px;
}
.browser-innerr .popup1 .modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.browser-innerr .popup1 .btn-danger, .browser-innerr .popup2 .btn-danger {
    background-color: #E15554;
    border-color: #E15554;
    color: #FFFFFF;
}
.browser-innerr .popup1 .modal-header .close, .browser-innerr .popup2 .modal-header .close {
    margin-top: -2px;
    color: white;
    opacity: 0.60;
	cursor: default;
}

.browser-innerr .popup1 .modal-backdrop, .browser-innerr .popup2 .modal-backdrop {
    position: relative;
}

.browser-innerr .popup2 .modal-backdrop {
    height:1000px !important;
	opacity:0.3 !important;
}
.browser-innerr .popup1 .modal.in .modal-dialog {
    z-index: 99999;
    position: absolute;
    top: -17px;
    left: 0;
    right: 0;
}

.browser-innerr .popup2 .modal.in .modal-dialog {
    z-index: 99999;
    position: absolute;
    top: -17px;
    left: 0;
    right: 0;
}

.browser-innerr .popup1 .form_tooltip {
    position: absolute;
    right: -10px;
    top: 5px;
	cursor: default;
}

.browser-innerr .popup1 .btn-default:hover, .browser-innerr .popup1 .btn-default:focus, .browser-innerr .popup1 .btn-default:active, .browser-innerr .popup1 .btn-default.active, .browser-innerr .popup1 .open .dropdown-toggle.btn-default {
    background-color: #ffffff;
    border-color: #ABB7B7;
    color: #555;
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.dropup .dropdown-menu, .browser-innerr .navbar-fixed-bottom  .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

.open>.dropdown-menu {
    display: block;
}
.bootstrap-select>.btn {
    width: 100%;
	cursor: default;
}
.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: 0;
	cursor: default;
}

.bootstrap-select.btn-group .btn .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.desktop-size .control-panel .cp-cursor {
    position: absolute;
    z-index: 1000000;
    right: 7px;
    top: 0px;
    width: 28px;
    height: 31px;
	opacity: 1 !important;
}
.desktop-size .cp-cursor:before {
  position: absolute;
  z-index: 1;
  display: block;
  content:"";
  width: 28px;
  height: 31px;
  background-image: url(images/cursor-pointer@2x.png);
  background-size: cover;
}
.animated .cp-cursor:after {
    position: absolute;
    top: -5px;
    left: 0;
    z-index: -1;
    height: 40px;
    width: 40px;
    display: block;
    content: "";
    background: #14a34b;
    margin: -10px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.browser-innerr .popup1 .modal-backdrop, .browser-innerr .popup2 .modal-backdrop {
    background-color: #000;
    transition: all 2s ease 3s;
}
.browser-innerr .popup1 .panel {
    margin-bottom: 15px;
    border: none;
    background: transparent;
	-webkit-box-shadow: none;
    box-shadow:none;
}
.browser-innerr .popup1 span.title3 {
    border: 1px solid #ddd;
    width: 268px;
    height: 30px;
    background: #fff;
	display:block;
    padding: 5px 11px 5px;
    background-image: url(https://lawsyst.com/wp-content/uploads/2017/12/caret-img.png);
    background-repeat: no-repeat;
    background-position: 99% 0%;
    margin-top: -9px;
	color: #777676;
}

.cp-instance-input2 {
    margin-top: 13px;
}

.logo-anim a {
    font-size: 0;
}

.browser-innerr .navbar-default {
    padding-top: 0;
}


/* Desktop Animation: Instance Name */

.popup1 .cp-instance-input, .popup1 .cp-instance-input1 {
    position: relative;
    overflow: hidden;
}
.popup1 .cp-instance-input .form-control, .popup1 .cp-instance-input2 .form-control, .popup1 .cp-instance-input3 .form-control, .popup1 .cp-instance-input4 .form-control, .popup1 .cp-instance-input5 .form-control
{
	white-space: nowrap;
	border-width: 0px;
}
.popup1 .cp-instance-name, .popup1 .cp-instance-name1, .popup1 .cp-instance-name2, .popup1 .cp-instance-name3, .popup1 .cp-instance-name4, .popup1 .cp-instance-name5, .popup1 .cp-instance-name6 {
    position: absolute;
    top: 0px;
    right: 15px;
    border: 1px solid #ddd;
    width: 269px;
    height: 30px;
    display: block;
    background: #fff;
    padding: 5px 11px 5px;
	color: #555;
}
.popup1 .cp-instance-name5 {
    width: 149px;
}

.popup1 .title5 {
    background-image: url(https://lawsyst.com/wp-content/uploads/2017/12/caret-img.png);
    background-repeat: no-repeat;
    background-position: 99% 0%;
}
.popup1 .title6 {
    background-image: url(https://lawsyst.com/wp-content/uploads/2017/12/caret-img.png);
    background-repeat: no-repeat;
    background-position: 99% 0%;
}

.popup1 .cp-instance-name2, .popup1 .cp-instance-name3 {
    right: -4px;
    width: 190px;
}

.popup1 .cp-instance-name > span, .popup1 .cp-instance-name1 > span, .popup1 .cp-instance-name2 > span, .popup1 .cp-instance-name3 > span, .popup1 .cp-instance-name4 > span, .popup1 .cp-instance-name5 > span, .popup1 .cp-instance-name6 > span {
    position: absolute;
    top: 1px;
    right: 3px;
    width: 268px;
    display: block;
    width: 98%;
    height: 26px;
    background: #fff;
}
.popup1 .cp-instance-name2 > span {
  width: 190px;
}
.popup1 .cp-instance-name3 {
  width: 190px;
}
.popup1 .cp-instance-name3 > span {
  width: 190px;
}
.popup1 .cp-os-click, .popup1 .cp-os-click1 {
  -webkit-transition: all ease .15s 3.1s;
  transition: all ease .15s 3.1s;
}
.popup1 .cp-os-click, .popup1 .cp-os-click1  {
  border-color: #1e88e5;
}
.popup1 .cp-os-click .select-header, .popup1 .cp-os-click1 .select-header {
  position: relative;
  z-index: 2;
}
.popup1 .cp-os-click .select-options, .popup1 .cp-os-click1 .select-options1 {
    opacity: 0;
    display: block;
    background: #fff;
    border: 1px solid #1e88e5;
    list-style: none;
    padding-left: 15px;
    padding: 10px;
    position: absolute;
    z-index: 9;
    width: 149px;
    top: 27px;
    left: 0;
	color:#555;
}
.popup1 .cp-os-click1 .select-options1 {
    width: 269px;
    top: 29px;
}
.popup1 .panel.cp-os-click label, .popup1 .panel.cp-os-click1 label {
    position: relative;
    top: 6px;
}
.popup1 .select-header + .col-sm-4, .popup1 .select-header + .col-sm-6 {
    position: relative;
    left: 15px;
    margin-bottom: 0px;
}

.popup1 .cp-instance-name5, .popup1 .cp-instance-name6 {
    left: 0;
    margin-bottom: 0px;
    overflow: hidden;
}

.popup1 .cp-instance-name5 span, .popup1 .cp-instance-name6 span {
    position: absolute;
    top: -1px;
    right: 0px;
    width: 268px;
    display: block;
    width: 100%;
    height: 30px;
    background: #fff;
    padding: 5px 7px 5px;
	background-image: url(https://lawsyst.com/wp-content/uploads/2017/12/caret-img.png);
    background-repeat: no-repeat;
    background-position: 99% 0%;
}

.popup1 .select-header + .col-sm-4 .title, .popup1 .select-header + .col-sm-6 .title1 {
    position: absolute;
    top: 0;
    left: 0;
}
.popup1 .select-header + .col-sm-6 .title1 {
    top: -6px;
    left: 0;
}

.popup1 .select-header + .col-sm-4 .title-change, .popup1 .select-header + .col-sm-6 .title-change1 {
    position: absolute;
    top: 0;
    left: 0;
}
.popup1 .select-header + .col-sm-6 .title-change1 {
    top: 9px;
    left: 0;
}
.popup1 input#countrycode {
    position: absolute;
    right: 17px;
    width: 67px;
    border: 1px solid #ddd;
	min-width: auto;
}
.browser1 form {
    display: block;
}
.browser1 .modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-size: 18px;
    font-weight: 500 !important;
    margin: 0 !important;
}
.browser-innerr a, .browser-innerr button {
	cursor:default;
}
.rounded-image img {
    width: 24px;
    border-radius: 50px;
}
.right-contentt {
    width: 100%;
    float: right;
}
span.rounded-image.topbar-profile-image + strong, span.rounded-image.topbar-profile-image + .fa-caret-down:before {
    font-size: 12px !important;
    position: relative;
    top: -7px;
}
ul.nav.navbar-nav.navbar-right.top-navbar li:nth-child(6) i {
    display: block;
    float: right;
    margin-top: 4px;
    color: #fff;
}
ul.nav.navbar-nav.navbar-right.top-navbar li:nth-child(6) strong {
    margin-top: 8px;
    display: block;
    float: left;
    color: #fff;
    margin-right: 6px;
}
ul.nav.navbar-nav.navbar-right.top-navbar li:nth-child(6) img {
    margin-top: 0px;
    display: block;
    float: left;
    margin-right: 10px;
}

.popup2 .form-section-secondary {
	border: 1px #d3d3d3 solid !important;
    margin-top: 10px;
    background-color: white;
    margin-bottom: 15px;
    padding: 10px 15px;
}

 .popup2 .form-section-bordered {
    border: 1px #d3d3d3 solid !important;
    margin-top: 10px;
    background-color: white;
    margin-bottom: 15px;
    padding: 10px 15px;
}


.popup2 .col-lg-12 > .form-section-bordered:nth-child(2) {
	-webkit-animation: unfocus 0.3s 27s, onfocus 0.3s 29s, unfocus 0.3s 31s;
	animation: unfocus 0.3s 27s, onfocus 0.3s 29s, unfocus 0.3s 31s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.popup2 .col-lg-12 > .form-section-secondary {
	-webkit-animation: unfocus 0.3s 0s, onfocus 0.3s 32s;
	animation: unfocus 0.3s 0s, onfocus 0.3s 32s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}



.popup1 .form-horizontal .control-label, .popup2 .form-horizontal .control-label {
    padding-top: 5px;
    margin-bottom: 0;
    text-align: left !important;
    font-weight: 600;
    max-width: 220px;
    color: #252525;
    padding-bottom: 7px;
}
.popup2 .control-label .required {
    color: #e02222;
    font-size: 12px;
    padding-left: 2px;
}
.popup2 .form-section {
    margin-top: 10px;
    font-weight: 700 !important;
    color: #252525;
    font-size: 18px;
    border-bottom: none;
    margin-bottom: 10px;
}
.popup2 .btn.green {
    background-color: #28b779;
    color: white;
}
.popup2 .modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.popup2 .btn.default {
    background-color: #F1EEEE !important;
    color: #252525 !important;
}
.popup2 .modal-body {
    background-color: #f5f5f5;
}
.popup2 .input-xs {
	width: 100%;
}

.end-messagge-final .call-us1 {
    margin-top: 41px;
}
.homepage_banner .banner_caption .animated-gif {
    position: relative;
    top: -48px;
}
.btn-group, .btn-group-vertical {
    display: block;
}
.popup1 .panel .col-sm-4 span:nth-of-type(2) {
    color: #555;
}










/* ***********************************

ANIMATIONS

************************************* */

.content-page {
  -webkit-animation: mymove 4s;  /* Safari 4.0 - 8.0 */
  -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
  animation: mymove 4s;
  animation-fill-mode: forwards;
}

@-webkit-keyframes mymove {
    0% {transform: translatey:0;}
    50% {transform: translatey(-250px);}
    100% {transform: translatey(0px);}
}    
@keyframes mymove {
    0% {transform: translatey:0;}
    50% {transform: translatey(-250px);}
    100% {transform: translatey(0px);}
}  


/* Desktop Animation: Form1 Scrolling */

.browser-innerr .popup1 > .modal {
	z-index: -1;
    position: relative;	
	visibility: visible !important;
	display:block;
    -webkit-animation: appearmodal 1s 7.4s, disappearmodal 1s 18s; 
    animation: appearmodal 1s 7.4s, disappearmodal 1s 18s;
    -webkit-animation-fill-mode: forwards; 
    animation-fill-mode: forwards;   
}

@-webkit-keyframes appearmodal {
    0% {top:-643px; }
    100% {top:0px; opacity:1; z-index:9;}
}    
@keyframes appearmodal {
    0% {top:-643px; }
    100% {top:0px; opacity:1; z-index:9;}
} 
 
@-webkit-keyframes disappearmodal {
    0% {top:0; }
    100% {top:-643px; opacity:0; z-index:0;}
}    
@keyframes disappearmodal {
    0% {top:0; }
    100% {top:-643px; opacity:0; z-index:0;}
} 


/* Desktop Animation: Form2 Scrolling  */

.browser-innerr .popup2 > .modal {
	z-index: 9;
    position: relative;	
	top:0;
	visibility: visible !important;
	display:block;
	height: 1400px;
	-webkit-animation: scroll1 1.5s 27.4s, scroll2 2.6s 30s, scroll3 2s 32s, disappearmodal1 2s 39s;
    -webkit-animation-fill-mode: forwards;
	animation: scroll1 1.5s 27.4s, scroll2 2.6s 30s, scroll3 2s 32s, disappearmodal1 2s 39s;
    animation-fill-mode: forwards;
}

@-webkit-keyframes scroll1 {
    0% {top:-1758px; }
    100% {top:-605px; opacity:1; z-index:9;}
}    
@keyframes scroll1 {
    0% {top:-1758px; }
    100% {top:-605px; opacity:1; z-index:9;}
}  

@-webkit-keyframes scroll2 {
    0% {top:-605px; }
    100% {top: -810px; opacity:1; z-index:9;}
} 
   
@keyframes scroll2 {
    0% {top:-605px; }
    100% {top: -810px; opacity:1; z-index:9;}
}  

@-webkit-keyframes scroll3 {
    0% {top: -810px; }
    100% {top: -1078px; opacity:1; z-index:9;}
}    
@keyframes scroll3 {
    0% {top: -810px; }
    100% {top: -1078px; opacity:1; z-index:9;}
} 

@-webkit-keyframes disappearmodal1 {
    0% {top: -1078px; }
    100% {top: -1758px; opacity:0; z-index:0;}
}    
@keyframes disappearmodal1 {
    0% {top: -1078px; }
    100% {top: -1758px; opacity:0; z-index:0;}
} 

/* Desktop Animation */

/* Cursor Moves */

.desktop-size .cp-cursor {

  animation: cursorMove .5s 6s, cursorMove2 .5s 8s, cursorMove3 .5s 9.6s, cursorMove4 .5s 11.1s, cursorMove5 .5s 12.2s, cursorMove6 .5s 13.4s, cursorMove7 .5s 14.2s, cursorMove10 .5s 15.2s, cursorMove11 .5s 16.2s, cursorMove12 .5s 26.6s, cursorMove13 .5s 28.6s, cursorMove14 .5s 30.2s, cursorMove15 .5s 33s, hide 0s 35s;
  
  -webkit-animation: cursorMove .5s 6s, cursorMove2 .5s 8s, cursorMove3 .5s 9.6s, cursorMove4 .5s 11.1s, cursorMove5 .5s 12.2s, cursorMove6 .5s 13.4s, cursorMove7 .5s 14.2s, cursorMove10 .5s 15.2s, cursorMove11 .5s 16.2s, cursorMove12 .5s 26.6s, cursorMove13 .5s 28.6s, cursorMove14 .5s 30.2s, cursorMove15 .5s 33s, hide 0s 35s;
  
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
}

.cp-cursor:after {
 	animation: cursorTap 1s 6.2s, cursorTap 1s 8.2s, cursorTap 1s 9.8s, cursorTap 1s 11.3s, cursorTap 1s 12.4s, cursorTap 1s 13.6s, cursorTap 1s 14.4s, cursorTap 1s 15.4s, cursorTap 1s 16.4s, cursorTap 1s 26.8s, cursorTap 1s 33.2s;  
	
	-webkit-animation: cursorTap 1s 6.2s, cursorTap 1s 8.2s, cursorTap 1s 9.8s, cursorTap 1s 11.3s, cursorTap 1s 12.4s, cursorTap 1s 13.6s, cursorTap 1s 14.4s, cursorTap 1s 15.4s, cursorTap 1s 16.4s, cursorTap 1s 26.8s, cursorTap 1s 33.2s;  cursorTap 1s 33.2s;

   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
}


/* First Cursor Move (Select Edit icon) */

@-webkit-keyframes cursorMove {
  0% {
    -webkit-transform: translate3d(-19px, 21px, 25px);
    transform: translate3d(-19px, 21px, 25px);
  }
  100% {
    -webkit-transform: translate3d(-559px, 248px, 25px);
     transform: translate3d(-559px, 248px, 25px);
  }
}

@keyframes cursorMove {
  0% {
    -webkit-transform: translate3d(-19px, 21px, 25px);
    transform: translate3d(-19px, 21px, 25px);
  }
  100% {
    -webkit-transform: translate3d(-559px, 248px, 25px);
     transform: translate3d(-559px, 248px, 25px);
  }
}


/* Second Cursor Move (Select Title) */

@-webkit-keyframes cursorMove2  {
  0% {
    -webkit-transform: translate3d(-559px, 248px, 25px);
     transform: translate3d(-559px, 248px, 25px);
  }
  100% {
    -webkit-transform: translate3d(-459px, 39px, 25px);
    transform: translate3d(-459px, 39px, 25px);
  }
}

@keyframes cursorMove2  {
  0% {
    -webkit-transform: translate3d(-559px, 248px, 25px);
     transform: translate3d(-559px, 248px, 25px);
  }
  100% {
    -webkit-transform: translate3d(-459px, 39px, 25px);
    transform: translate3d(-459px, 39px, 25px);
  }
}


/* Third Cursor Move (Choose option - Mr) */

@-webkit-keyframes cursorMove3 {
  0% {
    -webkit-transform: translate3d(-459px, 39px, 25px);
    transform: translate3d(-459px, 39px, 25px);
  }
  100% {	
    -webkit-transform: translate3d(-474px, 88px, 25px);
    transform: translate3d(-474px, 88px, 25px);
  }
}

@keyframes cursorMove3 {
  0% {
    -webkit-transform: translate3d(-459px, 39px, 25px);
    transform: translate3d(-459px, 39px, 25px);
  }
  100% {	
    -webkit-transform: translate3d(-474px, 88px, 25px);
    transform: translate3d(-474px, 88px, 25px);
  }
}


/* Fourth Cursor Move  (Insert First Name) */

@-webkit-keyframes cursorMove4 {
  0% {
    -webkit-transform: translate3d(-474px, 88px, 25px);
    transform: translate3d(-474px, 88px, 25px);
  }
  100% {
    -webkit-transform: translate3d(-474px, 79px, 25px);
    transform: translate3d(-474px, 79px, 25px);
  }
}

@keyframes cursorMove4 {
  0% {
    -webkit-transform: translate3d(-474px, 88px, 25px);
    transform: translate3d(-474px, 88px, 25px);
  }
  100% {
    -webkit-transform: translate3d(-474px, 79px, 25px);
    transform: translate3d(-474px, 79px, 25px);
  }
}


/* Fifth Cursor Move (Insert Last Name) */

@-webkit-keyframes cursorMove5 {
  0% {
    -webkit-transform: translate3d(-474px, 79px, 25px);
    transform: translate3d(-474px, 79px, 25px);
  }
  100% {
    -webkit-transform: translate3d(-458px, 124px, 25px);
    transform: translate3d(-458px, 124px, 25px);
  }
}

@keyframes cursorMove5 {
  0% {
    -webkit-transform: translate3d(-474px, 79px, 25px);
    transform: translate3d(-474px, 79px, 25px);
  }
  100% {
    -webkit-transform: translate3d(-458px, 124px, 25px);
    transform: translate3d(-458px, 124px, 25px);
  }
}


/* Sixth Cursor Move (Select Contact Type) */

@-webkit-keyframes cursorMove6 {
  0% {
    -webkit-transform: translate3d(-458px, 124px, 25px);
    transform: translate3d(-458px, 124px, 25px);
  }
  100% {
    -webkit-transform: translate3d(-474px, 158px, 0px);
    transform: translate3d(-474px, 158px, 0px);
  }
}

@keyframes cursorMove6 {
  0% {
    -webkit-transform: translate3d(-458px, 124px, 25px);
    transform: translate3d(-458px, 124px, 25px);
  }
  100% {
    -webkit-transform: translate3d(-474px, 158px, 0px);
    transform: translate3d(-474px, 158px, 0px);
  }
}


/* Seventh Cursor Move (Choose Option - Doctor) */

@-webkit-keyframes cursorMove7  {
  0% {
    -webkit-transform: translate3d(-474px, 158px, 0px);
    transform: translate3d(-474px, 158px, 0px);
  }
  100% {
    -webkit-transform: translate3d(-467px, 296px, 25px);;
    transform: translate3d(-467px, 296px, 25px);;
  }
}

@keyframes cursorMove7  {
  0% {
    -webkit-transform: translate3d(-474px, 158px, 0px);
    transform: translate3d(-474px, 158px, 0px);
  }
  100% {
    -webkit-transform: translate3d(-467px, 296px, 25px);;
    transform: translate3d(-467px, 296px, 25px);;
  }
}


/* Eighth Cursor Move (Insert Mobile No.) 

@-webkit-keyframes cursorMove8 {
  0% {
    -webkit-transform: translate3d(-466px, 312px, 0px);
    transform: translate3d(-466px, 312px, 0px);
  }
  100% {
    -webkit-transform: translate3d(-390px, 243px, 25px);
    transform: translate3d(-390px, 243px, 25px);
  }
}

@keyframes cursorMove8 {
  0% {
    -webkit-transform: translate3d(-466px, 312px, 0px);
    transform: translate3d(-466px, 312px, 0px);
  }
  100% {
    -webkit-transform: translate3d(-390px, 243px, 25px);
    transform: translate3d(-390px, 243px, 25px);
  }
}
*/

/* Ninth Cursor Move (Insert Landline No.)

@-webkit-keyframes cursorMove9 {
  0% {
    -webkit-transform: translate3d(-390px, 243px, 25px);
    transform: translate3d(-390px, 243px, 25px);
  }
  100% {
    -webkit-transform: translate3d(-394px, 292px, 0px);
    transform: translate3d(-394px, 292px, 0px);
  }
}

@keyframes cursorMove9 {
  0% {
    -webkit-transform: translate3d(-390px, 243px, 25px);
    transform: translate3d(-390px, 243px, 25px);
  }
  100% {
    -webkit-transform: translate3d(-394px, 292px, 0px);
    transform: translate3d(-394px, 292px, 0px);
  }
}
 
*/
 
/* Tenth Cursor Move (Insert Email Address) */

@-webkit-keyframes cursorMove10 {
  0% {
    -webkit-transform: translate3d(-466px, 312px, 0px);
    transform: translate3d(-466px, 312px, 0px);
  }
  100% {
    -webkit-transform: translate3d(-470px, 322px, 25px);
    transform: translate3d(-470px, 322px, 25px);
  }
}

@keyframes cursorMove10 {
  0% {
    -webkit-transform: translate3d(-466px, 312px, 0px);
    transform: translate3d(-466px, 312px, 0px);
  }
  100% {
    -webkit-transform: translate3d(-470px, 322px, 25px);
    transform: translate3d(-470px, 322px, 25px);
  }
}


/* Eleventh Cursor Move (Click Save Button) */

@-webkit-keyframes cursorMove11 {
  0% {
    -webkit-transform: translate3d(-470px, 322px, 25px);
    transform: translate3d(-470px, 322px, 25px);
  }
  100% {
    -webkit-transform: translate3d(-252px, 382px, 25px);
    transform: translate3d(-252px, 382px, 25px);
  }
}

@keyframes cursorMove11 {
  0% {
    -webkit-transform: translate3d(-470px, 322px, 25px);
    transform: translate3d(-470px, 322px, 25px);
  }
  100% {
    -webkit-transform: translate3d(-252px, 382px, 25px);
    transform: translate3d(-252px, 382px, 25px);
  }
}

/* Twelvth Cursor Move (Click Edit Client Button) */

@-webkit-keyframes cursorMove12 {
  0% {
    -webkit-transform: translate3d(-262px, 398px, 25px);
    transform: translate3d(-262px, 398px, 25px);
  }
  100% {
    -webkit-transform: translate3d(-239px, 234px, 25px);
    transform: translate3d(-239px, 234px, 25px);
  }
}

@keyframes cursorMove12 {
  0% {
    -webkit-transform: translate3d(-252px, 382px, 25px);
    transform: translate3d(-252px, 382px, 25px);
  }
  100% {
    -webkit-transform: translate3d(-239px, 234px, 25px);
    transform: translate3d(-239px, 234px, 25px);
  }
}


/* Thirteenth Cursor Move Form 2 Section 1 */

@-webkit-keyframes cursorMove13 {
  0% {
    -webkit-transform: translate3d(-229px, 234px, 25px);
    transform: translate3d(-229px, 234px, 25px);
  }
  100% {
    -webkit-transform: translate3d(-414px, 46px, 25px);
    transform: translate3d(-414px, 46px, 25px);
  }
}

@keyframes cursorMove13 {
  0% {
    -webkit-transform: translate3d(-229px, 234px, 25px);
    transform: translate3d(-229px, 234px, 25px);
  }
  100% {
    -webkit-transform: translate3d(-414px, 46px, 25px);
    transform: translate3d(-414px, 46px, 25px);
  }
}


/* Fourteenth Cursor Move Form 2 Section 2 */

@-webkit-keyframes cursorMove14 {
  0% {
    -webkit-transform: translate3d(-414px, 46px, 25px);
    transform: translate3d(-414px, 46px, 25px);
  }
  100% {
    -webkit-transform: translate3d(-414px, 60px, 25px);
    transform: translate3d(-414px, 60px, 25px);
  }
}

@keyframes cursorMove14 {
  0% {
    -webkit-transform: translate3d(-414px, 46px, 25px);
    transform: translate3d(-414px, 46px, 25px);
  }
  100% {
    -webkit-transform: translate3d(-414px, 60px, 25px);
    transform: translate3d(-414px, 60px, 25px);
  }
}


/* Fifteenth Cursor Move Form 2 Section 3 */

@-webkit-keyframes cursorMove15 {
  0% {
    -webkit-transform: translate3d(-414px, 60px, 25px);
    transform: translate3d(-414px, 60px, 25px);
  }
  100% {
    -webkit-transform: translate3d(-653px, 376px, 25px);
    transform: translate3d(-653px, 376px, 25px);
  }
}

@keyframes cursorMove15 {
  0% {
    -webkit-transform: translate3d(-414px, 60px, 25px);
    transform: translate3d(-414px, 60px, 25px);
  }
  100% {
    -webkit-transform: translate3d(-653px, 376px, 25px);
    transform: translate3d(-653px, 376px, 25px);
  }
}


/* Cursor Tap Animation */

@-webkit-keyframes cursorTap {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes cursorTap {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}


/* Desktop Animation: Step 2: Choose Title */

.popup1 .cp-instance-input .form-control {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.popup1 .select-options {
  -webkit-animation: show 1s 9.2s, hide 1s 10s;
  animation: show 1s 9.2s, hide 1s 10s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.popup1 .cp-instance-name5 > span {
  -webkit-animation: typing1 1.6s steps(36, end) 10.1s;
  animation: typing1 1.6s steps(36, end) 10.1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


/* Desktop Animation: Step 3:  Insert First Name */

.popup1 .cp-instance-input .form-control {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.popup1 .cp-instance-name > span {
  -webkit-animation: typing 1.6s steps(36, end) 11.2s, hide 0s 11.7s;
  animation: typing 1.6s steps(36, end) 11.2s, hide 0s 11.7s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


/* Desktop Animation: Step 4:  Insert Last Name */

.popup1 .cp-instance-input .form-control {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.popup1 .cp-instance-name1 > span {
  -webkit-animation: typing 1.6s steps(36, end) 12.8s, hide 0s 13.5s;
  animation: typing 1.6s steps(36, end) 12.8s, hide 0s 13.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


/* Desktop Animation: Step 5:  Choose Contact Type */

.popup1 .cp-instance-input .form-control {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.popup1 .select-options1 {
  -webkit-animation: show 1s 13.5s, hide 1s 14.8s;
  animation: show 1s 13.5s, hide 1s 14.8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.popup1 .cp-instance-name6 > span {
  -webkit-animation: typing1 1.6s steps(36, end) 14.9s;
  animation: typing1 1.6s steps(36, end) 14.9s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


/* Desktop Animation: Step 8:  Insert Email Address */

.popup1 .cp-instance-input .form-control {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.popup1 .cp-instance-name4 > span {
  -webkit-animation: typing 1.6s steps(36, end) 15.2s, hide 0s 15.7s;
  animation: typing 1.6s steps(36, end) 15.2s, hide 0s 15.7s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


/* Show End Message */

.end-messagge {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    background: #fff;
    height: 100%;
    width: 100%;
    z-index: 999;
    text-align: center;
    padding-top: 79px;
	-webkit-animation: hide .15s 0s, show .15s 20s, hide .15s 26.5s;
    animation: hide .15s 0s, show .15s 20s, hide .15s 26.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.end-messagge > p:nth-of-type(1), .end-messagge-final > p:nth-of-type(1) {
    font-size: 48px;
    font-weight: 100;
    margin-bottom: 38px !important;
}

.end-messagge > p:nth-of-type(3) {
    font-size: 20px;
    font-weight: 600;
    margin-top: 45px !important;
}

.end-messagge > p:nth-of-type(3) span {
    color: #08a147;
    position: relative;
    margin-right: 18px;
}

.end-messagge > p:nth-of-type(3) span:after {
    content: '\f061';
    color: #08a147;
    font-family: fontAwesome;
    font-size: 12px;
    position: absolute;
    right: -13px;
    top: 5px;
}

.call-us > a, .call-us1 > a {
    color: hsl(0, 0%, 100%);
    cursor: pointer !important;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    display: block;
    height: 50px;
    width: 200px;
    padding: 12px;
    background: #16A44A;
    transition: 0.8s all;
    font-size: 1.25em;
}
a.btn-ylw {
    background: yellow;
    color: #000;
}
.call-us1 > a {
    width: 257px;
    font-size: 1.30em;
    font-weight: 700;
    margin: 20px auto 0;
}

.end-messagge-final {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    background: #fff;
    height: 100%;
    width: 100%;
    z-index: 999;
    text-align: center;
    padding-top: 92px;
    -webkit-animation: hide 0.5s 0s, show .15s 35.2s;
    animation: hide 0.5s 0s, show .15s 35.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.show-later {
   -webkit-animation: hide .15s 0s, show .15s 20s;
   animation: hide .15s 0s, show .15s 20s;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
}

#datatables-cdr tbody tr:nth-child(1) td:nth-child(1) {
	position: relative;
}

#datatables-cdr tbody tr:nth-child(1) td:nth-child(1) img:nth-of-type(1) {
	position: absolute;
	top: 5px;
	left: 6px;
   -webkit-animation: hide .15s 0s, show .15s 25s;
   animation: hide .15s 0s, show .15s 25s;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
}

#datatables-cdr tbody tr:nth-child(1) td:nth-child(1) img:nth-of-type(2) {
	position: absolute;
	top: 5px;
	left: 6px;
   -webkit-animation: show .15s 0s, hide .15s 25s;
   animation: show .15s 0s, hide .15s 25s;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
}

#datatables-cdr tbody tr:nth-child(1) td:nth-child(6) {
	position: relative;
}

#datatables-cdr tbody tr:nth-child(1) td:nth-child(6) span:nth-of-type(1)  {
	position: absolute;
	top: 5px;
	left: 6px;
   -webkit-animation: show 0s 0s, hide .15s 25s;
   animation: show 0s 0s, hide .15s 25s;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
}

#datatables-cdr tbody tr:nth-child(1) td:nth-child(6) span:nth-of-type(2)   {
	position: absolute;
	top: 5px;
	left: 6px;
   -webkit-animation: hide 0s 0s, show .15s 25s;
   animation: hide 0s 0s, show .15s 25s;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
}

#datatables-cdr tbody tr:nth-child(1) td:nth-child(6) div {
	position: relative;
	top: 15px;
}


/* Typing */

@-webkit-keyframes typing {
  from { width: 271px; }
  to { width: 0; padding:0; }
}
@keyframes typing {
  from { width: 271px; }
  to { width: 0; padding:0; }
}

@-webkit-keyframes typing1 {
  from { visibility: visible; display:block; }
  to { visibility: hidden; display:none; opacity:0; }
}
@keyframes typing1 {
  from { visibility: visible; display:block; }
  to { visibility: hidden; display:none; opacity:0; }
}

/* Show/Hide Elements */

@-webkit-keyframes show {
  0% {
    opacity: 0;
	visibility: hidden;
  }
  100% {
    opacity: 1;
	visibility: visible;
  }
}

@keyframes show {
  0% {
    opacity: 0;
	visibility: hidden;
  }
  100% {
    opacity: 1;
	visibility: visible;
  }
}

@-webkit-keyframes hide {
  0% {
    opacity: 1;
	visibility: visible;
  }
  100% {
    opacity: 0;
	visibility: hidden;
  }
}
@keyframes hide {
  0% {
    opacity: 1;
	visibility: visible;
  }
  100% {
    opacity: 0;
	visibility: hidden;
  }
}


/* Desktop Animation: Form 2 Sections Opacity control 

@-webkit-keyframes onfocus {
  0% {
    opacity: 1;
  }
  100% {
     opacity: 0.5;  
  }
}

@keyframes onfocus {
  0% {
    opacity: 1;
  }
  100% {
     opacity: 0.5;  
  }
}

@-webkit-keyframes unfocus {
  0% {
    opacity: 0.5; 
  }
  100% {
	opacity: 1;  
  }
}

@keyframes unfocus {
  0% {
    opacity: 0.5; 
  }
  100% {
	opacity: 1;  
  }
}

*/