@charset "utf-8";
/* SuitExpens CSS Document */

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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,
dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,
time,mark,audio,video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;}

body {font-size: 16px !important; color: #333 !important; line-height: 22px; text-align: left !important; font-family: 'Source Sans Pro', sans-serif !important; font-weight:400 !important;}

.container-fluid {padding: 0 !important; margin: 0 !important;}

a{outline:none;}

a:focus{outline: none !important;}

button:focus{outline: none !important;}

a:hover{text-decoration:none;}

.row:before, .row:after{display: inline-block !important;}

@media only screen and (min-width:1366px) {
	
.container {min-width: 70% !important;}

}

/* -- Header -- */

.nav-martop{margin-top:135px !important;}

.bg-light{background:#d31f02 !important;}

.navbar-light .navbar-nav .nav-link{color:#fff !important; padding:8px 10px !important; font-size:16px;}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{border-bottom:#ecbc2e solid 2px;}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{border-bottom:#fff solid 2px;  transition: box-shadow 0.3s ease-in-out;}

.nav-item .btn{margin-left:12px!important;}

.tp-navbar .wrapper {width: 94%; margin: 23px auto; /*max-width: 1140px;*/ height:auto;}

.tp-navbar .wrapper-small { max-width: 728px;}

.tp-navbar .wrapper-flush { width: 100%; }

.tp-navbar .nav {position: fixed; top: 0; left: 0; width: 100%; z-index: 10000;}

.tp-navbar .nav-container {position: fixed; top: 135px; left: 0; z-index: 9999; overflow-y: auto; visibility: hidden; width: 100%; height: 100%; min-height: 100%; margin: 0; padding: 0; -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-overflow-scrolling: touch;}

.tp-navbar .nav-container.is-visible {visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}

.tp-navbar .nav-toggle {line-height: 1; display: inline-block; padding: 0.7rem; border: 0; border-radius:3px; background-color: #0a6cb5; margin: 37px 10px; float:right; outline:none;}

.tp-navbar .nav-toggle .icon-menu {position: relative; display: inline-block; width: 28px; height: 20px; vertical-align: middle; fill: none;}

.icon-menu .line {position: absolute; left: 0; display: block; width: 100%; height: 4px; -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000); -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); background-color: #fff;}

.icon-menu .line-1 { top: 0; }

.is-active .icon-menu .line-1{-webkit-transform: translateY(8px) translateX(0) rotate(45deg); -ms-transform: translateY(8px) translateX(0) rotate(45deg); transform: translateY(8px) translateX(0) rotate(45deg);}

.icon-menu .line-2 {top: 50%; margin-top: -2px;}

.is-active .icon-menu .line-2 { opacity: 0; }

.icon-menu .line-3 { bottom: 0; }

.is-active .icon-menu .line-3 {-webkit-transform: translateY(-8px) translateX(0) rotate(-45deg); -ms-transform: translateY(-8px) translateX(0) rotate(-45deg); transform: translateY(-8px) translateX(0) rotate(-45deg);}

.tp-navbar .menu {list-style: none; margin: 0; padding: 0; float:right;}

.tp-navbar .nav-menu {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.tp-navbar .nav-menu .menu-item { border-top: 1px solid #bbb; background:#f5f5f5  }

.tp-navbar .nav-menu > .menu-item:last-child { border-bottom: 1px solid #bbb; }

.tp-navbar .nav-menu > .menu-item.is-active { background-color: #ddd;}

.tp-navbar .nav-menu > .menu-item a{font-size:16px;}

.tp-navbar .nav-menu > .menu-item a:hover{ color:#0a6cb5; transition: box-shadow 0.3s ease-in-out;}

.tp-navbar .nav-menu .menu-link {display: block; text-decoration: none; color: #444; padding: 0.45rem 1rem;} 

.tp-navbar .has-dropdown {position: relative; cursor: pointer;}

.tp-navbar .has-dropdown > .menu-link { display: inline-block;}

.tp-navbar .has-dropdown:after {font-size: 29px; position: absolute; top: 2px; right: 1rem; bottom: 0; content: "+";  color: #222;}

.tp-navbar .has-dropdown.is-active:after { content: "\2013";}

.tp-navbar .nav-dropdown {display: none; background-color: #c0c0c0;}

.tp-navbar .has-dropdown.is-active > .nav-dropdown { display: block; margin:0px;}

.tp-navbar .nav-dropdown .nav-dropdown { background-color: #aaa; }

.tp-navbar .nav-dropdown .menu-item { border: none; background:#fff; border-bottom:#f5f5f5 solid 1px !important;}

.tp-navbar .nav-dropdown .menu-item a{font-size:14px !important;}

.tp-navbar .nav-dropdown .nav-dropdown .menu-item {background-color: #b0b0b0; border-color: #909090;}

.tp-navbar .content { margin-top: 60px; }

.tp-navbar .content .wrapper { padding: 1rem 0; }

.green-btn {background: #33b149 !important; color: #fff !important; text-align: center; border: none !important;}

.blue-btn {background: #353795 !important; color: #fff !important; text-align: center; border: none !important; padding-bottom: 8px !important;}

.green-btn:hover{background: #24a33f !important; color:#fff !important; transition: box-shadow 0.3s ease-in-out;}

.blue-btn:hover{background: #020289 !important; color:#fff !important; transition: box-shadow 0.3s ease-in-out;}

.top-strip {background: #000000; color: #fff!important; padding: 3px 0 0 0 !important; padding-left: 2%!important; padding-right: 2%!important; }
	
/*.fixed-top {position: fixed; top: 366px; right: 0; left: 0;}

.fixed-top1 {position: fixed; top: 0; right: 0; left: 0;  z-index: 2000;}
*/
.nav-pills>li {float: right;}

.nav>li {position: relative; display: block; text-decoration:none;}

.lang-divider {color: #666; padding-top: 2px;}

.nav-pills>li+li {margin-left: 2px;}

.lang-divider {color: #666; padding-top: 0px;}

.dropdown-menu {position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175);}
	
.dropdown-menu>li>a {display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap;}

.dropdown-menu>li>a:hover {background-color:#f4f4f4; transition: box-shadow 0.3s ease-in-out;}

.nav-link {display: block; padding: 0 1rem;}

/* -- End Header -- */

/* -- Banner -- */

.banner-img { width: 100% !important; padding-top: 126px !important; }

.banner-img h1 {font-size: 310%; padding: 16px 0; color: #fff; line-height: 55px; text-align:left; margin:80px 0 0 0; text-shadow: 1px 1px #000;}

.banner-img small{font-size:30px; color:#fff; line-height:35px; text-shadow: 1px 1px #000;}

.banner-form{margin:50px 0 0px 0; color: #fff; background:#fff; border-radius:8px; padding:16px 20px;}

.banner-form p{color:#0460c5; font-size:18px; text-align:center;}

.banner-form p:last-child{color:#221f1f; font-size:15px; text-align:center; margin:0px;}

.banner-buttons {padding: 40px 0 !important;}

.banner-buttons .btn {font-size: 21px; border-radius: 0rem; margin-right:8px;}

.btn-light {color: #212529; background-color:#f8f9fa; border-color:#f8f9fa;}

.banner-video {height: 100%; width: 100%; background:#000;}

.hme-bg {background: url(../images/hme-bg.jpg) no-repeat top center #fff; padding: 16px 16px 30px 16px !important; margin-bottom:16px;}

.white-bg{background: rgba(255,255,255,0.75); padding: 16px;} 

.white-bg h1 {margin: 10px 0 !important; color: #ff6602 !important; font-size: 25px !important; text-align: left; padding: 0 !important;}

.white-bg p{color: #000; font-size:16px; padding-top:8px; line-height: 28px; text-align:justify;}

.white-bg p strong,b{font-weight:bold;}

.white-bg-cont{padding:0 0 8px 0;}

.red-btn{color:#fff; border-radius:20px; background: rgb(178,16,2); border:none;
background: -moz-linear-gradient(0deg, rgba(178,16,2,1) 0%, rgba(248,97,6,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(178,16,2,1) 0%, rgba(248,97,6,1) 100%);
background: linear-gradient(0deg, rgba(178,16,2,1) 0%, rgba(248,97,6,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b21002",endColorstr="#f86106",GradientType=1); }

.red-btn:hover{color:#fff; background: rgb(178,16,2);
background: -moz-linear-gradient(180deg, rgba(178,16,2,1) 0%, rgba(248,97,6,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(178,16,2,1) 0%, rgba(248,97,6,1) 100%);
background: linear-gradient(180deg, rgba(178,16,2,1) 0%, rgba(248,97,6,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b21002",endColorstr="#f86106",GradientType=1); }

.feat-bullets-arrow li { background: rgba(0, 0, 0, 0) url("../images/nbt.gif") no-repeat scroll left 15px; color: #000 !important; font-size: 16px; font-weight: normal; line-height: 23px; list-style: outside none none; margin: 0; padding: 5px 5px 5px 30px !important; text-align: left;}

blockquote{border:#ddd solid 1px; padding:8px; box-shadow: 0px 0px 1px rgba(0,0,0,.150); background:#fff; border-left:#ec4134 solid 4px; margin:8px 0 0 0 !important;}
	
blockquote p{padding:0px !important; text-align:center !important; margin:0px !important; font-size:18px !important;}

section {padding: 60px 0;}

section .section-title {text-align: center; color: #007b5e; margin: 10px 0; text-transform: uppercase; font-size: 24px;}

#team .card {border: none; background: #ffffff; box-shadow: 0px 0px 7px rgba(0,0,0,.150); min-height: 300px; margin-bottom: 20px;}

#team .card:hover{background:#f5f5f5;}

#team .card p{text-align:center; padding-top:0px;}

.card .card-title {color: #0069d9 !important; font-size:18px; margin : 8px 0 0 0;} 

.card .card-body img {width: 120px; height: 120px; border-radius: 50%; border:#ddd solid 1px;}

.map-box{padding:5px; border:#ddd solid 1px;}

.faq-box{border:#ddd solid 1px; padding:8px; background:#fff; margin-bottom:8px;}

.faq-box:last-child{margin-bottom:0px;}

.faq-box p:first-child{color:#ec4134; font-size:15px; padding:0px !important;}

.faq-box p:last-child{color:#444; font-size:15px; padding:0px !important;}
 
/* -- Footer --*/

.footer{background:#d31f02 url(../images/ft-bg.jpg) no-repeat center !important; padding: 10px 20px 20px 20px !important; color:#fff;}

.footer .nav-link {padding: 0rem 0rem; color: #f9da06;}

.footer .nav-link:focus, .footer .nav-link:hover {color: #000; transition: box-shadow 0.3s ease-in-out;}

.footer h6{color:#fff; font-size:18px; margin:5px 0px 10px 0px; font-weight:400 !important;}

.footer .list-inline-item:not(:last-child){margin-right:0;}

.footer .list-inline > li{padding-right:0; padding-left:0;}

.social-icon-1{border:#000 solid 1px;color:#444!important;text-align:center;width:35px;height:35px;border-radius:30px;padding-top:4px!important;padding-right:6px!important;padding-left:5px!important;font-size:20px !important;margin-right: 1px!important; margin-top:3px; margin-bottom:5px;}

.social-icon-2{border:#000 solid 1px;color:#444!important;text-align:center;width:35px;height:35px;border-radius:30px;padding-top:4px!important;padding-right:5px!important;padding-left:5px!important; font-size:20px !important;margin-right: 1px!important; margin-top:3px; margin-bottom:5px;}

.ft-btm{background: rgba(255,255,255,0.75); padding:16px 8px; color:#000; margin-bottom:16px; margin-top:16px;}

.ft-link a{color:#fff; font-size:16px; font-weight:400 !important; padding:7px 8px; margin-bottom:12px;}

.ft-link a:hover{color:#fffc00;}

.ft-btm svg{margin-top:3px;}  

.footer .nav{margin-bottom:16px;}

.footer .nav-link i{padding:8px;}

.policy{ background: #071e2a!important; padding: 8px 0 !important; font-size: 14px; color: #999;}

.policy a{text-decoration:none!important;color:#666;}

.table thead th{background:#fe3110; color:#fff;}

.table tbody td{background:#fff;}

/* -- End Footer --*/

.filter-button{font-size: 18px; border: 1px solid #3197fc; border-radius: 5px; text-align: center; color: #3197fc; margin-bottom: 16px;}

.filter-button:hover{font-size: 18px; border: 1px solid #3197fc; border-radius: 5px; text-align: center; color: #ffffff; background-color: #3197fc;}

.btn-default:active .filter-button:active{background-color: #3197fc; color: white;}

.port-image{width: 100%;}

.gallery_product{margin-bottom: 30px;}

.gallery{display: inline-block; margin-top: 20px;}

.gallery img {display: block; padding: 4px; margin-bottom: 20px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; height:250px; background-size: cover;}

[data-darkbox], [data-darkbox-group]{cursor:pointer; margin-bottom:16px; width:100%; height:160px; border:#ddd solid 1px; background-size:cover;}

#darkbox{color:#fff; font: 14px/1.4 sans-serif; position: fixed; z-index: 999999; top: 24px; left: 24px; bottom: 24px; right: 24px; background: rgba(0,0,0, 0.8) none no-repeat 50% 50% / contain; box-shadow: 0 0 0 24px rgba(0,0,0, 0.8); -webkit-transition: 0.3s; transition: 0.3s; opacity: 0;  visibility: hidden;}

#darkbox.show{opacity: 1; visibility: visible;}

#darkbox a:hover{color: #0bf; border-color: #0bf;}

#darkbox_prev, #darkbox_next{cursor: pointer; position: absolute; height: 30px; width: 30px; top: 50%; margin-top: -15px; border: 0px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: 0.3s; transition: 0.3s;}

#darkbox_prev{left: -6px; border-width: 0 0 3px 3px;}

#darkbox_next{ right: -6px; border-width: 3px 3px 0 0;}

#darkbox_description{ position: absolute; bottom: 24px; right: 24px; text-align: right; text-shadow: 0 1px 1px #000;}

/* Stats counter */
#darkbox_stats{
  position: absolute;
  left: 0;
  top: 0;
}

/* Close button */
#darkbox_close{
  position: absolute;
  top: -8px;
  right: 0px;
}
#darkbox_close:after{
  position: absolute;
  right: 0;
  top: 0;
  font-size: 2.2em;
  content: "\2A2F";
  cursor: pointer;
}

/* Spinner */
#darkbox:before{
  content: "";
  position: absolute;
  visibility: hidden;
  opacity: 0;
  left: 50%;
  top: 50%;
  margin: -25px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: inset -2px 0 0 2px #fff;
  -webkit-animation: darkboxRotate 1.5s linear infinite; 
          animation: darkboxRotate 1.5s linear infinite; 
}
#darkbox.spinner:before{
  visibility: visible;
  opacity: 1;
}
@-webkit-keyframes darkboxRotate{ to{-webkit-transform: rotate(360deg); } }
@keyframes         darkboxRotate{ to{        transform: rotate(360deg); } }



#topcontrol{background:url(../images/top-arrow.png) no-repeat center center, #000000  !important; height:50px; width:50px; z-index:9999;}



/* -- Media Queris -- */

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

.banner-img h1 {color: #fff; font-size: 300%; line-height:45px; padding: 90px 0 20px 0;}

.banner-img small{font-size: 30px; line-height: 35px;}

video {height: 100%; width: 90%;}

.banner-img{/*height: 700px;*/ padding-top: 90px;}

}

@media screen and (max-width: 1290px) {
	
.banner-img h1 {color: #fff; font-size: 280%; line-height: 50px; padding:90px 0 20px 0;}

.banner-img small{font-size: 25px; line-height: 35px;}

}

@media screen and (max-width: 1024px) {
	
.banner-img h1 {color: #fff; font-size: 245%; line-height: 45px; padding:0px 0 10px 0;}

.banner-buttons{padding:20px 0 !important}

video {height: 100%; width: 100%;}

.banner-img{height: 650px; padding-top: 90px;}

.how-title{font-size: 1.8rem;}

.how-btm-bg-1{min-height: 305px;}

.how-btm-bg-2{min-height: 305px;}

.how-btm-bg-3{min-height: 305px;}

.how-btm-bg-4{min-height: 305px;}

}

@media screen and (max-width: 992px) {
	
.banner-img h1 {color: #fff; font-size: 240%; line-height: 40px; padding: 0px 0 20px 0;}

.banner-img small {color: #fff; font-size: 150%; line-height: 25px;}

.banner-buttons{ margin-top:8px;}

.sales-no {display: none !important;}

.box-responsive {min-height: 200px; width: 20% !important;}

.icon-kf{width:100%;}

.laptop-box h3{padding:20px 0 0 0px !important;}

video {height: 100%; width: 110%;}

.banner-img{height: 332px; padding-top: 70px;}

.mobile-cont p a{margin-top:8px;}

}

@media screen and (max-width: 767px) {
	
.banner-img {background: #53a0cd;}

.banner-img h1 {color: #fff; font-size: 200%; line-height: 1.6; padding: 30px 0;}

}

@media screen and (max-width: 480px) {
	
.banner-img {background: #53a0cd; height:auto;}

.banner-img h1 {font-size: 200%; padding:0px; margin:40px 0 20px 0px; line-height: 29px;}

}

@media (min-width: 576px){ 

.nav-item .btn{ margin-bottom:12px!important;} 

.banner-buttons{padding:0px;}

.press .display-4{margin-left:0px!important;}

}

@media (min-width: 768px){

	.footer {
    height: auto !important; 
}
.phone{display: block;}	

.banner-img{padding-top:126px;}

.banner-img h1{margin:30px 0 0 0;}

}

@media (min-width: 960px) {

.tp-navbar .nav, .tp-navbar .nav-container, .tp-navbar .nav-container.is-visible {position: static; top: auto; left: auto; z-index: auto; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index:999;}

.tp-navbar .nav-container, .tp-navbar .nav-container.is-visible {visibility: visible; height: auto; min-height: 0; overflow-y: visible;}

.tp-navbar .nav-toggle { display: none; }

.tp-navbar .nav-menu > .menu-item, .tp-navbar .nav-menu > .menu-item.is-active {display: inline-block; background-color: transparent; border: 0;}

.tp-navbar .nav-menu > .menu-item:last-child { border: 0; }

.tp-navbar .nav-menu .menu-item {-webkit-transition: background-color 0.15s ease-in-out,  color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out,  color 0.15s ease-in-out;}

.tp-navbar .has-dropdown:after { content: "" !important; }

.tp-navbar .nav-menu > .has-dropdown:after {position: absolute; top: 50%; right: 0.3rem !important; width: 0; height: 0; margin-top: -2px; margin-left: -4px; content: ""; border-width: 5px 5px 0 5px;border-style: solid; border-color: #444 transparent transparent transparent;}

.tp-navbar .has-dropdown > .menu-link { padding-right: 2rem; }

.tp-navbar .nav-dropdown {display: block; opacity: 0; position: absolute; top: 100%; width: 210% !important; margin: 0; padding: 0; background-color: #fff; box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.15); visibility: hidden; -webkit-transition: visibility 0s linear 0.25s,  opacity 0.25s linear; transition: visibility 0s linear 0.25s,  opacity 0.25s linear;}

.tp-navbar .has-dropdown:hover > .nav-dropdown {visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; transition: box-shadow 0.3s ease-in-out;}

.tp-navbar .nav-dropdown .menu-item { border: 0; }

.tp-navbar .nav-dropdown .menu-item:hover, .tp-navbar .nav-dropdown .nav-dropdown .menu-item:hover { background-color: #fff; transition: box-shadow 0.3s ease-in-out;}

.tp-navbar .nav-dropdown .nav-dropdown, .tp-navbar .nav-dropdown .nav-dropdown .menu-item { background-color: #dedede; }

.tp-navbar .nav-dropdown .nav-dropdown {z-index: 9998; top: 0; left: 100%;}

.tp-navbar .content { margin-top: 0; }

/*.box2 p {min-height: 100px !important;}*/

}

@media (max-width: 1080px){	

.how-title{font-size: 1.8rem;}

.how-btm-bg-1{min-height: 304px;}

.how-btm-bg-2{min-height: 304px;}

.how-btm-bg-4{min-height: 304px;}

}

@media (min-width: 992px){	}

@media (min-width: 1200px){

.nav-tabs .nav-item{font-size: 1.2rem;}

.banner-buttons .btn{font-size: 21px;}

.nav-item .btn {margin-left:12px!important; margin-top:0px;}

.banner-buttons{padding:40px 0 !important;}

.display-4{font-size: 2.5rem;}

.phone{width:250px;height:50px;}

.my_plan1{/*height: 84px;*/}

.my_plan2{/*height: 84px;*/}

.my_plan3{/*height: 84px;*/}

}

@media (max-width: 575.98px){

.display-4{font-size: 2.0rem; margin-top:20px;}

.banner-buttons{padding:0px !important;}

.display-4{font-size:14px !important;}

.testimonial{background:#64c3eb;}

.feature-box {text-align: center; background: #fff; padding: 8px; margin-bottom: 65px; border: 1px solid #eaeaea; border-radius: 10px; transition: .5s; min-height: 600px;}

.btn-primary{font-size:16px !important;}

}

@media (max-width: 767.98px){

.brands .border-right-bottom0{border-bottom:1px solid #dee2e6!important;}

.brands .border-right-bottom1{border-bottom:0px solid #dee2e6!important;}

.mobile-section{text-align: center; margin-bottom:0px;}
	
.feature-box {text-align: center; background: #fff; padding: 8px; margin-bottom: 65px; border: 1px solid #eaeaea; border-radius: 10px; transition: .5s; min-height: 520px !important;}

.index-banner {padding:23px!important;}

.display-4{font-size:2.5rem !important; padding-bottom:16px;}

.navbar-light .navbar-toggler {margin-right: 6px;}

.press .display-4 {margin-bottom: -16px;}

.testimonial {background: url(../images/testimonial-bg.png) top repeat;}

.testimonial .h4 {margin-bottom:8px; font-size: 21px;}

.testimonial h5 {font-size: 16px; line-height: 22px; min-height: 90px;}

.testimonial .carousel-item p {font-size: 15px; margin: 0;}

.phone{display:none!important;}

.my_plan1, .my_plan2, .my_plan3 {padding: 0; border-top: #ddd solid 1px; border-left: none; border-right: #ddd solid 1px; /*min-height: 54px !important;*/}

.my_plan1 p{padding: 0;}

}
	
@media (max-width: 991.98px) {

.nav-item .btn{ margin-left:0px !important;} 

.section-feature{padding:0}

}

@media (max-width:1199.98px) {

.index-banner{margin-bottom:0px;}

.sales-no{margin-left: 200px !important;}

.phone{padding: 0px 0px 0px 10px; font-size: 21px; margin-left:50px;}

.nav-item .btn{ margin-left:5px !important;} 

.display-4{font-size:1.7rem !important;}

.index-banner p{margin-bottom:8px;}

.nav-tabs .nav-link{padding: 5px 7px !important; font-weight: normal; font-size: 14px !important;}

.intro-txt {font-size: 15px; line-height:22px;}

.platform-tabs{padding:0px; border-radius:0px;}

.mar-all-1 {margin: 5px 0px 10px 0px !important; font-size: 20px;}

.feature-box {text-align:center; background:#fff; padding: 8px 8px 16px 8px; margin-bottom: 65px; border: 1px solid #eaeaea; border-radius: 10px; transition: .5s; min-height:auto !important;}

.feature-box1{margin-top: 55px; padding: 8px 8px 16px 8px; min-height:200px !important;}

.feat-tp{margin-top: 0px;}

.nav-item a{font-size:14px;}

.nav-pills a {font-size:14px;}

.te-banner .h4{line-height: 25px !important; font-size: 19px;}


.btm-btn p{margin:0 0 15px 0px;}

.success-stories h4{font-size: 18px !important; line-height:26px; margin:8px 0;}

.success-stories .font-italic {font-size: 16px;}

.btn-press{margin-top: 13px;}

.sticky nav ul {padding: 15px 10px;}

.contact-testimonals .media {height: 250px;}

.why-card2 .lt-border{height:auto !important;}

.sticky-nav-bar {top: 9.8% !important;}

.social-icon-1{width:30px;height:30px; font-size:15px !important; padding-top: 5px !important; padding-left: 5px !important;}

.social-icon-2{width:30px;height:30px; font-size:15px !important; padding-top: 5px !important;}

.social-icon-3{width:30px;height:30px; font-size:15px !important; padding-top: 5px !important;}

.my_plan1{/*height: 84px;*/}

.my_plan1 p{padding-top: 5px;}

.my_plan2{/*height: 84px;*/}

.my_plan3{/*height: 84px;*/}

}

@media (max-width: 575.98px) {}

@media (min-width: 576px) and (max-width: 767.98px) {}

@media (min-width: 768px) and (max-width: 991.98px) {
		.mar50 {
    margin-top: 84px !important;
}
.feature-box{ min-height: 470px !important;}

.feature-box1{ min-height: 340px !important;}

.feat-tp2{margin-top:0px;}

.press-card .card-title{font-size: 16px;}

.md-hidden{display:none;}

.sticky nav{height:auto;}

.sticky nav ul{padding: 10px 20px;}

.sticky nav ul li{margin: 15px 10px 0 10px;}
	
.contact-testimonals .media{height:270px;}

.contact-testimonals .media .media-left{display:none;}

.feature-img{background:url(../images/feature-img-1.jpg) no-repeat right #0a6cb5; height:auto; padding:40px 50px !important; text-align:center;}

.feature-img h1{font-size:33px; margin-top:0px; line-height:40px;}

.video-img .h4{font-size: 19px;}

.form-bg{width:100%; padding:10px; margin-top:20px;}

.quick-form { padding: 0 20px 20px 20px; }

.quick-form h3 { font-size: 150% !important; margin-top: 60% !important; }

.sales-no { display: none !important; margin-left: 220px !important; }

.roi-cont, .roi-cont0, .roi-cont1 { padding: 10px 0px; }

.roi-cont, .roi-cont0, .roi-cont1, .roi-cont2, .roi-cont3 { padding: 10px!important; }

.roi-cat1 { width: 50% !important; }

.roi-val1 { width: 30% !important; }

.my_planFeature{min-height: 95px;}

.my_planFeature svg{margin-top: 30px !important;}

.logo-box .box {width: calc(310px - 0px) !important; height:calc(280px - 70px);}

.why-bg h1{font-size: 40px; line-height: 45px;}

.card-inner{height:auto !important;}

.feature-line{height:460px !important; border-right: 1px solid #e3e3e3;}

.tp-navbar .menu {float:none; margin:0px 0 0 0;}

.tp-navbar .nav{left: 88%; width:auto;}

.tp-navbar .nav-container{top: 123px;}

.tp-navbar .nav-toggle{margin: 37px 30px; padding: 12px 11px;}

.tp-navbar .nav-menu .menu-link{padding: 0.5rem 1rem;}

.tp-navbar .has-dropdown::after {top:8px; right: 1rem !important;}

.index-banner{padding:25px 23px 23px 23px !important;}

.news-btn{text-align:right;}

.why-card2 .lt-border{height:230px !important;}

.contact-bg h2{margin-top: 0px !important; font-size: 130% !important; padding:0px !important;}

.logos-sec a{font-size: 14px; line-height: 18px;}

.why-card .lt-border{height:389px !important;}

.why-section-box{min-height: 420px;}

.bormd > .media-left {width: 17%;}

.bormd > .media-body {width: 80%;}

.bormd h4 {line-height:15px !important; font-size: 100% !important;}

section h2{font-size: 22px !important;}

.btm-btn{margin-right:10px;}

.social-icon-1{width:27px;height:27px; font-size:13px !important;margin-right:4px!important; padding-top: 5px !important; padding-left: 5px !important;}

.social-icon-2{width:27px;height:27px; font-size:13px !important;margin-right:4px!important; padding-top: 5px !important;}

.social-icon-3{width:27px;height:27px; font-size:13px !important; padding-top: 5px !important;}

.contact-banner{height:auto;}

.contact-banner h1{padding: 16px 0 !important;}

.price-btn{width: 160px;}

.pdf-img{background:url(../images/pdf-img.jpg) no-repeat bottom #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-1{background:url(../images/video-img-1.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-2{background:url(../images/video-img-2.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-3{background:url(../images/video-img-3.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-4{background:url(../images/video-img-4.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-5{background:url(../images/video-img-5.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-6{background:url(../images/video-img-6.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-7{background:url(../images/video-img-7.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-8{background:url(../images/video-img-8.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-9{background:url(../images/video-img-9.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-10{background:url(../images/video-img-10.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-11{background:url(../images/video-img-11.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-12{background:url(../images/video-img-12.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.choose-plan .roi-btn2{height:120px;}

.choose-plan p{padding: 10px 0; line-height: 17px; font-size: 15px;}

.carousel-indicators {margin-left: 13%;}

.theme_buttonA span{bottom: -145px;}

.mobile-cont{margin-top:0px;}

.section-padding{padding: 50px 0; padding-top: 50px;}

.section-padding2 {
    padding: 10px 0 18px 0px;
    padding-top: 0px;
}

.how-btm-bg-1{ min-height:185px; margin-bottom:16px;}

.how-btm-bg-2{ min-height:185px; margin-bottom:16px;}

.how-btm-bg-3{ min-height:185px;}

.how-btm-bg-4{ min-height:185px;}

}

@media (min-width: 980px){

.tp-navbar .menu{float: right !important;}

}


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

.feature-box{ min-height:290px !important;}

.feat-tp2{margin-top:0px;}

.feature-img{background:url(../images/feature-img-1.jpg) no-repeat right #0a6cb5; height:auto; padding:70px 50px !important; text-align:center;}

.feature-img h1{font-size:35px; margin-top:0px;}

.card-inner{height:auto !important;}

.carousel-indicators {margin-left: 15%;}

}

@media (min-width: 1280px) {
	
.display-4{font-size:34px; line-height: 44px;} 

.h1,.h2,.h3,.h4,.h5,.h6{color:#353795; margin-bottom:10px; font-weight:500;}

.feature-box {text-align: center; background: #fff; padding: 8px; margin-bottom: 65px; border: 1px solid #eaeaea; border-radius: 10px; transition: .5s; min-height: 286px;}

.index-banner{padding:0 0px 20px 0; margin-bottom:0!important;}

}

@media (min-width: 320px) and (max-width: 767px) {
.pad44 {
    line-height: 45px !important;
}
	.footer {
    height: auto !important; 
}
	.sub-text {
    text-align: center !important;
    color: #666 !important;
    font-weight: normal;
    font-size: 18px !important;
    margin-bottom: 8px;
}

.hidden-xs{display:none; !important}

.top-strip {padding-left: 2%!important; padding-right: 10%!important; float: right;}

.xs-hidden{display:none;}

.policy{text-align:center !important;}

.sticky nav{height:auto;}

.sticky nav ul li{margin: 20px 10px 0 10px;}

.nav-item .btn{ margin-left:0px !important; margin-bottom:8px !important;}

.tp-navbar{padding:8px 0;} 

.tp-navbar .menu {float:none; margin:0px 0 0 0; width:100%;}

.tp-navbar .nav{left: 78%; width:auto;}

.tp-navbar .nav-container{top: 130px;}

.tp-navbar .nav-toggle{margin: 37px 10px; padding: 11px 12px;}

.tp-navbar .nav-menu .menu-link{padding: 0.7rem 1rem;}

.tp-navbar .has-dropdown::after {top: 11px; right: 1rem !important;}

.contact-testimonals .media{height:430px;}

.feature-img{background:url(../images/feature-img-1.jpg) no-repeat right #0a6cb5; height:auto !important; background-size: 240% !important;}

.feature-img h1{font-size:21px; margin-top:0px; line-height:24px;}

.my_planTitle {font-size: 15px; font-weight: normal; padding: 24px 10px;}

.logo-box .box {width: calc(320px - 0px) !important;}

.why-bg h1{font-size: 33px; line-height: 40px;}

.card-inner{height:auto !important;}

.card-inner h2.inner-hdr, .inner-hdr.dtl_bx{font-size: 15px !important; line-height: 25px !important;}

.why-card{width:100%;}

.why-card2{width:100%;}

.why-card2 .lt-border{border-left:none; border-top:1px solid #e3e3e3;}

.roi-cont, .roi-cont0, .roi-cont1 { padding: 10px 0px; }

.roi-cont, .roi-cont0, .roi-cont1, .roi-cont2, .roi-cont3 { padding: 10px!important; }

.form-bg{width:100%; padding: 10px;}

.quick-form h3{margin-top:0 !important;}

.news-btn{text-align:center;}

.form-client{display:none;}

.feature-menu li a{padding: 5px 10px !important;}

.bormd > .media-left {width: 40%;}

.bormd > .media-body {width: 60%;}

.bormd h4 {line-height:20px !important;}

section h2{font-size: 22px !important;}

.why-btn-seaction{padding:15px 16px; border:#ddd solid 1px; background:#fff !important;}

.why-btn-seaction h1{margin: 0px 0 30px 0;}

.press-card {min-height: 300px; margin-bottom: 10px;}

.why-btn-seaction .btn1{background:#5fb25d !important; color:#fff; padding:8px 12px; border-radius: 30px;}

.why-btn-seaction .btn1:hover{border:#5fb25d solid 1px; color:#5fb25d;}

.footer .nav{min-height:140px;}

.social-icon-1{width:30px;height:30px; font-size:15px !important; padding-top: 5px !important; padding-left: 5px !important;}

.social-icon-2{width:30px;height:30px; font-size:15px !important; padding-top: 5px !important;}

.social-icon-3{width:30px;height:30px; font-size:15px !important; padding-top: 5px !important;}

.contact-banner{padding: 10px 0; height:auto;}

.contact-banner h1{line-height: 40px; font-size: 230% !important;  padding:16px 0 !important;}

.pdf-img{background:url(../images/pdf-img.jpg) no-repeat center #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-1{background:url(../images/video-img-1.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.video-img-2{background:url(../images/video-img-2.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.video-img-3{background:url(../images/video-img-3.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.video-img-4{background:url(../images/video-img-4.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.video-img-5{background:url(../images/video-img-5.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.video-img-6{background:url(../images/video-img-6.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.video-img-7{background:url(../images/video-img-7.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.video-img-8{background:url(../images/video-img-8.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.video-img-9{background:url(../images/video-img-9.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.video-img-10{background:url(../images/video-img-10.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.video-img-11{background:url(../images/video-img-11.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.video-img-12{background:url(../images/video-img-12.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.roi-cat1, .roi-val1{width: 80%; margin:0px;}

.roi-val1{width: 90%; margin:0px;}

h3{margin:0px !important; padding:0px !important;}

.choose-plan p{padding: 10px 0;}

.choose-plan .price1{padding: 9px 0 !important;}

.choose-plan .price2{padding: 9px 0 !important;}

.choose-plan .price3{padding: 9px 0 !important;}

.rol-mrg-btm{margin-bottom:8px;}

.my_feature_btn{padding-bottom:15px;}

.how-btm-bg-1{min-height: auto; margin-bottom:16px;}

.how-btm-bg-2{min-height: auto; margin-bottom:16px;}

.how-btm-bg-3{min-height: auto; margin-bottom:16px;}

.how-btm-bg-4{min-height: auto;}

.carousel-item{min-height: 250px;}

video {height: 100%; width: 100%;}

h4{line-height: 27px !important; font-size: 2.5rem !important;}

h2{line-height: 27px !important; font-size: 22px !important;}

.testimonial .h4{font-size: 2.5rem !important;}

.success-stories h2{font-size: 2.5rem !important;}

.success-stories h3{font-size: 2.5rem !important; line-height: 29px; margin:20px 0 10px 0 !important;}

.te-banner h4{line-height: 27px !important; font-size: 2.5rem !important;}

.te-banner p{line-height: 27px !important; font-size: 20px !important; padding-bottom:0;}

.section-padding2{padding: 30px 0;}

}


/* -- End Media Queris -- */


.mar50 {
    margin-top: 28px !important;
}
.margin-bm {
    margin-bottom: 90px;
}
.mar-tp{margin-top:50px !important;}


.video-container {z-index: -100; width:100%; height:75%; overflow:hidden; position:absolute; top:0; left:0;}

#video-bg{width:100%;}

#myModal .modal-backdrop {z-index: 0 !important; height: 100px !important;}

.modal-body {padding: 0px !important;}

.modal-body h6 {background: #008fd5; text-align: center; border-radius: 4px 4px 0 0 !important; color: #fff !important; font-size: 170% !important; margin-top: 0 !important; padding: 26px 0 !important;}

.modal-body2 {padding: 0px !important;}

.modal-body2 h4 {background: #008fd5; border-radius: 4px 4px 0 0 !important; color: #fff !important; margin-top: 0 !important; padding: 26px 0 26px 18px !important; font-size: 133% !important;}

#subscribe54229abfcfa5649e703b83dd4755294 {margin-right: 10px; margin-bottom: 10px;}

.btn-lg2, .btn-group-lg > .btn {font-size: 20px !important;}

.carousel-reviews .media {padding: 0px;}

.press-link a {color: #353795 !important;}

.errorMsgColor {font-size: 14px !important;}

.form-client-title {text-align: center !important; margin-bottom:16px}

#pageDiv {padding: 20px;}

.modal-body2 .form-control {margin-bottom: 10px!important;}

.optanon-alert-box-body a {color: #fff; text-decoration: underline!important;}

.optanon-alert-box-body a:hover {color: #fff; text-decoration: none !important;}

.nav-link {display: block; padding: 0 1rem;}

#submitCRM32bb90e8976aab5298d5da10fe66f21d {background-color: #5cb85c !important;}

.videobox{position:relative;}

#video_box_id_css, .video_box_class{border:0px !important;}

@media (min-width: 768px) and (max-width: 991.98px) {

.tp-navbar .has-dropdown::after {top:-4px; !important;}

}

@media (min-width: 320px) and (max-width: 767px) {
	.section-padding2 {
    /* padding: 60px 0; */
    padding-top: 0px;
}

#myModal2 button.close {padding: 30px 15px !important;}

.tp-navbar .has-dropdown::after {top: 1px; !important;}

}