body{ font-family:'open sans'; margin:0 auto; padding:0;  color:#181617;}
body, p, span, div{font-family:'open sans'}
h1, h2, h3, h4, h5, h6{font-family:'Montserrat'}
.ffopen{ font-family:'open sans'}
.ffmont{ font-family:'Montserrat'}
.f400{font-weight:400;} .f500{font-weight:500;} .f600{font-weight:600;} .f700{font-weight:700; } .f800{font-weight:800;}

 a:hover{text-decoration:none;}
.bg-gray{ background:#f3f3f3;}
.bg-gray1{ background:#f0f0f0;}
.bgf7{ background:#f7f7f7;}
.bgf5{ background:#f5f5f5;}
.bg-black{ background:#181617}
.bg-white{ background:#ffffff;}
.bg-red{  background:#e11f26;}
.bg-green{  background:#099e44;}
.bg-green-light{  background:#32908f; }
.red{ color:#e11f26;}
.black{ color:#181617;}
.text_gray{ color:#777777;}
.text-green-light{  color:#32908f;}
.f11{ font-size:11px; font-weight:500}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.globle_h{ font-size:35px;}
.globle_sh{ font-size:18px;}
html{ scroll-behavior: smooth;}
a{ color:#181617}
a:hover{ color:#181617}

/*Banner Section*/
.banner_bottom_sec{ background:rgba(0,0,0,.7) ; width:100%;  position:absolute; bottom:0; z-index:1; padding-top:20px }
.banner_indicators li{ width:20%; height:100%; background:none; font-size:18px; color:#FFFFFF; text-indent:0; opacity:1;  border:solid 1px transparent; color:#fff ; border-radius:5px; padding:20px 15px; margin: 0 30px; text-align:center}
.banner_indicators{  bottom:0; position:static}
.banner_bottom_sec .banner_indicators .active { border:solid 1px #e11f26; color:#E11F26; font-weight:700}
.slidei-cantoral{ position:absolute; right:0; background:rgba(0,0,0,.7);   padding:15px 15px; top:45%; z-index:1; overflow:hidden; right:2%; border-radius:30px;}
.prve_icon{ right:0!important; left:inherit; top:35px; position:static; margin-top:10px; padding-left:5px; }
.css-slider-wrapper{ overflow:hidden}
section{ width:100%; }/*.carousel-inner {width:90%; margin:auto}*/
.b2c-banner_h{ font-size:52px;}
.slide_overlay{ position:absolute; left:0%; right:0%; top:18%; margin:auto; z-index:999; padding: 0 5.1rem}
.slide_overlay  .banner_h{ font-size:40px; line-height:48px; }
.banner_sh{ font-size:24px; line-height:36px; }
.red_square{ background:#E11F26; height:161px; width:175px; text-align:center; box-sizing:border-box; padding:12px 13px; margin-top:60px; position:relative;}
.happy_h{ font-size:45px; color:#fff; text-align:center; }
.happy_p{ font-size:18px; color:#fff; text-align:center; padding:0; line-height:25px; letter-spacing:1px;  }
.red_square{}
@keyframes banner_ani_btn { from {  opacity:1}  to { opacity:0}}

.red_square .dot1{ width:10px; height:10px; position:absolute; top:0; right:-10%; z-index:999; background:#E11F26}
.red_square .dot2{ width:10px; height:10px; position:absolute; top:-10%; right:0%; z-index:999; background:#E11F26}
.red_square .dot3{ width:10px; height:10px; position:absolute; top:-10%; right:-10%; z-index:999; background:#E11F26}
.Learn_btn a{  background:#E11F26; padding:20px 30px;  display:inline-block; color:#FFFFFF; text-align:center; font-size:18px;  border-radius:2px; transition:ease-in-out .3s;}
.Learn_btn a img{ width:auto; margin-left:10px; transition:ease-in-out .3s; }
.Learn_btn a:hover img{ transform:translateX(5px)}

/* Home Banner Slider wrapper*/
.banner_hproduct{ font-size:18px}
.css-slider-wrapper {  background: #FFF; height:90vh; position:relative; z-index:0 }
.slider {width: 100%; height: 90vh; background: red; position: absolute;  left: 0;   top: 0;  z-index: 0; overflow:hidden;   -webkit-transition: -webkit-transform 1600ms;transition: -webkit-transform 1600ms, transform 1600ms; -webkit-transform: scale(1);    transform: scale(1);   }
.slide1 { background: #f0f0f0;  left: 0;  }
.slide2 { background: #f0f0f0;  left: 100%}
.slide3 { background: #181617;  left: 200% }
.slide4 { background: #181617;   left: 300%; }
.slide5 { background: #181617;   left: 400%; }
.slider img { height: 100%;width: 100%; object-fit: cover; }
.Learn_btn img{opacity:1}
.slider .button {  color: #FFF;  padding: 5px 50px; background: rgba(255,255,255,0.3);  text-decoration: none; opacity: 0; font-size: 15px; line-height: 30px;display: inline-block;  -webkit-transform: translateX(-500px);transform: translateX(-500px); }
.slider h2, .slider .button {  -webkit-transition: opacity 800ms, -webkit-transform 800ms;   transition: transform 800ms, opacity 800ms;   -webkit-transition-delay: 1s; /* Safari */  transition-delay: 1s; }
.control {   position: absolute;  top: 50%;   width: 40px;      margin-top: -19px;  z-index: 1; background:rgba(81,81,81,.5)}
.control label {   z-index: 0;  text-align: center;  line-height: 50px;  font-size: 50px;  color: #FFF; cursor: pointer;   display: none;   padding:15px; position:relative}
.control:hover label { opacity: 0.5; }
.next { border-left:solid 1px #e11f26;border-right:solid 1px #e11f26;border-left:solid 1px #e11f26;display:block; cursor:pointer; right: 1%;  top:48%; background:url(../png/left-arrow.png) center center no-repeat rgba(0,0,0,.5) ; height:50px; border-radius:50px 50px 0 0; }
.next:hover{background:url(../png/left-arrow.png) center center no-repeat rgba(0,0,0,.9) ;}
.previous {border-left:solid 1px #e11f26;border-right:solid 1px #e11f26;border-left:solid 1px #e11f26;right: 1%; top:calc(48% + 50px); z-index:9 ;  background:url(../png/right-arrow.png) center center no-repeat rgba(0,0,0,.5) ; height:50px; border-radius:0 0 50px 50px;}
.previous:hover { background:url(../png/right-arrow.png) center center no-repeat rgba(0,0,0,.9) ; }
.slider-pagination { position: absolute; bottom: 0;  width: 100%; left: 0;  text-align: center; z-index: 1000; }
.slider-pagination label { border-radius:5px; display: inline-block;   cursor: pointer;  font-size:18px; font-weight:700; }
.slider-pagination label:first-child{ margin-left:0;}
.slide-radio1:checked ~ .slider-pagination .page1,   .slide-radio2:checked ~ .slider-pagination .page2,  .slide-radio3:checked ~ .slider-pagination .page3,   .slide-radio4:checked ~ .slider-pagination .page4,  .slide-radio5:checked ~ .slider-pagination .page5 {
color:#fff;  }
.slide-radio1:checked ~ .slider-pagination .page1,   .slide-radio2:checked ~ .slider-pagination .page2,  .slide-radio3:checked ~ .slider-pagination .page3,   .slide-radio4:checked ~ .slider-pagination .page4,  .slide-radio5:checked ~ .slider-pagination .page5 { transform:scale(1.5); border:none; background:#e11f26}
.slide-radio1:checked ~ .slider {-webkit-transform: translateX(0%);transform: translateX(0%);}
.slide-radio2:checked ~ .slider { -webkit-transform: translateX(-100%);  transform: translateX(-100%);}
.slide-radio3:checked ~ .slider {-webkit-transform: translateX(-200%); transform: translateX(-200%);}
.slide-radio4:checked ~ .slider {-webkit-transform: translateX(-300%); transform: translateX(-300%);}
.slide-radio5:checked ~ .slider {-webkit-transform: translateX(-400%); transform: translateX(-400%);}

.slide-radio1:checked ~ .slide1 h2, .slide-radio2:checked ~ .slide2 h2, .slide-radio3:checked ~ .slide3 h2,  .slide-radio4:checked ~ .slide4 h2, .slide-radio5:checked ~ .slide5 h2,  .slide-radio1:checked ~ .slide1 .button,  .slide-radio2:checked ~ .slide2 .button, .slide-radio3:checked ~ .slide3 .button,  .slide-radio4:checked ~ .slide4 .button, .slide-radio5:checked ~ .slide5 .button {   -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1}
.slide1:after, .slide2:after, .slide3:after, .slide4:after, .slide5:after {width:100%; height:100%; background:rgba(0,0,0,0);   position:absolute; top:0; left:0; content:''; z-index:9; transition:ease-in-out .3s}
.slider-pagination{ height:50px}
.slider-pagination{ background:none}
.slider-pagination label{ margin:6px}
.slider-pagination label{ text-indent:100%; width:10px; height:10px; overflow:hidden; padding:0;background:#181617;}

.slide-radio1:checked ~ .control .numb1 { display: inline-block;}
.slide-radio2:checked ~ .control .numb2 { display: inline-block;}
.slide-radio3:checked ~ .control .numb3 { display: inline-block;}
.slide-radio4:checked ~ .control .numb4 { display: inline-block; }
.slide-radio5:checked ~ .control .numb5 { display: inline-block; }

/*DIY Software for Individuals Section*/
.btn-floating { position:absolute; background:url(../png/next.png) no-repeat;  z-index: 1;  vertical-align: middle;  display: inline-block; overflow: hidden; transition: all .2s ease-in-out;  padding: 0;  cursor: pointer;    width: 47px; height: 47px;right:0%; top:45%; z-index:9}
a.diy_Solutions_box{ width:100%; border:solid 1px #ccc; margin:auto; cursor:pointer; transition: ease-in-out .3s; display:block;min-height: 100%;}
.diy-box-title{ font-size:18px; letter-spacing:.08em;}

.product_title{ font-size:16px; letter-spacing:.15em;}
.product_subtitle{ font-size:18px;}
.diy-box-title-text{ font-size:20px;  }
.diy_Solutions_box:hover{ box-shadow: 2px 2px 20px rgba(0,0,0,.3)}
.diy_Solutions_box .diy_lern span{   opacity:1; }
.diy_lern span{ color:#E11F26;  transition: ease-in-out .3s;}
.diy_lern span img{ transition: ease-in-out .3s;}
.diy_lern span:hover img{ transform:translateX(5px)}
.diy_Solutions_box:hover .diy_lern span{ opacity:1}

/*Advanced Software for Businesses Home Page*/
.business_nav{/* width:85%;*/ margin:auto; text-align:center; border-bottom:solid 1px #c2c2c2;/*padding: 0 80px;*/  }
.business_nav a{ padding:15px 20px; font-size:16px; color:#181617; display:inline-block; position:relative; }
.business_nav ul{ margin:auto !important;/* max-width:800px;*/justify-content: center; }
.business_nav a span{ width:100%; height:5px; background:#E11F26; position:absolute; left:0; z-index:9; bottom:0; transform:scaleX(0); transition:ease-in-out .3s;}
/*.business_nav a:hover span{ width:100%; height:5px; background:#E11F26; position:absolute; left:0; z-index:9; bottom:-1px; transform:scaleX(1)}*/
.business_nav a.active span{ width:100%; height:5px; background:#E11F26; position:absolute; left:0; z-index:9; bottom:-1px; transform:scaleX(1)}
.business_tab_box{ width:95%; margin:auto; background:#f7f7f7; border:solid 1px #dedede; min-height:100%;  box-shadow: 0 #ccc; transition: ease-in-out .3s; display:block}
.business_tab_box:hover{ background:#fff; box-shadow: 2px 2px 25px #ccc; cursor:pointer;}
.business_tab_box span{ opacity:1}
.business_tab_box:hover span{ opacity:1}
.all_product_btn{ display:inline-block; margin:auto; text-align:center;  border:solid 1px #E11F26; box-sizing:border-box; vertical-align:middle; padding:15px 25px; font-size:17px; font-weight:600; color:#E11F26; transition:ease-in-out .3s; border-radius:3px;}
.all_product_btn:hover{ background:#E11F26; color:#fff;}
.all_product_btn img{transition:ease-in-out .3s;}
.all_product_btn:hover img{ filter: brightness(0) invert(1);  -webkit-filter: brightness(0) invert(1); transform:translateX(8px)}
.request_quote{ background:url('../jpg/services_bg.jpg') #000 no-repeat right top; background-size:cover}
.request_quote .globle_h{ line-height:48px;}
.request_quote p .all_product_btn{ margin:inherit; background:#E11F26 !important; color:#FFFFFF}
.request_quote p .all_product_btn img{ filter: brightness(0) invert(1);}
.counter_text{ font-size:72px; color:#181617; padding:0; margin:0; line-height:100px;}
.counter_text sup{ font-size:60%;}
.counter-Txt{ padding:0; margin:25px auto}
.award_sec .globle_h{ line-height:48px; }
.award_sec p .all_product_btn{ margin:inherit; background:#E11F26 !important; color:#FFFFFF}
.award_sec p .all_product_btn img{ filter: brightness(0) invert(1);}
.lab_services_h{ font-size:26px; line-height:42px}
.googlenadtrust_p{ width:650px;margin:0 auto;}
.googlenadtrust_trust{padding:27px 0px 12px; background:#fff;}
.holder_bu { cursor: pointer }
.holder_bu_awayL1 {position: absolute; top: 12%; left: 5%; width: 24%; height: 263px; background:#fff; box-shadow: 2px 2px 20px #ccc; -webkit-transition: width 1s, height 1s, top 1s, left 1s; -moz-transition: width 1s, height 1s, top 1s, left 1s;  -o-transition: width 1s, height 1s, top 1s, left 1s;  -ms-transition: width 1s, height 1s, top 1s, left 1s;  transition: width 1s, height 1s, top 1s, left 1s; text-align:center; padding:15px; box-sizing:border-box; overflow:hidden; overflow:hidden; z-index:1}
.holder_bu_awayL2 {  position: absolute;  top: 20%; left: -6%; width: 22%; height: 190px; background:#fff; box-shadow: 2px 2px 10px #ccc; -webkit-transition: width 1s, height 1s, top 1s, left 1s; -moz-transition: width 1s, height 1s, top 1s, left 1s; -o-transition: width 1s, height 1s, top 1s, left 1s; -ms-transition: width 1s, height 1s, top 1s, left 1s; transition: width 1s, height 1s, top 1s, left 1s; text-align:center; padding:15px; box-sizing:border-box; overflow:hidden; overflow:hidden; z-index:-1; }
.holder_bu_center {position: absolute; top: 5%;left: 20%; width: 261px; height: 331px; -webkit-transition: width 1s, height 1s, top 1s, left 1s; -moz-transition: width 1s, height 1s, top 1s, left 1s; -o-transition: width 1s, height 1s, top 1s, left 1s;  -ms-transition: width 1s, height 1s, top 1s, left 1s;  transition: width 1s, height 1s, top 1s, left 1s;  background:#fff; box-shadow: 2px 2px 30px #ccc; z-index:99; text-align:center; padding:30px 12px 0 12px;  box-sizing:border-box; overflow:hidden; transform:scale(1);  }
.holder_bu_awayR1 { position: absolute; top: 12%;  left: 50%;  width: 24%;  height: 263px; background:#fff; box-shadow: 2px 2px 20px #ccc;  -webkit-transition: width 1s, height 1s, top 1s, left 1s;  -moz-transition: width 1s, height 1s, top 1s, left 1s;  -o-transition: width 1s, height 1s, top 1s, left 1s;  -ms-transition: width 1s, height 1s, top 1s, left 1s;  transition: width 1s, height 1s, top 1s, left 1s; z-index:1; text-align:center; padding:15px; box-sizing:border-box; overflow:hidden; overflow:hidden;  }
.holder_bu_awayR2 {  position: absolute;  top: 20%; left: 62%; width: 22%; height: 190px; background:#fff; box-shadow: 2px 2px 10px #ccc; -webkit-transition: width 1s, height 1s, top 1s, left 1s; -moz-transition: width 1s, height 1s, top 1s, left 1s; -o-transition: width 1s, height 1s, top 1s, left 1s; -ms-transition: width 1s, height 1s, top 1s, left 1s; transition: width 1s, height 1s, top 1s, left 1s; text-align:center; padding:15px; box-sizing:border-box; overflow:hidden;  }
.wrapper_bu p{ font-size:13px !important;}
.holder_bu_awayR2 .globle_h{ font-size:14px !important; opacity:.5; line-height:26px;}
.holder_bu_awayR1 .globle_h{ font-size:18px !important; opacity:.7; line-height:26px;}
.holder_bu_awayL2 .globle_h{ font-size:14px !important; opacity:.5; line-height:26px;}
.holder_bu_awayL1 .globle_h{ font-size:18px !important; opacity:.7; line-height:26px;}
.holder_bu_awayR2 p{ font-size:10px !important; opacity:.5;}
.holder_bu_awayR1 p{ font-size:12px !important; opacity:.7;}
.holder_bu_awayL2 p{ font-size:10px !important; opacity:.5;}
.holder_bu_awayL1 p{ font-size:12px !important; opacity:.7;}
.holder_bu_awayR2 img{ font-size:11px !important; opacity:.5;}
.holder_bu_awayR1 img{ font-size:11px !important; opacity:.7;}
.holder_bu_awayL2 img{ font-size:11px !important; opacity:.5;}
.holder_bu_awayL1 img{ font-size:11px !important; opacity:.7;}
.holder_bu_center p{ font-size:14px}
.holder_bu_center .globle_sh{ padding-top:20px !important;}
.Companies_sec img{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */  filter: grayscale(100%); opacity:.7;}
.Companies_sec img:hover{ filter:none; opacity:1}
.dp-wrap { margin: 0 auto;  position: relative;   perspective: 1000px;  height: 100%;}
.dp-slider {  height: 100%;  width: 100%;   position: absolute;   transform-style: preserve-3d;}
.dp-slider div {   transform-style: preserve-3d;}
.dp_item {   display: block;   position: absolute;   text-align: center; left:0; right:0; margin:auto;  transition: transform 1.2s;}
.dp-img img {   border-left: 1px solid #fff;}
#dp-slider .dp_item:first-child {    z-index: 10 !important;   transform: rotateY(0deg) translate(0) scale(1) !important;}
.dp_item[data-position="2"] {   z-index: 9;   transform: rotateY(0deg) translateX(0%) scaleX(1.3) scaleY(.8); opacity:.7;}
.dp_item[data-position="3"] {    z-index: 8;   transform: rotateY(0deg) translateX(0%) scaleX(1.4) scaleY(.7) ; opacity:.6;	}
.dp_item[data-position="4"] {   z-index: 7; transform: rotateY(0deg) translateX(0%) scaleX(1.5) scaleY(.6); opacity:.2;}
#dp-next, #dp-prev {  position: absolute;  top: 200px;   right:160px;   height: 33px;   width: 33px;    z-index: 10;   cursor: pointer;}
#dp-prev { left: 160px;  transform: rotate(180deg);}
#dp-dots {    position: absolute;   top: 460px;    z-index: 12;   left: 0%; right:0;   cursor: default;	}
#dp-dots li {   display: inline-block; width: 30px; height: 7px; background: #e0e0e0;}
#dp-dots li:hover {cursor: pointer; background: #e11f26; transition: background .3s;}
#dp-dots li.active {   background: #e11f26;	}
.dp_item {   width: 40%; margin:auto; box-sizing:border-box; padding: 0 45px;  height: 420px;  padding-top: 20px;}
.dp-content ,.dp-img { 	text-align: left;}
.dp_item {display: flex;align-items: center;background: #fff;border-radius: 5px;overflow: hidden; box-shadow: 2px 2px 45px #ccc}
.dp-content {  margin:auto; text-align:center;	}
.dp-content .site-btn {   margin-top: 15px;   font-size: 13px;  padding: 19px 40px;}
.dp-img:before {   background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));   background: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));   background: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));   background: linear-gradient(-90deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));   content: "";   position: absolute;   height: 100%; width: 25%;    z-index: 1;   top: 0;   pointer-events: none;   background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75));  background: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75));   background: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75));   background: linear-gradient(-90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255));}
.dp-img img {   object-fit: cover;   object-position: right;}
#dp-slider, dp-slider .dp_item:hover:not(:first-child) {   cursor: pointer;		}
.site-btn {  color: #fff;  font-size: 18px;  background: #FA8282; padding: 14px 43px;  display: inline-block;  border-radius: 2px;  position: relative;  top: -12px; text-decoration: none;}
.site-btn:hover{ text-decoration: none;  color: #fff;}
.google_review_Sec{ overflow:visible; height:100%; padding-bottom:450px !important;}.profile{ position:absolute; top:-40px; left:0; right:0; margin:auto}
.googl_img{ box-shadow:2px 2px 10px #ededed}
.insights_col{ width:100%; margin:auto; position:relative; }
.overlay_img{ position:absolute; left:0; right:0; opacity:0; transition: ease-in-out .3s; top:0;    }
.insights_col .no_hover{ opacity:1 !important; }
.insights_col:hover .overlay_img{ opacity:1}
.overlay_sec{  position:absolute; left:0; right:0; top:20%; width:75%; padding-left:25px; transition: ease-in-out .5s; }
.insights_col:hover .overlay_sec{  top:5%;}
.insights_col:hover  .no-overlay{  top:20%;}
.insights_col .diy-box-title-text{ font-size:28px; line-height:35px}
.insights_col .diy_lern{ opacity:0; transition: ease-in-out .5s;}
.insights_col:hover .diy_lern{  opacity:1}
.no-overlay .diy_lern{ opacity:1; transition: ease-in-out .5s;}	
.insights_col a{ color:#e11f26}
.red-learnmore{ position:absolute; bottom:10%; padding-left:25px}
.popover_img{ background:#525252; color:#fff; width:300px; padding:25px 15px 0 15px; border-radius:5px; position:absolute; left:-20px; top:-125px; }
.popover_img:before{width: 0;  height: 0;  border-top: 10px solid transparent;border-bottom: 10px solid transparent;  border-right:10px solid #525252; content:''; z-index:9; position:absolute; left:23px; bottom:-14px; transform: rotate(272deg) }