*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.boxshadow, .tp-caption.boxshadow { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }
html, body { margin: 0; padding: 0; background-color: #fff; font-family: "Roboto" ,Helvetica,Arial,sans-serif !important; line-height: 1.4; color: #434345 !important; font-size: 14px !important;letter-spacing: 0.02rem; }
html:not(.lt-ie10) .page .text-lg-left { text-align: left; }
html:not(.lt-ie10) .page .text-lg-right { text-align: right; }
.body { max-width: 800px; padding: 40px; margin: 0 auto; font-family: lato-regular; font-size: 16px !important; }
.bg-lighter { background: #f5f5f5; fill: #f5f5f5; }

code { display: block; background-color: #eee; padding: 2em; overflow: scroll; white-space: nowrap; }

a {color:#469bd5; outline: none !important; }
a:hover, a:focus {color: #3188c4; text-decoration: none; }
.icon-margin { margin-right: 5px; }
.no-padding { padding: 0 !important; }
.no-margin { margin: 0; }
.bold { font-weight: bold; }
.bg-gray { background: #F7F8FA !important; display: inline-block;width: 100%; }
.red { color: Red; }
input.input-lg, select.input-lg { font-size: 14px !important; }
a:focus { outline: 0 none; outline-offset: 0; }
.center { text-align: center; }
.margin-top20 { margin-top: 20px; }
.padding-top10 { padding-top: 10px; }
.margin-top30 { margin-top: 30px; }
.margin-top40 { margin-top: 40px; }
.margin-top80 { margin-top: 80px; }
.margin-bottom20 { margin-bottom: 20px!important; }
.no-border{border:none!important;}
.form-box { border-width: 0px 2px 2px 2px; border-color: #E8E8E8; border-style: solid; overflow: hidden; border-radius: 4px; }

/*h1, h2, h3, h4, h5, h6 { font-weight: normal; }*/
h1, .h1 { font-size: 42px !important; line-height: 1.5 !important; }
h2, .h2 { font-size: 32px !important; line-height: 1.3 !important; }
h4, .h4 { font-size: 22px !important; line-height: 1.25 !important; }
.color-border { background: url("https://d16fcfgstc5xq2.cloudfront.net/P7mpk.png") repeat scroll 0 0; height: 5px; width: 100%; }

.page .text-bold, .page strong { font-weight: 700; }
.page .text-light { font-weight: 300; }
.page .text-regular { font-weight: 400; }
.page .text-spacing-60 { letter-spacing: 0.06em; }

.padding-top-100 { padding-top: 100px !important; }
.padding-top-66 { padding-top: 66px !important; }

.padding-bottom-85 { padding-bottom: 85px !important; }
.padding-bottom-124 { padding-bottom: 124px !important; }

.padding-top-bottom-34 { padding-top: 34px !important; padding-bottom: 34px !important; }
.padding-top-bottom-66 { padding-top: 66px !important; padding-bottom: 66px !important; }
.padding-top-bottom-100 { padding-top: 100px !important; padding-bottom: 100px !important; }

.range { display: flex; flex: 0 1 auto; flex-flow: row wrap; margin-left: -15px; margin-right: -15px;}

.space10 { margin-top: 10px !important; }
.space30 { margin-top: 30px !important; }
.space34 { margin-top: 34px !important; }
.space41 { margin-top: 41px !important; }
.space50 { margin-top: 50px !important; }
.space66 { margin-top: 66px !important; }

.setup .form-box { background: #fff; }
.setup input[type="text"] { background: transparent none repeat scroll 0 0; border: 1px solid #ccc; padding: 7px 14px; transition: all 0.4s ease 0s; margin-bottom: 36px; position: relative; z-index: 1; }
.setup input[type="text"] ~ label { color: #aaa; left: 30px; letter-spacing: 0.5px; position: absolute; top: 12px; transition: all 0.3s ease 0s; width: 90%; z-index: 0; }
.setup input[type="text"]:focus ~ label { color: #444; font-size: 12px; left: 19px; top: -21px; transition: all 0.3s ease 0s; }
.setup input[type="text"] { box-shadow: none !important; }

.setup input[type="text"].edited ~ label { color: #444; font-size: 12px; left: 19px; top: -21px; transition: all 0.3s ease 0s; }
.space10 { margin-top: 10px; }
.space5 {margin-top: 5px!important; }
.space30 { margin-top: 30px; }
.setup select { padding: 7px 10px; }

.navbar{margin-bottom:0px!important;border-radius:0px!important;position:relative;z-index:99}
.navbar-nav{float:right;}
.navbar-header a.logo{display: inline-block;height: 50px;position: relative;align-self: center;}
.navbar-header a.logo img{max-height:100%;max-width:100%;}
.navbar-header{padding:10px 0!important;height: 65px;display: flex;}
.navbar-toggle{margin:7px 0px 0px 0px!important;}
.navbar-inverse .navbar-nav>li>a{color:#fff!important;line-height:33.5px;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>li:hover>a{background:#080808;}
.navbar-inverse .navbar-nav>.active>a:after, .navbar-inverse .navbar-nav>.active>a:hover:after, .navbar-inverse .navbar-nav>.active>a:focus:after, .navbar-inverse .navbar-nav>li:hover>a:after{content: '';position: absolute;top: 99%;left: 50%;width: 0;height: 3px;margin-top: 0px;transition: .3s all ease;background: linear-gradient(90deg, #469bd5 0%, #196da6 100%);left: 0;width: 100%;}
.navbar-inverse .navbar-nav>li:last-child.active>a, .navbar-inverse .navbar-nav>li:last-child.active>a:hover, .navbar-inverse .navbar-nav>li:last-child.active>a:focus, .navbar-inverse .navbar-nav>li:last-child:hover>a{background-color: transparent;}
.navbar-inverse .navbar-nav>li:last-child:hover>a:after{background:transparent;content:'';}

.scroll-to-top.visible, .try-it-now.visible { display: block; }
.scroll-to-top{ border-radius: 100%; bottom: 75px; height: 50px; position: fixed; right: 25px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 50px; z-index: 1040; display: none;background-color: #469bd5 !important }
.scroll-to-top i{ color: #fff !important; line-height: 50px; }
.try-it-now{bottom: 0;z-index: 1040;position: fixed;right: 20px!important;}
/*--------------*/
.page-head { display: table; width: 100%; }
.carousel-text-section h1 { font-size: 60.5px !important; }
.carousel-text-section .btn-effect{margin-top:0px;}
.counter-type-2 .fa-eyedropper{font-size: 39px;top: -9px;left: 196px;position: absolute;}

/*Home Page*/
.free-trial-section { width: 100%; height: 568px; margin-bottom: 30px; padding: 0; background: #424242; background: url("https://d16fcfgstc5xq2.cloudfront.net/44bfb430-e128-4882-b110-79e830ba96c7.jpg") center top no-repeat; background-size: cover; position: relative; }
.free-trial-section .free-trial-wrapper { padding-top: 50px; color: #555; }
.free-trial-section .free-trial-wrapper h1 { color: #fff; margin: 0; padding: 0 0 20px 0; font-size: 50px; }
.free-trial-section .free-trial-wrapper .form-wrraper { margin: 15px 0 0 0; }
.free-trial-section .free-trial-wrapper .form-wrraper input { font-size: 14px; }
.free-trial-section .free-trial-wrapper h4 { font-size: 16px; margin: 5px 0; }
.free-trial-section .point-list ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.15); color: #fff; float: left;font-size: 15px; margin: 0 0 15px; padding: 0 0 15px; text-align: left; width: 100%;display:flex;align-items:center;}
.free-trial-section .point-list ul li span { background-color: #469bd5; border-radius: 50%; color: #ffffff; display: flex; float: left; width: 35px;min-width: 35px;font-weight: 900; height: 35px; margin: 0 8px 0 0; text-align: center;font-size: 17px;text-align: center; font-size: 17px; justify-content: center; align-items: center; } 
.free-trial-section .point-list ul li p { margin:0;}

.home-page-tabs-container .widget-inner { padding: 35px 0; text-align: center; }
.home-page-tabs-container h2 {font-size: 16px; font-weight: 400; }
.lead-icon { margin-top: -7px; width: 2em; height: 1.8em; font-size: 2.5em; }
.home-page-tabs-container .home-page-tabs { border-bottom: none; list-style: none; padding: 0; }
.home-page-tabs-container .home-page-tabs li a { color: #999; }
.home-page-tabs-container .home-page-tabs .active a, .home-page-tabs-container .home-page-tabs li:hover a, .home-page-tabs-container .home-page-tabs .active a:focus { color: #2b8dd6; border: none; }
.lead-generation .images{position:relative;position: relative;height: 370px;width: 70%;margin: auto;}
.lead-generation .images img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-height:100%;max-width:100%;}
.header-n-footer .range img{margin-bottom:10px;}
.featureArea .feature-img { text-align: center; }
.featureArea img{ max-width: 100%; max-height: 100%;margin:auto;}
.featureArea h2 {margin-top:0px;color:#001b41;font-size: 36px!important; position:relative;margin-bottom:10px!important;padding-bottom:3px;}
.featureArea h2:after { position: absolute; bottom: 0px; left: 0; content: ''; width: 25%; height: 3px; background: linear-gradient(90deg, #469bd5 0%, #196da6 100%); } 
.featureArea h3 { margin: 0; padding: 35px 0 10px 0; color: #001b41; font-size: 48px; letter-spacing: -1px; font-weight: 900; }
.featureArea span.head_one { font-size: 17px; }
.featureArea p { color: #888;font-size: 14px; font-weight: normal; line-height: 1.6; }
.featureArea ul { padding: 11px 4px; font-size: 13px; }
.featureArea a h3 { color: #fc3b33; display: inline-block; font-size: 22px; font-weight: 900; margin: 10px 0 0; transition: .2s all ease; letter-spacing: 0.05em; }
.featureArea a h3:hover { color: #3e4549 !important; }
.featureArea h6 { margin-bottom: 10px; color: #3e4549; font-size: 16px; line-height: 25px; width: 100%; font-weight: 900;}
.your-website { padding: 0px 0 30px 0; margin: 0; }
.your-website .pics { margin-top: 30px; margin-bottom: 20px; text-align: center; }
.featured-columns {display: block; width: 100%;height:100%;padding: 20px 15px 15px;border-radius: 5px;box-shadow: 0 1px 15px rgba(33,37,41,.15);transition:all .5s linear;background-color:#ffffff;}
.featured-columns:hover{box-shadow: 0 1px 35px rgba(33,37,41,.35);}
.featured-columns h4{font-size:18px!important;}
.featured-columns p{margin:0;}
.featureArea .products ul, ul.small-preview { background: #f6f6f6 none repeat scroll 0 0; border-radius: 5px; }
ul.small-preview li p{margin-top:5px;margin-bottom:0;}
ul.small-preview-white{background:#ffffff none repeat scroll 0 0;border-radius: 5px;padding: 12px 10px 5px 10px;}
ul.small-preview-white p{margin-bottom:0px;line-height: 1.2;font-size: 12px;margin-top: 5px;font-weight:normal;}
.featureArea .products ul li .small-thumbnails, ul.small-preview-white .small-thumbnails, ul.small-preview .small-thumbnails { border: 2px solid; border-color: #ddd; border-radius: 4px; height: 94px; padding: 2px;overflow: hidden;position: relative; }
.featureArea .products ul li .small-thumbnails img, ul.small-preview-white .small-thumbnails img, ul.small-preview .small-thumbnails img {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.featureArea .products ul li p { font-size: 13px; font-weight: normal; margin: 5px 0 0 0 !important; }
/*.featureArea .products ul li img { max-width: 100%; max-height: 100%; display: table-cell; vertical-align: middle; top: 0; bottom: 0; }
.alicenter-pics .img-responsive{margin:auto;-webkit-box-shadow: -9px 7px 11px 0px rgba(144, 144, 144, 0.8); -moz-box-shadow: -9px 7px 11px 0px rgba(144, 144, 144, 0.8); box-shadow: -9px 7px 11px 0px rgba(144, 144, 144, 0.8); }
ul.small-preview-white .small-thumbnails{position:relative;}*/
ul.small-preview-white .small-thumbnails .p-images, .led-images{position: absolute;top: 0;bottom: 0;margin: auto;left: 0;right: 0;padding: inherit;max-height:100%;max-width:100%;}

.blacklayer { background: rgba(0, 0, 0, 0.25) url("https://d16fcfgstc5xq2.cloudfront.net/bg-strip.png") repeat scroll 0 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.home .featured-columns {height:261px; }
#myform{background: #272727;background-blend-mode: overlay;border-radius: 8px;padding-bottom: 11px;text-align:center;box-shadow: 0 1px 22px rgba(0, 0, 0, 0.51);}

/*Features Page*/
.feature-header, .docs-header, .section-heading { padding: 20px 0px 20px 0px; color: #000000; }
.feature-header p { margin: 0; padding: 0 0 15px 0; font-size: 15px; text-align: center; }
.feature-content { padding: 20px 0 50px 0; }
.feature-content p { padding-bottom: 10px; }
.feature-tab > .nav-tabs { float: left; margin-right: 20px; border-right: 1px solid #ddd; min-height: 700px; border-bottom: 0; width: 230px; list-style: none; padding: 0; }
.feature-tab > .nav-tabs > li { float: none !important; }
.feature-tab > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-weight: normal; border: 0; padding: 10px 15px; display: block; text-decoration: none; line-height: 30px; position: relative; font-size: 16px; color: #3E4549; }
.feature-tab > .nav-tabs > li.active > a, .feature-tab > .nav-tabs > li.active > a:hover, .feature-tab > .nav-tabs > li.active > a:focus, .feature-tab > .nav-tabs > li:hover a { background-color: transparent; border: 0; color: #469bd5; }
.feature-tab > .nav-tabs .active > a, .feature-tab > .nav-tabs .active > a:hover, .feature-tab > .nav-tabs .active > a:focus, .feature-tab > .nav-tabs > li:hover a { border-color: none; background: url(https://d16fcfgstc5xq2.cloudfront.net/tab-arrow.png) no-repeat right; }
.feature-content .designcontent { padding: 0 0 0 255px; }
.feature-content .designcontent h1 { font-size: 16px; margin: 0; padding: 0 0 15px 0; }

.more-flex-wrap{display: flex;  flex-wrap: wrap;gap:30px 0;padding-bottom:100px;}
.more-single-li{}

/*How we are different*/
.docs-header { margin-bottom: 15px; }
.docs-header p {margin: 0; padding: 0 0 15px 0; font-size: 15px; text-align: center; }
.docs-nav { margin: 0; padding: 0;}
.docs-nav li { text-align: center; cursor: pointer; margin: 0; padding: 0; list-style: none; }
.docs-nav li a { margin-top: 15px; display: block; color: #a8acb1; }
.docs-nav li i { display: block; color: #a8acb1; }
.docs-nav li.active a, .docs-nav li.active a:focus, .docs-nav li.active:hover a, .docs-nav li:hover a, .docs-nav li.active i, .docs-nav li.active i:focus, .docs-nav li.active:hover i, .docs-nav li:hover i { color: #469bd5; }
.responsive-icon { margin-top: -40px!important; width: 2em; height: 1.8em; font-size: 2.5em; }
.docs-content { padding: 40px 0 30px 0; margin-bottom: 0; border-top: solid 2px #e7e9ea; background: #f6f6f6 none repeat scroll 0 0; }
.docs-content .content-wrapper { padding: 0 60px; }
.docs-content .carousel-control.left, .docs-content .carousel-control.right { background: transparent; }
.docs-content .carousel-inner { padding: 0 0 40px 0; margin: 0; }
.docs-content .carousel-inner h1 {margin: 0; padding: 0 0 10px 0; font-size: 32px; text-align: center; color: #000000; letter-spacing: -1px; margin-bottom: 0; }
.docs-content .carousel-inner h2 { font-size: 28px !important;margin: 0; padding: 0 0 10px 0; color: #000; }
.docs-content .carousel-inner span.line { display: block; height: 4px; background: #FF5745; width: 70px; margin: auto; margin-bottom: 30px; }
.docs-content .carousel-inner .logoarea { min-height: 150px; margin-bottom: 10px; }
.docs-content .carousel-inner .img-pci, .img-trusted { max-width: 128px; margin: auto; }
.docs-content .carousel-inner .img-amazon { margin: auto; }
.docs-content .carousel-inner .responsive-ecommerce { margin: auto; }
.docs-content .carousel-control { color: #d8d8d8; }
.docs-content .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { top: 47%; margin-left: -20px; right: 30%; }
.carousel-control { width: 6.5%; }
.docs-content .item{height: 564px;}
.docs-content .item .create-your-design-image{position:relative;height:457px;width:100%;}
.docs-content .item .create-your-design-image img{position:absolute;top:0;bottom:0;left:0;right:0;max-width:100%;max-height:100%; margin:auto; }
.add-custom-block .small-preview .small-thumbnails{height:147px;position:relative;}
.add-custom-block .small-preview .small-thumbnails .p-images{max-height:100%;max-width:100%; top:0; bottom:0; left:0; right:0; margin:auto; position:absolute}
.add-custom-block ul.small-preview li:last-child .small-thumbnails{border:1px solid #51ab5a} 
/*Plans*/
.service-expired-alert { padding: 40px 0; background-color: #F9F9F9; border-bottom: 1px solid #eee; }
.service-expired-alert h3 {font-size: 40px; letter-spacing: -1px; text-transform: none; color: #444 !important; line-height: 1; margin-top: 0; }
.service-expired-alert i { color: rgb(239, 43, 43); line-height: 1.3; }
/*--------------------------------------*/
.pricing-box { position: relative; }
.pricing-box a { text-decoration: none !important; }


.pricing-box .box-header h2 { background-color: transparent; font-size: 40px; font-weight: normal; margin: 0px 0px 0px 0px; padding: 10px; color: #fff !important; }

.pricing-box .plan { background: #fff; border-radius: 3px; color: #333; position: relative; text-align: center; min-height: 366px; border: 1px solid #73787B; padding: 25px 10px 18px;margin: 0 10px 50px 10px;text-align: center;z-index: 1;position: relative;border: 1px solid #73787B;}
.plan:before{content: "";width: 100%;height: 100%;background: #fff;position: absolute;top: 0;left: 0;z-index: -1;-webkit-clip-path: polygon(100% 0, 100% 85%, 50% 100%, 0% 85%, 0 0);clip-path: polygon(100% 0, 100% 85%, 50% 100%, 0% 85%, 0 0);}
.plan:after{content: "";width: 70px;height: 30px;background: #73787B;margin: 0 auto;position: absolute;top: 93px;left: 0;right: 0;-webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);clip-path: polygon(50% 100%, 0 0, 100% 0);z-index:2;}


.pricing-box .box-header { background: #73787B !important; height: 76px; }
.plan .box-header{padding: 10px 0;margin: 0 -25px 30px;background: #73787B;font-size: 25px;font-weight: 600;color: #fff;position: relative;z-index:10;display: flex;justify-content: center;}
.plan .box-header:before{content: "";border-top: 15px solid #343637;border-left: 15px solid transparent;border-bottom: 15px solid transparent;position: absolute;bottom: -30px;left: 0;}
.plan .box-header:after{content: "";border-top: 15px solid #343637;border-right: 15px solid transparent;border-bottom: 15px solid transparent;position: absolute;bottom: -30px;right: 0;}


.pricing-box .price-type{position: relative;display: flex;flex-direction: column;justify-content: center;}
.pricing-box .price-type h3{margin: 0px 0px 5px 0px;}

.plan .price-value{margin: 55px 0px;}
.plan .currency{display: inline-block;font-size: 30px;vertical-align: top;margin-top: 8px;}
.price-value .amount{display: inline-block;font-size: 50px;font-weight: 700;}
.price-value .month{display: block;font-size: 1.2rem;font-weight: 500;}

.pricing-box .extra-info {border-top: 1px solid #8f8f8f;border-bottom: 1px solid #8f8f8f;margin-bottom: 25px;color: #7e7e7e;display: table;
width: 100%;}
.plan .extra-info p{font-size: 17px;color: #8f8f8f;line-height: 26px;padding: 15px 0px;margin:0px;display: table-cell;
vertical-align: middle;}

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

/*------------------New-----------------*/

.plan .btn-compare-plan{display: inline-block;padding: 10px 30px;background: #1daa72;font-size: 14px;font-weight: 500;color: #fff; overflow: hidden;position: relative;transition: all 0.7s ease 0s;border-radius:4px;}
.plan .btn-compare-plan:before{content: "";display: inline-block;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);position: absolute;top: 0;left: 0;opacity: 0;transform: translate(0,100%);transition: all 0.6s ease-in-out 0s;}
.plan .btn-compare-plan:hover:before {opacity: 1;transform: translate( 0,-100%);}
.plan.selected:after,.plan.selected .box-header,.plan.selected .btn-compare-plan{ background: #54AFE9!important;}
.plan.selected {border-color: #54AFE9;}
.plan.selected .price-value{color: #54AFE9;}
.plan.selected .box-header:after,.plan.selected .box-header:before{ border-top: 15px solid #2e6a91;}

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


.free-trial-pricing { padding: 0px; background-color: #fff; border-top: 5px solid #fc813b !important; margin-bottom: 15px;border-radius: 11px; }
.free-trial-pricing h4 { margin: 8px 0; }
.free-trial-btn { display: none; }
.free-trial-pricing h5 { margin: 0 0 5px 0; font-size: 13px; }
.free-trial-pricing .wrapper .form-wrraper { width: 100% !important; }
.free-trial-pricing .wrapper { text-align: center; }

.plan-sheet { padding: 0 0 40px 0; }
.plan-sheet .table h3 { margin: 5px 0; color: #3b3b3b; text-transform: capitalize;}
.plan-sheet .table tr .cell-1 { width: 25%; }
.plan-sheet .table tr .cell-2 { border-bottom: 3px solid #469bd4 !important; width: 25%; background-color: #469bd4; }
.plan-sheet .table tr .cell-3 { border-bottom: 3px solid #fc813b !important; width: 25%; background-color: #fc813b; }
.plan-sheet .table tr .cell-4 { border-bottom: 3px solid #a3cf2c !important; width: 25%; background-color: #a3cf2c; }
.plan-sheet .table tr .cell-2 h3, .plan-sheet .table tr .cell-3 h3, .plan-sheet .table tr .cell-4 h3 { color: #fff; }
.plan-sheet .table tr td, .plan-sheet .table tr th { text-align: center; border: none; border-left: 2px solid #fff; }

.plan-sheet .table tr th:first-child, .plan-sheet .table tr td:first-child { text-align: left; }
.plan-sheet .table tr td div { font-size: 16px !important; }
.plan-sheet .table tr .check { color: #59B479; }
.plan-sheet .table tr .check i, .check i, .cross i { font-size: 20px; }
.plan-sheet .table tr .cross { color: #E81C1C; }

/*Faqs*/
.faq-header { border-bottom: none; }
.faq-content { padding: 20px 0 40px 0; }
.faq-content h4 {  font-size: 16px; }
.faq-content p {font-weight: normal; font-size: 13px; padding-bottom: 10px; }

/*Contact*/
.contact-content { padding: 0 0 60px 0; margin: 0; color: #000; }
.contact-content .form-container { background: #f9fafa; border: solid 1px #e7e9ea; border-radius: 2px; padding: 25px; margin-bottom: 20px; }
.contact-content .form-container label { font-weight: normal; font-size: 14px; }
/*.contact-content h4 {font-size: 19px;font-weight: normal; padding-bottom: 10px;letter-spacing: -1px;}*/

.aboutus-content { padding: 10px 0 60px 0; }
.about-us .docs-header { padding: 40px 0; color: #000000; margin-bottom: 15px; background: #59425A url("https://d16fcfgstc5xq2.cloudfront.net/selfie_internal_bg.jpg"); height: 100%; width: 100%; -ms-background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; position: relative; background-position: 50% 27%; }
.about-us .screen-shot { background: #59425A url("https://d16fcfgstc5xq2.cloudfront.net/screen-BB.jpg"); height: 230px; width: 100%; -ms-background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; height: 526px; }
.about-us h1, .contact-us h1, .term-n-services h1, .faqs h1, .privacy h1 { color: #fff; font-weight:bold;}
.about-us h3, .contact-us h3, .term-n-services h3, .faqs h3, .privacy h2 { color: #fff; }
.about-us h4, .contact-us h4, .term-n-services h4, .faqs h4, .privacy h3 { color: #414141; font-size: 21px; line-height: 29px; }

.contact-us .docs-header { padding: 40px 0; color: #000000; margin-bottom: 15px; background: #333 url("https://d16fcfgstc5xq2.cloudfront.net/033.jpg"); height: 100%; width: 100%; -ms-background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; position: relative; background-position: 50% 9%; }

.term-n-services .docs-header { padding: 40px 0; color: #000000; margin-bottom: 15px; background: #59425A url("https://d16fcfgstc5xq2.cloudfront.net/term_n_services.jpg"); height: 100%; width: 100%; -ms-background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; position: relative; background-position: 50% 60%; }
.term-n-services h5 { font-size: 16px !important; color: #919191 !important; font-weight: bold; }

.faqs .docs-header { padding: 40px 0; color: #000000; margin-bottom: 15px; background: #59425A url("https://d16fcfgstc5xq2.cloudfront.net/FAQ.jpg"); height: 100%; width: 100%; -ms-background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; position: relative; background-position: 50% 20%; }

.privacy .docs-header { padding: 40px 0; color: #000000; margin-bottom: 15px; background: #59425A url("https://d16fcfgstc5xq2.cloudfront.net/Privacy.jpg"); height: 100%; width: 100%; -ms-background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; position: relative; background-position: 50% 20%; }

.btn{padding: 8px 15px;  border-radius: 2px;}
.btn-sm, .btn-group-sm > .btn { padding: 5px 10px;}
.btn-lg, .btn-group-lg > .btn { padding: 10px 16px;border-radius: 4px;}

input, button, select, textarea{border-radius:2px;}
input.input-lg, select.input-lg{border-radius:4px;}
.mb-3, .my-3 { margin-bottom: 1rem !important; }
.mt-3, .my-3 { margin-top: 1rem !important; }

/*Login*/
.login-heading{text-align:center;margin-bottom:25px;}
.login-heading h1{font-size: 32px !important;  line-height: 1.5 !important;margin-top:0;}
.login-heading h3{font-size:16px; margin-bottom: 5px;font-weight:normal;margin-top:0;color:#757575;}
.login-section { padding: 60px 0; color: #000; display: flex;  justify-content: center;  align-items: center;min-height: calc(100vh - 428px);}
.login-wrapper { width: 350px; margin: auto; } 
.login-section .loginbox { background-color: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1); text-align: center;}
.login-section .bg-danger { display: block; }
.login-section .loginbox label {font-size: 14px; font-weight: normal; }
.login-section .freetrial-box {  margin-top: 20px; text-align: center; }
.login-section .freetrial-box a {font-size: 16px; color: #3188c4; margin: 0; padding: 10px 0;display: inline-block; }
.login-section .freetrial-box a:hover{text-decoration: underline; }

.free-trial-feature { padding: 40px 0; }
.free-trial-feature .wrapper { padding: 20px; text-align: center; }
.free-trial-feature .wrapper .form-wrraper { width: 100% !important; }
.free-trial-feature .trial-form-wrapper { margin: 40px 0; }
.free-trial-feature .trial-form-wrapper .trial-form-box { padding: 20px 40px; background-color: #f9f9f9; border: 1px solid #eee; border-radius: 4px; }

.company-info-wrapper { padding: 40px 20px; }
.company-info-wrapper .company-info-form h2 { margin: 0 0 30px;text-align: center; color: #222; }
.company-info-wrapper .company-info-form label {font-size: 14px; font-weight: normal; }

.free-trial-banner { height: 506px; background: url("https://d16fcfgstc5xq2.cloudfront.net/home-background.jpg"); border-bottom: 1px solid #ccc; }
.free-trial-banner .free-trial-wrapper { text-align: center; }
.free-trial-banner .free-trial-wrapper h4 { color: #fff; margin: 0; padding: 0 0 20px 0; font-size: 36px; }
.free-trial-banner .free-trial-wrapper .form-wrraper { width: 100%; padding: 0 100px; }
.free-trial-page { padding: 0 !important; }
.privacy-terms { padding-bottom: 40px; }

/*blog*/

.blog-posts, .blog-right-sec { margin-bottom: 20px; }
.blog-posts .post-image { margin-bottom: 15px; width: 100%; text-align: center; overflow: hidden; position: relative; }
.blog-posts .post-image img { max-width: 100%; max-height: 100%; -webkit-transition: -webkit-transform 0.35s; -moz-transition: -moz-transform 0.35s; transition: transform 0.35s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-backface-visibility: hidden; }
.blog-posts h1 { font-size: 40px; letter-spacing: 0; margin: 30px 0; }
.blog-posts li.single-blog { padding-bottom: 25px; margin-bottom: 35px; border-bottom: 1px dashed #e5e5e5; }
.blog-posts li.single-blog:last-child { border: none; }
.blog-posts .post-image:hover img, .blog-posts .post-image:focus img { transform: scale(1.1); }
.blog-posts .post-image .link-icon { position: absolute; left: 48%; top: 46%; z-index: 1000; color: #fff; opacity: 0; }
.blog-posts .post-image:hover .link-icon, .blog-posts .post-image:hover .img-overlay { opacity: 1; }
.img-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -moz-transition: opacity 250ms linear; -o-144: opacity 250ms linear; -webkit-transition: opacity 250ms linear; transition: opacity 250ms linear; }
.blog-posts .post-info { margin: 0px; border-top: 1px solid #ebeaea; border-bottom: 1px solid #ebeaea; line-height: 2; }
.blog-posts .post-info li { font-size: 12px; vertical-align: middle; text-transform: capitalize; margin-bottom: 2px; margin-right: 5px; }
.blog-posts .post-content h2 { margin:9px 0px 5px 0px!important}
.blog-posts .post-content p { line-height: 24px; }
.blog-posts .blog-description { margin: 20px 0; }
.blog-details { padding: 40px 0; }
.blog-details h2 { font-size: 25px; margin: 0 0 20px; }
.blog-details .blog-tags { }
.blog-details .blog-tags li { display: inline-block; }

.popular-post { margin-bottom: 20px; }
.popular-post h4 { font-size: 18px; font-weight: 600; color: #444; margin-bottom: 15px; }
.popular-post li { padding-bottom: 15px; border-bottom: 1px dashed #e5e5e5; margin-bottom: 15px; }
.popular-post li:last-child { border: none; }
.popular-post .popular-img {margin-right: 10px;float: left;width: 91px;position: relative;border: 1px solid #cfcfcf;height: 52px;padding: 2px; }
.popular-post .popular-img img {max-width: 100%;max-height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.popular-post .popular-desc { display: table; }
.popular-post .popular-desc h5 { font-size: 16px; margin-bottom: 6px;  line-height: 1.2; margin-top: 0; }

footer { background: #222222; color: #cbcbcb; padding: 60px 0 0; margin-top: -1px; text-align: left; }
footer a { color: #ccc; }
footer p { line-height: 24px; }
footer .footer-widget { margin-bottom: 20px; }
footer .footer-widget .widget { margin-bottom: 25px; }
footer .footer-widget .widget-title { position: relative; font-size: 18px; font-weight: 400; margin-top: 0; padding-bottom: 12px; margin-bottom: 20px; color: #fff; line-height: 1.25;}
footer .footer-widget .widget-title:after { position: absolute; bottom: 0px; left: 0; content: ''; width: 15%; height: 2px; background: linear-gradient(90deg, #469bd5 0%, #196da6 100%); }
footer .footer-widget .widget ul { margin: 0; padding: 0; list-style: none; }
footer .footer-widget .widget.qlinks ul li { padding: 10px 0; list-style: none; border-bottom: 1px solid rgba(255,255,255,0.05); }
footer .footer-widget .widget.contact ul li { margin-bottom: 5px; }
footer .footer-widget .widget.social ul{display:flex;gap:10px;}
footer .footer-widget .widget.social ul li { display: inline-block; }
footer .footer-widget .widget.social ul li a { background-color: #eeeeee; color: #222; width: 35px; height: 35px; text-align: center;  border-radius: 3px;display:flex;justify-content:center;align-items:center;transition:all .3s linear;}
footer .footer-widget .widget.social ul li a.facebook:hover{background-color:#1877f2;color:#ffffff;}
footer .footer-widget .widget.social ul li a.twitter:hover{background-color:#000000;}
footer .footer-widget .widget.social ul li a.linkedin:hover{background-color:#0073b1;color:#ffffff;}
footer .footer-widget .widget.social ul li a:hover svg path{fill:#ffffff;}

.footer-copyright { background: #262626; padding: 25px 0 15px; }
.footer-strip-link { text-align: right; }
.footer-strip-link ul li { display: inline-block; margin: 0 5px; }

.form-title, .form-bottom-text { color: #fff; }
.pricing-box .form-title, .setup-box .form-title, .pricing-box .form-bottom-text, .setup-box .form-bottom-text, .blog-box .form-title, .blog-box .form-bottom-text { color: #5B5B5B; text-align: center; }
.pricing-box .form-title, .pricing-box .form-bottom-text{ color: #ffffff;}

.p-images,.led-images,.t-images,.custm-images { cursor: pointer; }
#comparePlans table tbody tr { border-bottom: 1px solid #eee; }

.top-arrow-effect { position: relative; }
.top-arrow-effect::after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fff transparent transparent; border-image: none; border-style: solid; border-width: 20px 30px; content: ""; left: 50%; margin-left: -30px; position: absolute; top: -2px; }

.top-arrow-effect::before { background: rgba(0, 0, 0, 0) linear-gradient(to top, #f6f6f6, #ececec) repeat scroll 0 0; content: ""; display: block; height: 10px; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; width: 100%; }

.feature-section .feature-content { padding: 20px 0 10px 0; }

.has-error .form-control { color: #ff0000 !important; border-color: #a94442 !important; }
#pnlStartFreeTrialBlog { width: 262px !important; background-color: #EFEFEF !important; }
.blog-description li { margin-bottom: 10px; }
.blog-description {font-size: 16px; }
.blog-description img { display: inline-block; }

.carousel-text-section { color: #ffffff; left: 0; overflow: hidden; position: absolute; right: 0; text-align: center; top: 23%; z-index: 7; }

.text-uppercase, .initialism { text-transform: uppercase; }
.text-center { text-align: center; }
.form-on-carousel { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; border-radius: 3px; color: #fff !important; margin: 47px auto 0; overflow: hidden; padding: 15px 19px; text-align: left; width: 95%; }
.form-on-carousel .form-group.btn { margin-left: 0 !important; margin-top: 22px !important; }
.form-on-carousel .form-inline label { font-weight: normal !important; }

/*Counter icons*/
.page .text-mantis, .page .text-mantis:before { color: #469bd5; background-image: -webkit-linear-gradient(0deg, #469bd5 0%, #196da6 100%); }
.page .text-malibu, .page .text-malibu:before { color: #55bbeb; background-image: -webkit-linear-gradient(0deg, #55bbeb 0%, #3188c4 100%); }
.page blockquote.quote .text-neon-carrot, .page .text-neon-carrot { color: #F3A43D; }
.page blockquote.quote .text-ku-crimson, .page .text-ku-crimson { color: #e50a0a; }
.page .text-mantis, .page .text-acapulco, .page .text-blue-gray, .page .text-malibu, .page .text-carrot, .page .text-mantis, .page .text-mantis:before, .page .text-malibu, .page .text-malibu:before { -webkit-background-clip: text; -webkit-text-fill-color: transparent; }


.mdi { display: inline-block; font-weight: 400; font-style: normal; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); }
.icon { display: inline-block; font-size: 54px; font-style: normal; font-weight: 400; line-height: 56px; position: relative;color: #001b41; }
.page .text-mantis, .page .text-mantis::before { color: #469bd5; }
.mdi-chevron-up:before { content: "\f106"; }
.mdi-file-xml:before { content: "\f1c9"; }
.mdi-star:before { content: "\f005"; }
.mdi-skins:before { content: "\f108"; }
.mdi-file-image:before { content: "\f1c5"; }
.mdi-bulletin-board:before { content: "\f032"; }
.mdi-refresh:before { content: "\f01e"; }
.mdi-vector-square:before { content: "\f109"; }
.mdi-headset:before { content: "\f098"; }


.bg-blue-green { fill: #55bbeb; background: #55bbeb; background: -moz-linear-gradient(90deg, #55bbeb 0%, #196da6 100%); background: -webkit-linear-gradient(90deg, #55bbeb 0%, #196da6 100%); background: -o-linear-gradient(90deg, #55bbeb 0%, #196da6 100%); background: -ms-linear-gradient(90deg, #55bbeb 0%, #196da6 100%); background: linear-gradient(90deg, #55bbeb 0%, #196da6 100%); }
.bg-purple-blue { background: -moz-linear-gradient(90deg, #8668ad 0%, #55bbeb 100%); background: -webkit-linear-gradient(90deg, #8668ad 0%, #55bbeb 100%); background: -o-linear-gradient(90deg, #8668ad 0%, #55bbeb 100%); background: -ms-linear-gradient(90deg, #8668ad 0%, #55bbeb 100%); background: linear-gradient(90deg, #8668ad 0%, #55bbeb 100%); }

.context-dark { color: #fff;}
.context-dark, .context-light{font-size:17px;}

.icon-red-filled { background: rgba(0, 0, 0, 0) linear-gradient(45deg, #f54b0f 0%, #e50a0a 100%) repeat scroll 0 0; }
.icon-blue-gray-filled { background: rgba(0, 0, 0, 0) linear-gradient(45deg, #8668ad 0%, #55bbeb 100%) repeat scroll 0 0; }
.icon-mantis-filled { background: rgba(0, 0, 0, 0) linear-gradient(45deg, #469bd5 0%, #196da6 100%) repeat scroll 0 0; }

.icon-darker-filled { background: #434345; }
.icon-circle { border-radius: 50%; }
.icon-darker-filled, .icon-darkest-filled, .icon-shark-filled, .icon-mantis-filled, .icon-pink-filled, .icon-malibu-filled, .icon-carrot-filled, .icon-red-filled, .icon-blue-gray-filled { border: medium none; color: #fff; }
.icon-rect, .icon-circle, .icon-rounded, .icon-outlined { font-size: 32px; height: 70px; line-height: 70px; text-align: center; width: 70px; }
.icon:before { display: inline-block; position: relative; }

.icon-outlined:after { position: absolute; top: -7px; right: -7px; bottom: -7px; left: -7px; content: ''; border: 2px solid #f5f5f5;box-shadow: inset 0px -4px 4px 1px #bebebe;-webkit-box-shadow: inset 0px -4px 4px 1px #bebebe;-o-webkit-box-shadow: inset 0px -4px 4px 1px #bebebe;-moz-webkit-box-shadow: inset 0px -4px 4px 1px #bebebe; }
.icon-outlined, .icon-outlined:after { border-radius: 50%; }

.divider {width: 70px; height: 4px; padding: 0; margin: 13px auto 23px; border: none; }
.bg-green-lightgreen, .scrollToNext { background: linear-gradient(90deg, #469bd5 0%, #196da6 100%); }

/*buttons primary and default*/
.btn-effect:hover:before { -webkit-animation: criss-cross-left 0.8s; animation: criss-cross-left 0.8s; }
.btn-effect:hover:after { -webkit-animation: criss-cross-right 0.8s; animation: criss-cross-right 0.8s; }
/*.btn { display: inline-block !important; outline: none !important;}*/

.btn-primary { color: #ffffff !important; background-color: #469bd5 !important; border-color: #469bd5 !important;}
.btn-primary:focus, .btn-primary.focus, .btn-primary:hover, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #ffffff !important; background-color: #3188c4 !important; border-color: #3188c4 !important; }

.btn-default { color: #ffffff !important; background-color: transparent !important; border-color: #fff !important; }
.btn-default:focus, .btn-default.focus, .btn-default:hover, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #434345 !important; background-color: #ffffff !important; border-color: #ffffff !important; }


.btn-effect.btn-default:before, .btn-effect.btn-default:after { background: #ffffff !important; }
.btn-effect.btn-primary:before, .btn-effect.btn-primary:after { background: #3188c4 !important; }
a[href='free-trial']{padding: 13px 20px;font-size: 19px;}
/*.navbar-inverse .navbar-nav > li a[href="free-trial"]{margin-top:5px;}*/

.btn-effect { position: relative; z-index: 1; background-color: transparent; transition: .2s; transition-delay: .1s; overflow: hidden; }
/**/
.btn-effect:before, .btn-effect:after { position: absolute; top: 50%; content: ''; width: 20px; height: 20px; background: #434345; border-radius: 50%; transition: 0.5s; z-index: -1; }
.btn-effect:before { left: -20px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(50%, -50%); }
.btn-effect:after { right: -20px; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); }

.btn-effect:hover { transition-delay: .45s; }

.btn-lg, .btn-group-lg > .btn, .pagination-classic > li.btn-group-lg > a, .pagination-classic > li.btn-group-lg > span {line-height: 32px !important; border-radius:4px !important; }
/*---------------------------*/

.range-xs-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.try-it-now{padding:0!important;}

/*Home layout*/
.mock-up-wrapper { position: relative; }
.reveal-lg-inline-block { display: inline-block !important; }
html:not(.lt-ie10) .page .text-lg-left { text-align: left; }
/*---------------------------*/

/*Limitless header & footer*/
.rd-parallax { z-index: 0; }
.rd-parallax-inner { clip: rect(0px, auto, auto, 0px); overflow: hidden; z-index: 1; }
.rd-parallax-layer[data-type="media"] { bottom: 0; left: 0; pointer-events: none; right: 0; top: 0; }
.rd-parallax-layer[data-url] { background-position: center center; background-size: cover; background-blend-mode: overlay; background-color: rgba(0,0,0,0.65); }
.bg-overlay-gray-darkest { z-index: 9999; color: #fff; position: relative; }
/*---------------------------*/

/*Add custome block*/
/*.tv-screen { background: rgba(0, 0, 0, 0) url("../img/home-intro-25.png") no-repeat scroll 0 0; height: 465px; width: 100%; position: relative; }
*/
.tv-screen{text-align: center;position: relative;z-index: 1;vertical-align: middle;overflow:hidden;}
.tv-screen > img:first-child {overflow: hidden;position: relative; margin: auto;z-index: 3;top: 0;bottom: 0;left: 0;right: 0;}
.tv-screen > img:last-child {display: table;position: absolute;margin: 6px auto;z-index: 2;top: 4px;bottom: 0;left: 3px;right: 0;height: 85%; width: 99%;overflow: hidden;}
.tv-screen > video {display: table;position: absolute;margin: 5px auto;z-index: 3;top: 0;bottom: 0;left: 0;right: 0;height: 86%;width: 98%;background:#000;}
.tv-screen > img:first-child, .tv-screen > img:last-child{vertical-align: middle;}
/*---------------------------*/

/*eCommerce Ready*/
.list-marked li { padding-left: 15px; position: relative; }
.list > li + li { margin-top: 10px; }
.icon-green {color: #469bd5;}
/*---------------------------*/

.shadow-drop-lg { box-shadow: 0 5px 23px 0 rgba(0, 0, 0, 0.15); }

/*Powerful Search*/

.srch-engn-section { overflow: hidden; z-index: 1; position: relative; bottom: -40px; }
.middle-image { margin-top: 70px; margin-right: 140px; }
.last-image { position: absolute; right: 10px; z-index: -1; }
.mock-up-circle { left: -10%; bottom: 50px; position: absolute; }
/*---------------------------*/

/*200+ psd
.center-block {display: block;margin-left: auto;margin-right: auto;}
.range-xs-center {-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/*---------------------------*/

/*Core Feature*/
.core-features .core-filters {position: relative;display: inline-block;}
.core-features .filter-list {position: static;display: inline-block;float: none;padding: 0;background-color: transparent;border-radius: 0;box-shadow: none;margin-bottom: 0;border-bottom: 1px solid #d9d9d9;}
.core-features .filter-list > li { margin-left: 23px; display: inline-block; }
.core-features .filter-list > li > a {display: block;position: relative;clear: both;color: #434345;white-space: nowrap;line-height: 1.5;padding: 5px 20px;}
.core-features .filter-list > li > a:after, .core-features .filter-list > li > a:after { content: ''; position: absolute; bottom: -1px; left: 50%; width: 0; height: 1px; transition: .4s; }
.core-features .filter-list > li > a:after { background: -moz-linear-gradient(90deg, #469bd5 0%, #196da6 100%); background: -webkit-linear-gradient(90deg, #469bd5 0%, #196da6 100%); background: -o-linear-gradient(90deg, #469bd5 0%, #196da6 100%); background: -ms-linear-gradient(90deg, #469bd5 0%, #196da6 100%); background: linear-gradient(90deg, #469bd5 0%, #196da6 100%); }
.core-features .core-filters .filter-list > li > a.active{color: #434345!important;background-color: transparent;}
.core-features .filter-list > li > a.active:after { left: 0; width: 100%; }
.list-inline-item{display:inline-block;}
#btnCoreFeaturesFilter{display:block!important;}

.ui-to-top { right: 40px; bottom: 40px; }
.ui-to-top.active { -webkit-transform: translateY(0); transform: translateY(0); }
.ui-to-top { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); position: fixed; right: 15px; bottom: 15px; overflow: hidden; z-index: 1; -webkit-transform: translateY(100px); transform: translateY(100px); }

#slider-main{width: 100%;overflow: hidden;height: auto;position:relative;}
#slider{background:#111;}
.img-slide{width: 100%;max-height: 100%;z-index: 5;overflow-y: hidden;transition:all 0.8s ease;margin:auto;text-align:center;background-blend-mode:overlay;opacity:0.6;}
#next, #prev{z-index: 10;color: #7f7f7f;position: absolute;background: transparent;border: none;font-size: 60px !important;}
#prev{top: 0;left: 3%;bottom:0}
#next{top: 0;right: 3%;bottom:0}

.circle{border: #ccc 3px solid;width: 20px;height: 20px;border-radius: 20px;background: transparent;display: inline-block;cursor: pointer;}
#circles{margin-top: -5%!important;margin-left: 45%!important;position: absolute;z-index: 90;text-align: center;margin: auto !important;left: 0;
right: 0;bottom: 20px;}
.image-animated{animation: animateImage 80s ease-in-out;} /* change time according to interval set */

@keyframes animateImage {
0%{transform: scale(1,1);opacity:0.8}
10%{transform: scale(1.1,1.1);opacity:0.9}
20%{transform: scale(1.2,1.2);opacity:0.9}
30%{transform: scale(1.4,1.4);opacity:1}
40%{transform: scale(1.5,1.5);opacity:1}
50%{transform: scale(1.5,1.5);opacity:1}
60%{transform: scale(1.6,1.6);opacity:0.2}
64%{transform: scale(1.7,1.7);opacity:0.2}
68%{transform: scale(1.8,1.8);opacity:0.3}
70%{transform: scale(1.9,1.9);opacity:0.4}
80%{transform: scale(1.8,1.8);opacity:0.5}
90%{transform: scale(1.9,1.9);opacity:0.6}
100%{transform: scale(2,2);opacity:0.7}
}

#next:focus, #prev:focus{outline:none!important;}
#next:hover, #prev:hover{color:#fff;transition:all 0.2s ease;}

.panel-block{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; background-image: url('https://d16fcfgstc5xq2.cloudfront.net/002.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover;height:100%;}
.panel-inner{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.panel-block-validation{background-image: url('https://d16fcfgstc5xq2.cloudfront.net/033.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%;position: absolute; top: 0; bottom: 0; left: 0; right: 0;}

.panel-block #myform { background: #f2f2f2; }

@media (min-width:480px) {
.core-features .filter-list {right: auto;left: 0;}
}

@media (min-width:768px) {
.section-sm-110 { padding-top: 38px; padding-bottom: 38px;position: relative;top: 0px;left: 0px;right: 0px; }
h1, .h1 { line-height: 1.2 !important; }
h2, .h2 { line-height: 1.3 !important; margin: 0px !important; }
h3, .h3 { line-height: 1.2 !important; }

html .page .offset-sm-top-0 { margin-top: 0 !important; }
.range > .cell-sm-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; }
.range > .cell-sm-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; }
.padding-sm-top-110 { padding-top: 110px; }
.reveal-sm-inline-block { display: inline-block !important; }
.padding-top-bottom-110 { padding-top: 110px !important; padding-bottom: 110px !important; }

}

@media (min-width:768px) and (max-width:991px) {
    .navbar-nav{margin: 7.5px -15px!important;}
}

@media (min-width: 992px) {
.core-features .core-features-toggle btn { display: none !important; }
.core-features .core-filters:not(.core-filters-collapse-lg) .filter-list > li > a{display: inline-block;text-transform: uppercase;padding: 0 5px 13px;color: #9b9b9b!important;transition: 0.3s all ease-in;}
#btnCoreFeaturesFilter{display:none!important;}

}

@media (min-width: 1200px) {
.padding-lg-top-34 { padding-top: 34px !important; }
.padding-lg-bottom-0 { padding-bottom: 0 !important; }
.padding-lg-bottom-50 { padding-bottom: 50px !important; }
.padding-lg-bottom-254 { padding-bottom: 254px !important; }
h2, .h2 { line-height: 1.24211; font-size: 35px; }
}

@media screen and (max-width:1200px) {
.login-section .loginbox { padding: 20px; }
.space-sm-top-41 { margin-top: 41px; }
/*.navbar-header{width:100%;text-align:center;}*/
.navbar-inverse .navbar-nav > li a[href="free-trial"] { padding: 15px 0 15px 5px!important; } 
}

.free-trial-tab-mobile{display:none;}

@media screen and (max-width:991px) {
.container { width: 100%!important; } 
.carousel-text-section{top:10%!important;}
.padding-sm-top-10 { padding-top: 10px !important; }
.docs-nav li a { font-size: 13px !important; }
.free-trial-pricing { padding:0px; }
.free-trial-pricing .free-trial-btn { display: block !important; margin-bottom: 20px !important; }
.free-trial-pricing h4 { margin: 15px 0 25px !important; }
.free-trial-pricing h5 { margin: 0 0 10px !important; }
.login-section .loginbox { padding: 20px !important; }
.xs-center { text-align: center !important; }
.remove-pull-right { clear: both !important; }
.mock-up-circle { left: -5% !important; bottom: 50px !important; width: 50% !important; }
.middle-image { margin-top: 70px !important; margin-right: 110px !important; }
.tv-screen > img:first-child{width: 100%!important;}
.core-features .filter-list{display:none;}
.core-features .filter-list.active{display:block;border: 1px solid #efeeee;width: auto;background: #eee;position: absolute;left: 34%;z-index: 2;border-radius: 5px;margin-top: 5px;}
.core-features .filter-list.active > li{margin: 0px;display: block;text-align: left;}
.pricingTable{ margin-bottom: 30px; }
.navbar-nav, .navbar-nav>li{float:none!important;line-height:normal!important;}
.navbar-inverse .navbar-nav>li>a{line-height:normal!important;color:#333333!important;}
.navbar-inverse .navbar-nav > li a[href="free-trial"] { display:none; } 
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > li:hover > a{background-color:transparent!important;color:#469bd5!important;}
.carousel-text-section h1 { font-size: 50px !important; }
.navbar-collapse.collapse {display: none !important;height: auto !important;padding-bottom: 0;overflow: visible !important;}
.navbar-collapse {width: 100%!important;border-top: 0!important;box-shadow: none!important;max-height:inherit;position: absolute; background-color: #fff; width: 100% !important; left: 0; right: 0; border: none !important;box-shadow: 0 5px 15px rgba(0,0,0,0.25) !important;} 
.navbar-toggle {display: block!important;}
.navbar-header {float: none!important;width: auto!important;text-align: justify!important;justify-content:space-between;}
.navbar-header:before, .navbar-header:after{display:none;}
.navbar-toggle { margin: 0px !important; } .navbar-collapse.in {overflow-y: auto!important;}
.collapse.in {display: block!important;}
a[href="free-trial"] {padding: 4px 10px!important;font-size: 14px!important;}
.feature-header, .docs-header, .section-heading{padding: 40px 0px 20px 0px!important;}
.navbar-inverse .navbar-nav>.active>a:after, .navbar-inverse .navbar-nav>.active>a:hover:after, .navbar-inverse .navbar-nav>.active>a:focus:after, .navbar-inverse .navbar-nav>li:hover>a:after{display:none;}
.free-trial-tab-mobile{display: flex;align-items: center;gap: 10px;}


}

@media screen and (max-width:600px){
.carousel-text-section {top: 33% !important;}
}

@media screen and (max-width:767px) {
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0!important; margin-left: 0!important; } 
.navbar-toggle{margin:0!important;}
.login-heading h1{font-size: 30px !important;  line-height: 1.5 !important;}
.login-heading h3{font-size:16px;  margin-bottom: 5px;}
.xs-space-10 { margin-top: 10px!important; }
.xs-padding-top10 { padding-top: 10px!important;}
.xs-padding-top-bottom-20 { padding: 20px 0px!important;}
.xs-no-padding { padding: 0px !important; }
.xs-no-margin { margin: 0px !important; }
.remove-pull-right { float: none !important; }
.nav > li > a:after { background-color: transparent !important; }
/*.navbar-collapse{z-index:99;position: relative;background: #333;}*/
header .logo img { margin: auto !important; }
.free-trial-section { height: auto !important; padding-bottom: 20px; margin-bottom: 0; }
.free-trial-section .free-trial-wrapper h1 { font-size: 36px; text-align:center;}
.featureArea { border-top: none !important;}
.carousel-text-section h1 {font-size: 37.5px !important;line-height: normal!important;}
.home-page-tabs-container .widget-inner { padding-bottom: 0 !important; }
.home-page-tabs-container h1 { padding: 2px 10px!important;font-size: 26px!important;line-height: 30px!important; }
.panel-mobile .panel-default { border-color: transparent; box-shadow: none; margin-top: 0 !important; }
.panel-mobile .panel-default .panel-heading { background-color: #fff; border-bottom: 1px solid #ddd; }
.lead-icon { font-size: 0.7em; margin-left: -4px; margin-right: 5px; }
.feature-content .designcontent { padding: 0 !important; }
.docs-header { padding-bottom: 0 !important; }
.docs-nav li a { text-decoration: none; }
.docs-content .content-wrapper { padding: 0 !important; }
.carousel-control { width: 12% !important; }
.docs-content .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { right: 20% !important; }
.responsive-icon { font-size: 1.2em !important; height: 2em !important; margin-top: 0 !important; }
.docs-nav.nav-justified > li { display: table-cell; width: 1%; }
.service-expired-alert .wrapper { text-align: center !important; }
.service-expired-alert h3 { font-size: 26px; }
.free-trial-pricing { padding: 0px !important; }
.free-trial-pricing .wrapper .form-wrraper { display: block !important; }
.free-trial-pricing .free-trial-btn { display: none !important; }
.price-box-single { padding: 0 15px !important; }
.free-trial-banner .free-trial-wrapper .form-wrraper { padding: 0 50px !important; }
.free-trial-feature .wrapper { padding: 0 !important; }
.free-trial-feature .trial-form-wrapper .trial-form-box { padding: 20px !important; }
.footer-copyright, .footer-strip-link { text-align: center; }
.srch-engn-section { margin-bottom: 0px !important; }
.mock-up-circle { left: 0% !important; bottom: 40px !important; width: 50% !important; }
.middle-image { margin-top: 58px !important; left: 4% !important; position: relative !important; width: 74% !important; }
.last-image { right: 0px !important; width: 74% !important; }
.tv-screen > img:first-child{width: 100%!important;height:100%!important;}
.core-features .filter-list.active{left: 30%!important;}
.core-features h4{font-weight:bold!important;}
.big { font-size: 126.25%; line-height: 1.470588235294118; }
.navbar-header {width: auto!important;text-align: justify!important;}
.feature-header, .docs-header, .section-heading{padding: 22px 0px 20px 0px!important;}
.small-preview-white li{margin-bottom:10px!important;}
.alicenter-pics{margin-bottom:10px!important;}
.small-preview-white li{}
.featureArea h1{line-height:1.1!important;}
.panel-inner { position: static; left: 0; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.navbar-header{height:55px;}
.navbar-header a.logo{height:40px;}
}

@media screen and (max-width:480px){
.carousel-text-section {top: 27% !important;}
#next, #prev{font-size: 40px !important;}
.carousel-text-section h1 {margin-top: 0px!important;}
.img-responsive.shadow{max-width:76%!important;}
.lead-generation .images {height: 237px!important;width: 100%!important;}

}

@media screen and (max-width:360px) {
.free-trial-banner .free-trial-wrapper .form-wrraper { padding: 0 15px !important; }
.faqs .docs-header { background-position: 90% 20%!important; }
.carousel-text-section{top:20%!important;}
.carousel-text-section h1 {font-size: 16.5px !important;}
#next, #prev{font-size: 23px !important;}
.circle {border: #ccc 1px solid!important;width: 10px!important;height: 10px!important;}
h1, .h1 {font-size: 26px !important;}    
h2, .h2 {font-size: 20px !important;}
h3, .h3 {font-size: 19px !important;}
h4, .h4 {font-size: 16px !important;}
.heading--3{font-size: 1.2em!important;}
.featureArea h3{font-size:33px!important;}
}

@media screen (min-width:992px) and (max-width:1199px){
.navbar-header{width:100%!important;text-align:center!important;}
}

zs-enabled { position: relative; }
zs-enabled .zs-slideshow, .zs-enabled .zs-slides, .zs-enabled .zs-slide { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 00%; overflow: hidden; }
zs-enabled .zs-slideshow .zs-slides .zs-slide { background: transparent none no-repeat 50% 50%; background-size: cover; position: absolute; isibility: hidden; opacity: 0; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: cale(1.2, 1.2); transform: scale(1.2, 1.2); }
zs-enabled .zs-slideshow .zs-slides .zs-slide.active { visibility: visible; opacity: 1; }
zs-enabled .zs-slideshow .zs-bullets { position: absolute; z-index: 4; bottom: 20px; left: 0; width: 100%; text-align: center; }
zs-enabled .zs-slideshow .zs-bullets .zs-bullet { display: inline-block; cursor: pointer; border: 2px solid #ccc; width: 14px; height: 14px; order-radius: 8px; margin: 5px; background-color: #4a4a4a; }
zs-enabled .zs-slideshow .zs-bullets .zs-bullet.active { background-color: #ccc; }
zs-enabled .zs-slideshow:after { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background: transparentnone repeat 0 0; }
zs-enabled.overlay-plain .zs-slideshow:after { background-image: url(../img/new-images/plain.png); }
zs-enabled.overlay-dots .zs-slideshow:after { background-image: url(../img/new-images/dots.png); }

.owl-carousel{padding: 0px !important; height: auto; width: 100%; overflow: hidden;}
.owl-theme .owl-dots .owl-dot span {width: 2rem!important;height: 6px!important;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #469bd5!important;}


/*Limitless header & footer*/
.rd-parallax { z-index: 0; }
.rd-parallax-inner { clip: rect(0px, auto, auto, 0px); overflow: hidden; z-index: 1; }
.rd-parallax-layer[data-type="media"] {background:url("../img/background-33-1920x474.jpg"); bottom: 0; left: 0; pointer-events: none; right: 0; top: 0;width: 100%;height: 400px;background-color: #333;background-blend-mode: overlay;}
.rd-parallax-layer[data-url] { background-position: center center; background-size: cover; background-blend-mode: overlay; background-color: rgba(0,0,0,0.65); }
.bg-overlay-gray-darkest { z-index: 9999; color: #fff; position: relative; }
/*---------------------------*/