@font-face {
    font-family: SuisseIntl-Book;
    src: url('../fonts/SuisseIntlBook.ttf');
}
html {
    /* scroll-behavior: smooth; */
  }
body {
    font-family: 'SuisseIntl-Book', sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    color: #000000;
}
section {
    scroll-margin-top: 92px;
}
.sectiontitle {
    font-size: 72px;
    margin: 90px 0px 70px 0px;
    text-align: center;
}
.sectiontitle.styl-2 {
    margin-bottom: 50px;
}
nav.navbar {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    font-size: 14px;
}
nav.nav-shadow {
    box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
}
a.navbar-brand {
    padding: 0px;
    margin-right: 35px;
}
.navlogo {
    width: 310px;
    height: 92px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.navlogo img {
    padding: 0px 15px;
}
.bg-light-custom {
    background-color: rgb(255 255 255 / 20%);
}
.navbar-light .navbar-nav .nav-link {
    color: #fff;
}
.navbar-light .navbar-nav.navleft .active>.nav-link, .navbar-light .navbar-nav.navleft .nav-link.active, .navbar-light .navbar-nav.navleft .nav-link.show, .navbar-light .navbar-nav.navleft .show>.nav-link {
    color: #fff;
}
.nav-link {
    padding-top: 35px;
    padding-bottom: 35px;
    letter-spacing: 2px;
}
.navright a.nav-link span {
    border: 2px solid #fff;
    padding: 8px 20px 6px 20px;
    border-radius: 40px;
    font-size: 14px;
}
.navright a.nav-link span.navabgfill
{
    color: #003040;
    background-color: #fff;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
}
.navbar-light .navbar-nav.navleft li.nav-item {
    margin-right: 20px;
}
.navbar-light .navbar-nav.navleft li.nav-item:last-child {
    margin-right: 0px;
}
.nav-item a {
    transition-duration: 0.5s;
}
nav ul.navbar-nav.navleft li a,
nav ul.navbar-nav.navleft li a:after,
nav ul.navbar-nav.navleft li a:before {
transition: all .5s;
}
nav ul.navbar-nav  li a {
  position: relative;
}
nav ul.navbar-nav.navleft  li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #bd2032;
  height: 5px;
}
nav ul.navbar-nav.navleft  li a:hover:after {
  width: 100%;
}
nav ul.navbar-nav.navleft  li a.active:after {
  width: 100%;
}
nav ul.navbar-nav.navright  li a.navcall, nav ul.navbar-nav.navright  li a.navregister span, nav ul.navbar-nav.navright  li a.navlogin span {
    transition: all .5s;
}
nav ul.navbar-nav.navright  li a.navcall:hover {
    color: #bd2032;
}
nav ul.navbar-nav.navright  li a.navregister:hover span, nav ul.navbar-nav.navright  li a.navlogin:hover span {
    color: #fff;
    background-color: #bd2032;
    border-color: #bd2032;
}
.navbar-nav.navright .nav-item .collapseshow {
    display: none;
}
/* ANIMATED X */
.navbar-toggler.x {
    border: none;
}
.navbar-toggler.x:focus {
    outline: none;
}
.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    -ms-transform-origin: 10% 10%;
    transform-origin: 10% 10%;
}
.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0);
}
.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
    -ms-transform-origin: 10% 90%;
    transform-origin: 10% 90%;
}
.navbar-toggler.x .icon-bar {
    width: 22px;
    display: block;
    height: 2px;
    background-color: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.navbar-toggler.x .icon-bar + .icon-bar {
    margin-top: 4px;
}
.navbar-toggler.x .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.navbar-toggler.x .icon-bar:nth-of-type(2) {
    opacity: 1;
    filter: alpha(opacity=100);
}
.navbar-toggler.x .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
/* END ANIMATED X */

#HomeBanner .carousel-item img {
    width:100%;
    height:100vh;
    object-fit: cover;
    object-position: center;
}
.carousel-caption {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 20px 50px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    width: 70%;
    height: 100vh;
}
#HomeBanner .carousel-caption h3 {
    font-size: 40px;
    line-height: 31px;
}
#HomeBanner .carousel-caption p {
    font-size: 56px;
    line-height: 55px;
}
#HomeBanner .bannerscrollto {
    position: absolute;
    top: 40%;
    right: 0;
    color: #fff;
    font-size: 12px;
    -webkit-transform: rotate(90deg);
}
#HomeBanner .bannerscrollmouse {
    position: absolute;
    padding-left: 70%;
    margin-top: -10px;
}
#HomeBanner .bannerscrollmouse img {
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
}
.bounceing {	
	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite;
}
 
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0);}	
	40% {-webkit-transform: translateX(-30px);}
	60% {-webkit-transform: translateX(-15px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateX(0);}
	40% {-moz-transform: translateX(-30px);}
	60% {-moz-transform: translateX(-15px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateX(0);}
	40% {-o-transform: translateX(-30px);}
	60% {-o-transform: translateX(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
	40% {transform: translateX(-30px);}
	60% {transform: translateX(-15px);}
}


.homebannernav {
    position: absolute;
    bottom: 0;
    right: 5%;
    z-index: 99;
}
#HomeBanner .carousel-control-next, .carousel-control-prev {
    top: auto;
    opacity: 1;
    width: auto;
    background-color: #fff;
    padding: 35px 40px;
    position: initial;
}
#HomeBanner .carousel-control-next {
    background-color: #f0f0f0;
}
#HomeBanner a.carousel-control-next, a.carousel-control-prev {
    float: left;
    transition: all .5s;
}
#HomeBanner .carousel-control-prev-icon {
    background-image: url(data:image/png;base64,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);
}
#HomeBanner .carousel-control-next-icon {
    background-image: url(data:image/png;base64,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);
}
#HomeBanner .container-center {
    position: absolute;
    top: 0;
    height: 100vh;
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    opacity: 0.9 !important;
}

#about {        
    width: 100%;
    height: auto;
}
#about .laptopimg {
	background-image: url('../images/redfigure1.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto 100%;
}
#about #laptopoverbg {
    background-color: #bc1f31;
    position: absolute;
    right: 0;
    z-index: -1;
    position: absolute;
}
#about .homsectwoheight {
    
    padding: 190px 0px 150px 0px;
}
.homsectwocontent {
    margin-top: 50px;
}
.homsectwocontent ul {
    padding-left: 20px;
    margin-bottom: 40px;    
    padding: 0;
}
.homsectwocontent ul li {
    margin-bottom: 10px;
    list-style: none;
	position: relative;
	padding: 0 0 0 20px;
}
.homsectwocontent ul li::before {
    content: "•";
    font-size: 18px;
    position: absolute;
    left: 0;
    top: -1px;
}

.homsectwocontent h4 {
    padding-right: 10%;
    margin-bottom: 30px;
    line-height: 35px;
}
.homsectwocontent p {
    font-size: 15px;
}
.homsectwolaptop {
    display: none;
}

#clients {
    padding: 10px;
    width: 100%;
    background-image: url('../images/ourclient-bg.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
    margin-top: 25px;
}
#clients .homsecthreeheight {
    height: 768px;
}
#clients .homsecthreecontent {
    color: #fff;
}
#clients .homsecthreecontent h4 {
    line-height: 35px;
}
#clients .homsecthreecontent p {
    margin-top: 30px;
    font-size: 18px;
    font-weight: 500;
    padding-right: 50%;
}
#clients .homsecthreecontent p span {
    color: #be0000;    
}
#clients .ourcliwatermark {
    font-size: 175px;
    color: #fff;
    margin: 0;    
    opacity: 0.3;
    line-height: 70px;
}

.btns{
  display: table;
  margin: 30px auto;
}
.owl-stage {
    padding-left: 0px !important;
}

#services #owl-carousel1 {
    padding-left: 20px;
}
#services #owl-carousel1 .owl-item {
    border-radius: 50px;
    overflow: hidden;
}
#services .serviceblock {    
    border-radius: 50px;
    overflow: hidden;
}
#services .serviceblock img {
    transition: all 0.3s;
}
#services .serviceblock:hover img {
    transform: scale(1.1);
}
#services .item.serviceblock p {
    position: absolute;
    color: #fff;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding: 0px 50px 15px 50px;
    font-size: 26px;
}
#services .owl-theme .owl-dots .owl-dot span {
    width: 100px;
    height: 8px;
    margin-top: 50px;
    transition: all .5s;
}
#services .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #bd2032;
}

#plans .item.planblock {
    border-radius: 110px;
    overflow: hidden;
}
#plans .item.planblock {
    border-radius: 110px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
	background-size: cover;	
	text-align: center;
    padding: 70px 15px;
}
#plans .item.planblock img.planblockbg {
    margin: 0px auto 20px auto;
}
#plans .item.planblock .planblocktext {
    color: #fff;
    top: 10%;
    bottom: 10%;
    text-align: center;
    width: 100%;
    font-size: 20px;
}
#plans .item.planblock .planblocktext img {
    transition: all .5s;
}
#plans .item.planblock:hover .planblocktext img {
    transform: scale(1.2);
}
#plans .item.planblock .planblocktext .planblockimg {
    width: 72px;
    height: 72px;
    margin:0 auto 20px auto;
}
#plans .item.planblock .planblocktext ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#plans .item.planblock .planblocktext ul li {
    font-size: 16px;
    margin-bottom: 10px;
}
#plans .item.planblock .planblocktext h3 {
    font-size: 35px;
    margin-bottom: 15px;
}
#plans .item.planblock .planblocktext h4 {
    margin: 30px 0px;
    font-size: 36px;
}
#plans .item.planblock .planblocktext h4 span {
    font-size: 24px;
}
#plans .item.planblock .planblocktext .planblockbtn {
    font-size: 18px;
    color: #000;
    background: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    transition: all .5s;
}
#plans .item.planblock .planblocktext .planblockbtn:hover {
    color: #fff;
    background: #bc1f31;    
}
#plans .item.planblock .planblocktext .planblockbtn:hover {
    text-decoration: none;
}
#plans .owl-theme .owl-dots .owl-dot.active span, #plans .owl-theme .owl-dots .owl-dot:hover span {
    background: #000;
}
#plans .owl-theme .owl-dots .owl-dot span {
    background: transparent;
    border: 1px solid #000;
    transition: all .5s;
}
#plans .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 50px;
}
#plans .owl-item {
    margin-bottom: 60px;
}
#plans .owl-item .item.planblock::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 12%;
    width: 80%;
    height: 50px;
    background: rgba(0,0,0,.1);
    border-radius: 50%;
    transform: perspective(500px) rotateX(64deg);
    filter: blur(12px);
}
#plans .owl-theme .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
}

footer {
    background: url('../images/footerbg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    margin-top: 100px;
}
footer form {
    margin-bottom: 30px;
}
footer .form-control::-webkit-input-placeholder, footer .form-control::placeholder {
    color: #fff;
}
footer input.form-control {
    background: transparent;
    border: 2px solid rgb(255 255 255 / 20%);
    border-radius: 100px;
    padding: 25px 30px;
    color: #fff;
}
footer textarea.form-control {
    background: transparent;
    border: 2px solid rgb(255 255 255 / 20%);
    border-radius: 20px;
    padding: 15px 20px 10px 20px;
    color: #fff;
    height: 125px;
}
footer form .btn-danger {
    border-radius: 50px;
    padding: 10px;
    background-color: #bc1f31;
    border-color: #bc1f31;
    transition: all .5s;
}
footer form .btn-danger:hover {
    background-color: #dc3545;
    border-color: #dc3545;
}
.form-control {
    transition: all .5s;
}
.form-control:focus {
    color: #fff;
    background-color: transparent;
    border-color: #dc3545;
    outline: 0;
    box-shadow: none;
}
footer .fcall, footer .fmail, footer .fsocial {
    text-align: center;
    padding: 30px;
}
footer .fcall i, footer .fmail i {
    font-size: 26px;
}
footer .fcall a, footer .fmail a {
    color: #fff;
    font-size: 22px;
    transition: all .5s;
}
footer .fcall a:hover, footer .fmail a:hover {
    color: #dc3545;
}
footer .fsocial i {
    font-size: 26px;
    margin: 15px;
    transition: all .5s;
}
footer .fsocial a:hover i.fa-facebook {
    color: #4267B2;
}
footer .fsocial a:hover i.fa-twitter {
    color: #55adee;
}
footer .fsocial a:hover i.fa-google-plus {
    color: #dd4b39;
}
footer .bordertop {
    border-top: 1px solid rgb(255 255 255 / 20%);
}
footer .bordersides {
    border-left: 1px solid rgb(255 255 255 / 20%);
    border-right: 1px solid rgb(255 255 255 / 20%);
}
footer .copyrightblock {
    background-color: #000;
    padding: 30px 100px 20px 100px;
    border-radius: 150px 150px 0px 0px;
    position: relative;
    overflow: auto;
}
footer .copyright {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
}
footer .copyright a, footer .copyright span {
    color: #fff;
}
footer .copyright span::after {
    content: '/';
    margin: 0px 15px;
}
footer .copyright span:last-child::after {
    content: '';
}
footer .toparrow {
    float: right;
}
footer a {
    color: #fff;
    transition: all .5s;
}
footer a:hover {
    color: #dc3545;
    text-decoration: none;
}
footer .toparrow img {
    transition: all .5s;
}
footer .toparrow:hover img {
    webkit-filter: invert(100%) !important;
    filter: invert(100%) !important;
}
 
/* modal */

#registerpopup .regpopcontent {
    padding: 16px 22%;
}
#registerpopup .regpopdes {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 25px;
}
#registerpopup input.form-control {
    background: #e1e6eb;
    border: 2px solid rgb(255 255 255 / 20%);
    border-radius: 0px 100px 100px 0px;
    padding: 25px 10px;
    color: rgb(5 20 31 / 50%);
    border-left: 0;
}
.btn-regpopup {
    border-radius: 50px;
    padding: 10px;
    background-color: #bc1f31;
    border-color: #bc1f31;
    transition: all .5s;
}
.regpopinputico {
    border-radius: 100px 0px 0px 100px;
    padding-left: 20px;
    background-color: #e1e6eb;
    border-color: rgb(255 255 255 / 20%);
    border-right: 0;
}
#registerpopup .close {
    color: #ee1330;
    opacity: 1;
    font-size: 32px;
}
#registerpopup .close:hover {
    opacity: 0.7;
}

/* end modal */

.list-style-1 {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 20px;
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-gap: 30px;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    line-height: normal;
}
.list-style-1 li {
    margin: 0 0 24px 0;
    padding: 0 0 0 34px;
    background: url('../images/arrow-right.png') left top 5px no-repeat;
}

@media only screen and (max-width: 1400px) {
    .navbar-light .navbar-nav.navleft li.nav-item {
        margin-right: 17px;
    }
}
@media only screen and (max-width: 1360px) {
    ul.navbar-nav.navright .navcall {
        display: none;
    }
}
@media only screen and (max-width: 1290px) {
    ul.navbar-nav.navright .navcall {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {
    .navlogo {
        width: 270px;
    }
    .navbar-light .navbar-nav.navleft li.nav-item {
        margin-right: 5px;
    }
    a.navbar-brand {
        margin-right: 5px;
    }
    nav.navbar {
        font-size: 13px;
    }
    #services .item.serviceblock p {
        padding: 0px 60px 15px 60px;
        font-size: 20px;
    }
    #services .owl-theme .owl-dots .owl-dot span {
        width: 50px;
    }
    footer .fcall a, footer .fmail a {        
        font-size: 18px;
    }
    #about .laptopimg {
        background-image: none;
    }
    #laptopoverbg {
        display: none;
    }
    .homsectwolaptop {
        display: block;
    }
    #about .homsectwoheight {        
        padding: 40px 0px;
    }
    #HomeBanner .carousel-caption h3 {
        font-size: 35px;
    }
    #HomeBanner .carousel-caption p {
        font-size: 51px;
    }
}

@media only screen and (max-width: 1024px) {
    a.navbar-brand {        
        margin-right: 10px;
    }
    .navbar-light .navbar-nav.navleft li.nav-item {
        margin-right: 0px;
    }
    .carousel-caption {
        width: 100%;
    }
    #clients .ourcliwatermark {
        font-size: 100px;
        line-height: 30px;
    }
    #services .item.serviceblock p {
        padding: 0px 20px 15px 20px;
    }
    ul.navright li a.navregister, ul.navright li a.navlogin {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
}

@media only screen and (max-width: 991px) {
    .navbar-collapse {
        background-color: rgb(52, 58, 64);
    }
    nav.navbar {
        padding-right: 0;
    }
    .nav-link {
        padding: 15px !important;
    }
    .navbar-light .navbar-nav.navleft li.nav-item {
        margin-right: 0;
    }
    .navbar-nav.navright .nav-item .collapsehidden {
        display: none;
    }
    .navbar-nav.navright .nav-item .collapseshow {
        display: inline-block;
    }
    .navbar-nav.navright {
        text-align: center;
    }
    .navbar-nav.navright .collapsebtnblock a {
        display: inline-block;
    }
    #about {
        background-image: none;
    }
    #HomeBanner .bannerscrollto, #HomeBanner .bannerscrollmouse {
        display: none;
    }    
    #about .homsectwoheight {
        height: auto;
    }
    .bordersides {        
        border-right: none !important;
    }
    footer .copyright {
        display: block;
        height: auto;
    }
    footer .copyright, footer .toparrow {
        float: none;
    }
    footer .copyright span:last-child, footer .toparrow {
        display: block;
        margin-top: 10px;
    }
    footer .copyright span:nth-child(2)::after {
        content: '';
    }
    footer .copyrightblock {
        text-align: center;
    }
    #registerpopup .regpopcontent {
        padding: 16px;
    }
    #HomeBanner .carousel-caption h3 {
        font-size: 30px;
    }
    #HomeBanner .carousel-caption p {
        font-size: 46px;
    }
    footer {
        margin-top: 50px;
    }
    .sectiontitle {
        font-size: 40px;
        margin: 50px 0px 40px 0px;
    }
    .list-style-1 {
        column-count: 1;
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-gap: 0px;
        -moz-column-gap: 0px;
        -webkit-column-gap: 0px;
    }
}
@media only screen and (max-width: 767px) {
    #clients .ourcliwatermark {
        font-size: 90px;
        line-height: 30px;
    }
    #services .owl-theme .owl-dots .owl-dot span {
        width: 40px;        
    }
    #services .owl-theme .owl-dots .owl-dot {
        display: none;
    }
    .bordersides {
        border-left: none !important;
        border-right: none !important;
    }
    #HomeBanner .carousel-caption {
        padding-left: 10px;
        padding-right: 10px;
    }
    #HomeBanner .carousel-caption h3 {
        font-size: 30px;
    }
    #HomeBanner .carousel-caption p {
        font-size: 46px;
    }
    #HomeBanner .carousel-control-next, .carousel-control-prev {
        padding: 25px 30px;
    }
    .sectiontitle.styl-2 {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 576px) {
    .navbar-toggler {
        padding: 14px;
    }
    .navbar-brand {
        margin: 0px;
    }
    .navlogo {
        width: 260px;
    }
    #HomeBanner .carousel-caption h3 {
        font-size: 20px;
    }
    #HomeBanner .carousel-caption p {
        font-size: 40px;
    }
    .homsectwocontent h4 {
        padding-right: 0%;
    }
    #clients .ourcliwatermark {
        font-size: 50px;
        line-height: 10px;
    }
    footer .copyrightblock {        
        padding: 30px 10px 20px 10px;
        border-radius: 50px 50px 0px 0px;
        font-size: 14px;
    }
}