/* =======================================================*/
/*                      By Netsam                         */
/* =======================================================*/
@import url( Bootstrap/css/bootstrap.min.css );
@import url( https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i);
@import url( https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap );
/*========================================================*/
/*  Default HTML                                          */
/*========================================================*/
html { height:100%; }
body { height:100%; margin:0 0 0 0; background:#ffffff; -webkit-font-smoothing:antialiased; }
form { height:100%; margin:0; padding:0; }
table, tr, td {font-family:'Roboto', sans-serif; color:#595959; line-height:24px; font-weight:400; font-size:16px;}
p { font-family:'Roboto', sans-serif; color:#4B4B4B; line-height:24px; font-weight:400; font-size:16px; margin:0 0 24px 0; }
div { font-family:'Roboto', sans-serif; color:#4B4B4B; line-height:24px; font-weight:400; font-size:16px; padding:0px; margin:0px;}
span { }
figure { margin:0;}
hr { margin:10px 0; padding:0px; border-bottom:1px dashed #8f8f8f; border-top:0px; border-left:0px; border-right:0px; line-height:0px; height:1px; display:block;}
img { border:none;}
/*========================================================*/ 
/*  Main SKIN Elements                                    */
/*========================================================*/
.clear { clear:both;}
.fleft { float:left;}
.fright { float:right; }
.minp { margin:0 200px; }
.paneOutline { border:1px dashed #666666; }
.logo { padding:0 0; float:left; } .logo img { text-align:center; }
.top { background:#0A78C3; height:50px; }
.borderbg { background:url(Images/border-bg.svg) top center repeat-y ;  }
.hbg { background:url(Images/header-bg.svg) top center no-repeat; padding:0 0; }
.hbg-in { background:url(Images/header-bg-in.svg) top center no-repeat; padding:0 0; margin:-1px 0 0 0; }
.header { background:none; }
.top-bar {  }
header {  top:0; left:0; width:100%; z-index:999; transition:all 0.3s ease; padding:0; }
.scrolled { background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.1);  }
header .logo { transition:all 0.3s ease;}
#sticky { padding:50px 0 30px; }
.inbody { min-height:600px; }
.over { overflow:hidden; }
.hero { padding:10px 0 0 0; }
.hero h1 { font-size:60px; color:#f28713; font-weight:600; line-height:70px; text-transform:uppercase; font-family:"Roboto Condensed", sans-serif; }
.hero h1 span { font-size:80px;  }
.hero .hcont { margin:50px 0 0 0; }
.hero h2 { font-size:50px; letter-spacing:-2px; margin:20px 0 0 0; color:#ffffff; font-weight:600; line-height:55px; text-transform:uppercase; font-family:"Roboto Condensed", sans-serif; }
.hbox { background:url(Images/ico-boxes.svg) top left no-repeat; padding:0 0;  }
.hero p { font-size:25px; letter-spacing:0px; margin:50px 0 40px 0; color:#4B4B4B; font-weight:300; line-height:38px; }
.hbg-in h1 { font-size:60px; color:#f28713; font-weight:600; line-height:70px; margin:50px 0 0 0; text-transform:uppercase; font-family:"Roboto Condensed", sans-serif; }
.hbg-in p { font-size:22px; color:#ffffff; font-weight:500; line-height:30px; padding:0 0 100px 0; margin:0 0 0 0; }
.cardbox {  display:flex; flex-wrap:wrap; gap:20px; }
.cardbox .card-box { position:relative; width:300px; display:inline-block; box-shadow:0 6px 30px rgba(0,0,0,0.08); padding:45px 20px 20px 20px; border-radius: 40px; border-bottom-right-radius: 6px; background: #fff; color: #000; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; }
.cardbox .card-box h5 { transition: color 0.3s ease-in-out; font-size:22px; color:#646464; font-weight:500; line-height:26px; }
.cardbox .card-box p { transition: color 0.3s ease-in-out; color:#7C7C7C; }
.cardbox .card-box p { transition: color 0.3s ease-in-out; color:#7C7C7C; }
.cardbox .noflex { display: block; flex: none;  width: 100%; }
.cardbox .card-box img { position: absolute; top:20px; right:20px; opacity: 0; transform:scale(0.7); transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out; }
.cardbox a:first-child .card-box { background:#f28713; color:#fff; }
.cardbox a:first-child .card-box h5, .cardbox a:first-child .card-box p { color:#fff; }
.cardbox a:first-child .card-box img { opacity:1; transform: scale(1);  }
.cardbox .card-box:hover { background:#f28713; color:#fff; }
.cardbox .card-box:hover h5, .cardbox .card-box:hover p { color:#fff; }
.cardbox .card-box:hover img { opacity: 1; transform:scale(1); }
.cardbox a:first-child .card-box:hover img { transform:scale(1.1); }
.cardbox a:first-child .card-box:hover { box-shadow:0 0 15px rgba(242, 135, 19, 0.6); }
.cardbox a:nth-child(1) .card-box { margin-top:30px; }
.cardbox a:nth-child(3) .card-box { margin-top:0px; }
.cardbox a:nth-child(4) .card-box { margin-top:-30px; }
.autom { margin:0; }
.autom h3 { font-size:60px; color:#444444; font-weight:600; line-height:70px; text-transform:uppercase; font-family: "Roboto Condensed", sans-serif; }
.autom p { font-size:19px; color:#7C7C7C; line-height:33px; margin:0 0 20px 0; }
.autom ul { margin:0 0 20px 0; padding:0 0 0 0; }
.autom li { list-style:none; background:url(Images/check.png) center left no-repeat; padding:10px 0 10px 36px; font-size:16px; font-weight:600; }
.org-bg { background:url(Images/orange-bg.svg) top center no-repeat; padding:0 0; margin:-120px 0 0 0; }
.ecom { background:url(Images/ico-boxes2.svg)  right 0 top 100px no-repeat;  padding:0 0; }
.ecom .tconx { width:800px; margin:0 auto; clear:both; display:block; padding:300px 0 0 0; text-align:center; }
.ecom .tconx h3 { font-size:60px; color:#ffffff; font-weight:600; line-height:70px; text-transform:uppercase; font-family: "Roboto Condensed", sans-serif; }
.ecom .tconx p { font-size:20px; color:#ffffff; line-height:33px; }
.ecom .ecom-box h5 { font-size:26px; color:#ffffff; font-weight:600; line-height:36px; margin:15px 0 0 0; }
.ecom .ecom-box p { font-size:16px; color:#ffffff; line-height:30px; line-height:24px; }
.ecom-box { position:relative; display:inline-block; text-align:center; margin:20px; }
.ecom-box img:nth-child(1) { width:auto; height:auto; position:relative; z-index:1; }
.ecom-box img:nth-child(2) { position:absolute; top:0; left:50%; transform:translateX(-50%); width:auto; height:auto; opacity:0; z-index:0; transition:opacity 0.3s ease; }
.ecom-box:hover img:nth-child(2) { opacity:1; animation:spin .5s linear infinite; }
@keyframes spin { from { transform:translateX(-50%) rotate(0deg); } to { transform:translateX(-50%) rotate(360deg); } }
.hph { margin:0 0 0 5px; }
.hosting { margin:80px 0 0 0; }
.hosting h3 { text-align:center; font-size:60px; color:#444444; font-weight:600; line-height:70px; text-transform:uppercase; font-family: "Roboto Condensed", sans-serif; }
.hosting p { text-align:center; display:block; width:800px; font-size:20px; color:#7C7C7C; line-height:33px; margin:0 auto 10px auto; }
.autom ul { margin:0; padding:0 0 0 0; }
.autom li { list-style:none; background:url(Images/check.png) center left no-repeat; padding:10px 0 10px 36px; font-size:16px; font-weight:600; }
.host-box { background: #fff; box-shadow: 0 8px 25px rgba(0,0,0,0.08); padding: 25px; text-align: left; border-radius: 10px; transition: all 0.3s ease; }
.host-box p { text-align:left; display:inherit; width:auto; font-size:16px; line-height:24px; }
.host-box img { text-align:left; margin-bottom:15px; transition:transform 0.3s ease; }
.host-box:hover { transform:translateY(-15px); box-shadow:0 8px 25px rgba(0,0,0,0.15); }
.host-box:hover img { }
.host-box h5 { transition: all 0.3s ease; font-weight:500; font-size:18px; color:#444444; }
.host-box:hover h5 { color:#f28713; }
.consult { margin:80px 0 80px 0; }
.consult h3 { text-align:center; font-size:60px; color:#444444; font-weight:600; line-height:70px; text-transform:uppercase; font-family: "Roboto Condensed", sans-serif; }
.consult p { text-align:center; font-size:20px; color:#7C7C7C; line-height:33px;  }
.consult p.fixw { width:800px; margin:0 auto 10px auto; position:relative; z-index:1; }
.small-box { background: #fff; box-shadow: 0 8px 25px rgba(0,0,0,0.08); padding: 20px; width: 420px; border-radius: 10px; position: relative; transition: transform 0.3s ease; animation-name: float; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }
.left-column .small-box:nth-child(1), .left-column .small-box:nth-child(3) { margin-left: 80px; }
.right-column .small-box:nth-child(2) { margin-left: 80px; }
@keyframes float { 0%   { transform: translate(0, 0); } 25%  { transform: translate(5px, -5px); } 50%  { transform: translate(-5px, 5px); } 75%  { transform: translate(5px, 5px); } 100% { transform: translate(0, 0); } }
.left-column .small-box:nth-child(1) { animation-duration: 6s; animation-delay: 0s; }
.left-column .small-box:nth-child(2) { animation-duration: 5s; animation-delay: 1s; }
.left-column .small-box:nth-child(3) { animation-duration: 7s; animation-delay: 0.5s; }
.right-column .small-box:nth-child(1) { animation-duration: 6.5s; animation-delay: 0.3s; }
.right-column .small-box:nth-child(2) { animation-duration: 5.5s; animation-delay: 1.2s; }
.right-column .small-box:nth-child(3) { animation-duration: 7s; animation-delay: 0.7s; }
.custom-container { max-width: 1550px; margin:-30px auto 0 auto;  }
.left-column { position: relative; z-index: 1; }
.right-column { position: relative; z-index: 1; right: 150px; }
.col-md-6 img { position: relative; z-index: 0; }
.consult .small-box h5 { color:#1C3B7C; font-size:20px; font-weight:600; }
.consult .small-box p { font-size:16px; text-align:left; line-height:26px; margin:0; }
.footer { background:#1C3B7C; }
.pre-footer { padding:20px 30px; margin:0 0 0 0; width:100%; background: #f28713; border-radius:10px; }
.pre-left { width:120px;  }
.pre-cont { font-size:18px; color:#ffffff; text-align:left; padding-left:25px; vertical-align:middle; }
.pre-right {  }
.copy-wrap { background:#161616; padding:20px; text-align:center; }
.mpreal { position:absolute; margin:-60px auto 0 auto; width:1200px; left:0; right:0; }
.altpad { padding:110px 0 40px 0; }
ul.footer-link { margin:0; padding:0; }
.footer-link li { list-style:none; margin:0 0 8px 0; color:#ffffff; }
.footer-link, .footer-link a, .footer-un p { color:#ffffff !important; font-size:15px !important; }
.footer-link a:hover { text-decoration:underline !important; color:#ffffff !important; }
.footer-link img { padding-right:6px; }
ul.footer-social { margin:0; padding:15px 0 0 0; }
.footer-social li { list-style:none; margin:0 10px 0 0; display:inline-block; }
.slide-wrapper { position: relative; overflow: hidden; }
.slide { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: opacity 1s ease; }
.slide.active { opacity: 1; position: relative; }
.slide h1 { opacity: 0; transform: translateX(-50px); transition: all 2s ease; }
.slide.active h1 { opacity: 1; transform: translateX(0); }
.slide h2 { opacity: 0; transform: translateX(50px); transition: all 3s ease; }
.slide.active h2 { opacity: 1; transform: translateX(0); }
.hero-img { opacity: 0; transition: opacity 2s ease; }
.slide.active .hero-img { opacity: 1; }
.max-cnt { max-width:1900px; }
.d-sm-none { display:none; }
.btnc { position: relative; display: inline-block; padding: 15px 36px; border-radius: 30px; text-decoration: none; overflow: hidden; background: var(--bg); color: var(--text); font-size: 16px; font-weight: 600 !important; cursor: pointer; transition: color 0.25s ease; user-select: none; }
.btnc::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-sizing: border-box; border: var(--border-width) solid var(--border-color); pointer-events: none; z-index: 2; transition: border-color 0.25s ease; }
.btnc .circle { position: absolute; border-radius: 50%; width: 20px; height: 20px; transform: scale(0); pointer-events: none; opacity: 0.98; transition: transform 1.2s cubic-bezier(.2,.8,.2,1), left 0.18s ease, top 0.18s ease; z-index: 1; will-change: transform, left, top; }
.btnc .label { position: relative; z-index: 3; pointer-events: none; display: inline-block; }
.btnc.animate-in .circle { transform: scale(1); }
.btnc.animate-out .circle { transform: scale(0); transition: transform 0.45s ease; }
.bblue { color:#ffffff !important ;}
.bblue:hover { color:#ffffff !important ;}
.bborg:hover { color:#ffffff !important; }
.loginContent { padding:60px 0 0 0; }
.about { margin:80px 0 80px 0; }
.w-600 { width:600px }
.awlc { }
.awlc .left { padding:0 80px 0 0; }
.awlc .right { padding:0 0 0 80px; }
.awlc h5 { font-size:30px; font-weight:600; margin:0 0 25px 0; color:#181818; line-height:35px; }
.awlc p { font-size:19px; font-weight:400; margin:0 0 15px 0; line-height:28px; }
.about h3 { font-size:66px; color:#181818; font-weight:600; line-height:70px; font-family: "Roboto Condensed", sans-serif; }
.about p { text-align:center; font-size:20px; color:#7C7C7C; line-height:33px;  }
.about p.fixw { width:800px; margin:0 auto 10px auto; position:relative; z-index:1; }
.abheader h3 { text-align:center; font-size:66px; color:#181818; font-weight:600; line-height:70px; font-family: "Roboto Condensed", sans-serif; margin:80px 0 100px 0; }
.timeline-container { position:relative; padding:0 0;  }
.timeline-line { position:absolute; top:0; bottom:0; left:50%; width:6px; background:#bdbdbd; border-radius:3px; transform:translateX(-50%); z-index:1; }
.timeline-progress { position:absolute; top:0; left:50%; width:6px; background:#f1830b; border-radius:3px; transform:translateX(-50%); z-index:1; height:0; transition:height 0.3s ease; }
.timeline { position:relative; z-index:2; }
.timeline-item { display:flex; position:relative; margin-bottom:80px; align-items:center; transform:translateY(50px); transition:all 0.6s ease; }
.timeline-item.active { opacity:1; transform:translateY(0); }
.timeline-item-left { justify-content:flex-start; }
.timeline-item-right { justify-content:flex-end; }
.timeline-content { width:45%; padding:25px;  }
.timeline-content:hover {  }
.timeline-content h2 { color:#181818; margin-bottom:15px; font-size:32px; font-weight:600; }
.timeline-content p { color:#181818; line-height:30px; font-size:18px; }
.timeline-number { position:absolute; width:70px; height:70px; background:#bdbdbd; border:0px solid white; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.4rem; font-weight:bold; color:#7f8c8d; z-index:3; top:50%; left:50%; transform:translate(-50%, -50%); transition:background 0.5s ease, color 0.5s ease; }
.timeline-item.active .timeline-number { background:#f1830b; color:white; }
.timeline-item img { width:45%; border-radius:12px;  }
.timeline-item img:hover { }
.timeline .timeline-item-left .timeline-content { position:absolute;  right:0 }
.timeline .timeline-item-right .timeline-content { position:absolute;  left:0 }
@media (max-width:992px) {
.timeline-line {  left:30px; }
.timeline-progress { left:30px; }
.timeline-item { flex-direction:column; padding-left:70px; padding-right:0; margin-left:0 !important; }
.timeline-item-left, .timeline-item-right { justify-content:flex-start; }
.timeline-number { left:30px; transform:translate(-50%, -50%); }
.timeline-item img, .timeline-content { width:100%; max-width:100%; margin-bottom:20px; }
}
@media (max-width:576px) {
.header h1 { font-size:2.2rem; }
.timeline-content { padding:20px; }
.timeline-content h2 { font-size:1.4rem; }           
.timeline-item { padding-left:60px; }     
.timeline-number { width:40px; height:40px; left:30px; }
}
.ai {}
.aihero { margin:-180px 0 50px 0; max-width:100%; }
.aisome h4 {  font-size:34px; color:#181818; font-weight:600; line-height:40px;  }
.aisome p {    }
.howai { margin:100px 0 100px 0; }
.howai .pathbg { background:url(Images/path.svg) no-repeat; background-position: left 45px top 0; padding:1px 0 0 0; }
.howai .card-box { border:6px solid #ffffff; text-align:center; justify-content: center; font-size: 80px; font-weight:600; position:relative; display: flex; box-shadow:0 6px 30px rgba(0,0,0,0.08); padding:40px 30px 40px 30px; border-radius: 40px; border-bottom-right-radius: 6px; color:#ffffff;  }
.howai .color1 { background: #FF4912; } .howai .color2 { background: #00DA00; } .howai .color3 { background: #01B7FD; } .howai .color4 { background: #781AFF; }
.howai h3 { display:block; text-align:center;  font-size: 60px; color: #F28713; font-weight: 600; line-height: 70px; text-transform: uppercase; font-family: "Roboto Condensed", sans-serif;  }
.howai .desc { display:block; text-align:center; width:750px;  font-size: 19px; color: #7C7C7C; line-height: 33px; margin: 0 auto 30px auto; }
.howai ul { margin:50px 0 0 0; padding:0;  padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; row-gap: 0;  }
.howai li {   list-style: none; margin: 0; padding: 0 0 20px 0; display: flex; align-items: flex-start; }
.howai .card-content { padding:20px 0 0 20px; }
.howai .card-content h6 { font-size:20px; font-weight:600; color:#181818; }
.howai li:nth-child(2), .howai li:nth-child(4) { margin-top: 100px; }
.qwin { margin:100px 0 100px 0; }
.qwin h3 { display:block; text-align:center;  font-size: 60px; color: #444444; font-weight: 600; line-height: 70px; text-transform: uppercase; font-family: "Roboto Condensed", sans-serif;  }
.qwin .desc { display:block; text-align:center; width:750px;  font-size: 19px; color: #7C7C7C; line-height: 33px; margin: 0 auto 30px auto; }
.qwin .card-box { position: relative; text-align:center; display: inline-block; box-shadow: 0 6px 30px rgba(0,0,0,0.08); padding: 45px 20px 20px 20px; border-radius: 40px; border-bottom-right-radius: 40px; border-bottom-right-radius: 6px; background: #fff; color: #000; }
.qwin .card-box h5 { font-size: 22px; color: #F28713; font-weight: 500; line-height: 26px; }
.qwin .card-box p { transition: color 0.3s ease-in-out; color: #7C7C7C; }
.qwin .qwtbox { }

.cont { margin:0 0 100px 0; }
.cont h3 { display:block; text-align:center; font-size:60px; color:#444444; font-weight:600; line-height:70px; font-family: "Roboto Condensed", sans-serif;  }
.cont .desc { display:block; text-align:center; width:750px;  font-size: 19px; color: #7C7C7C; line-height: 33px; margin: 0 auto 30px auto; }
.cont .card-box { position:relative; margin:0 0 30px 0; width:100%; display:inline-block; box-shadow:0 6px 30px rgba(0,0,0,0.08); padding:45px 20px 20px 20px; border-radius: 40px; border-bottom-right-radius: 6px; background: #fff; color: #000; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; }
.cont .card-box h5 { font-size: 22px; color: #646464; font-weight: 500; line-height: 26px; }
.cont .card-box p { transition: color 0.3s ease-in-out; color: #7c7c7c; }
.cont .qwtbox { }
.cont .card-box img { position: absolute; top: 20px; right: 20px; }
.cont .card-box a { color:#7c7c7c; }
.cont .card-box a:hover { color:#f28713; }


/*========================================================*/
/*Contents                                              */
/*========================================================*/ 
#dnn_ctr416_Feedback_divSubject2 .dnnLabel, #dnn_ctr416_Feedback_divMessage .dnnLabel, #dnn_ctr416_Feedback_divName .dnnLabel, #dnn_ctr416_Feedback_divTelephone .dnnLabel, #dnn_ctr416_Feedback_divEmail .dnnLabel { display: none !important; }
#dnn_ctr416_Feedback_divName, #dnn_ctr416_Feedback_divTelephone { width: 50% !important; float: left; box-sizing: border-box; padding-right: 10px; }
#dnn_ctr416_Feedback_divTelephone { padding-right: 0; }
#dnn_ctr416_Feedback_divSubject2 input, #dnn_ctr416_Feedback_divName input, #dnn_ctr416_Feedback_divTelephone input, #dnn_ctr416_Feedback_divEmail input { font-size:16px; width: 100% !important;	max-width:100% !important; height: 50px !important; border-radius: 30px !important; padding: 0 15px; box-sizing: border-box; border: 1px solid #ccc; }
#dnn_ctr416_Feedback_divMessage textarea { font-size:16px;  width:100% !important; max-width:100% !important; border-radius:10px !important; padding:20px 15px; box-sizing: border-box; border: 1px solid #ccc; }

.ModDNNFeedbackC h3 { color:#646464; }
.ModDNNFeedbackC .dnnPrimaryAction { width:100% !important; max-width:100% !important; height:50px !important; border-radius: 30px !important; padding:12px 15px 10px;  }
.ModDNNFeedbackC .dnnActions li  { float:none; margin:0; }
.ModDNNFeedbackC ul.dnnActions  { padding:20px 0 0 0; }
.ModDNNFeedbackC .dnnPrimaryAction:hover { background:#10295F !important; }
#dnn_ctr416_Feedback_plCharCount { width: 170px; float: left; padding: 0 0 0px 0; }
#dnn_ctr416_Feedback_CharCount { font-weight:600; }
/*========================================================*/
/*  Admin Control Bar                                     */
/*========================================================*/  
#ControlBar_CustomMenuItems > li > a, #ControlActionMenu > li > a { height:55px !important; }
#ControlNav > li > a { height:53px !important; } #ControlEditPageMenu > li > a { height:55px  !important; }
ul#ControlBar_Module_ModulePosition li { height:30px !important; padding:5px 0 5px 10px !important; }
div.actionMenu ul.dnn_mact > li.actionMenuMove > ul li { height: 28px !important; padding: 5px 0 5px 10px !important;}
ul.dnnAdminTabNav { height: 45px !important; }
ul.dnnAdminTabNav li.ui-tabs-active a { padding: 9px 9px 10px !important; }
/*========================================================*/
/*  Site Contents                                         */
/*========================================================*/  
.center { text-align:center !important;}
.gborder { border:1px solid #cccccc; }
.tright { text-align:right; }
.tpad-normal { padding-top:15px; }
.tpad-mid { padding-top:30px; }
.tpad-big { padding-top:45px; }
.rpad-big { padding-right:75px; }
.bmar-small { margin-bottom:10px !important;}
.bmar-normal { margin-bottom:20px;}
.bmar-midd { margin-bottom:30px;}
.margin-tb-sm { margin:15px;} .margin-tb-normal { margin:30px;}
.block { display:block;}
.bold { font-weight:600 !important;}
.nbold { font-weight:400 !important;}
.dblock { display:block !important;}
.dinline { display:inline-block !important;}
.red { color:#fe0000; }
.blue { color:#0000fd; }
.black { color:#000000;}
.gray { color:#555555;}
.tcenter { text-align:center; }
.comments {  color:#888888; font-family:'Roboto', sans-serif; font-weight:500; font-size:12px;}
.img-round-6 { border-radius:6px; } .img-round-8 { border-radius:8px; } .img-round-12 { border-radius:12px; }
.head {}
.heading { font-size:24px; line-height:34px;}
.h5 { height:5px; } .h10 { height:10px; } .h15 { height:15px; } .h20 { height:20px; } .h25 { height:25px; } .h30 { height:30px; } .h35 { height:35px; } .h40 { height:40px; } .h45 { height:45px; } .h50 { height:50px; }  .h55 { height:55px; } .h60 { height:60px; } .h65 { height:65px; } .h70 { height:70px; } .h75 { height:75px; } .h80 { height:80px; } .h150 { height:150px; } 
/*========================================================*/
/*  Bootstrap Class                                       */
/*========================================================*/
.container {}
.thumbnail {}
.img-responsive {}
.clearfix {}
.mt-6 { margin-top: 4rem !important; }
.mt-7 { margin-top: 5rem !important; }
/*========================================================*/
/*  Default DNN Links Tokens                              */
/*========================================================*/
a:link, a:visited, a:active { color:#F28713; font-family:'Roboto', sans-serif; font-weight:400; font-size:16px; text-decoration:none; line-height:24px; }
a:hover { color:#1C3B7C !important; text-decoration:none !important; }
a:active { outline:none !important; } :focus {outline:0 !important; }
.terms_privacy, a.terms_privacy:link, a.terms_privacy:visited, a.terms_privacy:active { color:#d7d7d7; font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; text-decoration:none; padding:20px 0; }
a.terms_privacy:hover { text-decoration:underline; color:#7d7d7d !important; }
.bottomlinks, a.bottomlinks:link, a.bottomlinks:visited, a.bottomlinks:active { color:#444444 !important; font-family:'Roboto', sans-serif; font-size:13px; font-weight:500; text-decoration:none; transition:color 0.5s; -moz-transition:color 0.5s; -webkit-transition:color 0.5s;  -o-transition:color 0.5s; }
a.bottomlinks:hover { text-decoration:none !important; color:#222222 !important;} .bottomlinks span { color:#444444;}
.breadcrumb, a.breadcrumb:link, a.breadcrumb:visited, a.breadcrumb:active { color:#fe0000; font-family:Arial; font-size:13px; font-weight:normal; text-decoration:none;}
a.breadcrumb:hover { color:#0000fd; }
.reg_login, a.reg_login, a.reg_login:link, a.reg_login:visited, a.reg_login:active { font-family:'Roboto', sans-serif; font-weight:500; font-size:16px; color:#007d79; text-decoration:none; text-transform:uppercase; padding:0 0 0 10px; } 
a.reg_login:hover { text-decoration:underline; color:#000000 !important; }
.btn-phone, a.btn-phone, a.btn-phone:link, a.rbtn-phone:visited, a.btn-phone:active { border-radius:6px; white-space:nowrap; background:url(Images/ico-phone.png) center left no-repeat #F28713; font-family:'Roboto', sans-serif; font-weight:500; font-size:16px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:12px 5px 12px 40px; border:2px solid #F28713; } 
a.btn-phone:hover { background:url(Images/ico-phone.png) center left no-repeat #10295f; }
.btn-blue, a.btn-blue, a.btn-blue:link, a.rbtn-blue:visited, a.btn-blue:active {  background:#1C3B7C; font-weight:500; font-size:16px; color:#ffffff; text-decoration:none; padding:17px 30px 17px 30px; border-radius:30px; transition: all 0.5s ease-in-out;} 
a.btn-blue:hover { background:#555555; color:#ffffff !important; transform: translateY(-3px); box-shadow: 0 6px 15px rgba(0,0,0,0.2); }
.btn-org-bor, a.btn-org-bor, a.btn-org-bor:link, a.rbtn-org-bor:visited, a.btn-org-bor:active { background:#ffffff; font-weight:500; font-size:16px; color:#F28713; text-decoration:none; border:1px solid #F28713; padding:16px 30px 16px 30px; border-radius:30px; transition: all 0.5s ease-in-out; } 
a.btn-org-bor:hover { background:#333333; border-color:#555555; color:#ffffff !important;  }
.btn-org, a.btn-org, a.btn-org:link, a.rbtn-org:visited, a.btn-org:active { white-space:nowrap;  background:#ffffff; font-weight:500; font-size:16px; color:#F28713; text-decoration:none; padding:17px 30px 17px 30px; transition: all 0.5s ease-in-out; border-radius:8px; } 
a.btn-org:hover { background:#333333; color:#ffffff !important; }

/*========================================================*/
/*  Default DNN Static Tokens                             */
/*========================================================*/
.Copyright { font-family:'Roboto', sans-serif; font-size:13px; font-weight:500; color:#444444; }
.SubHead { font-family:'Roboto', sans-serif;font-size:12px; font-weight:500; color:#444444;}
.SubHead span { font-family:'Roboto', sans-serif; font-size:12px; font-weight:500; color:#595959;}
.Head { font-family:'Roboto', sans-serif; font-size:18px; color:#ff0000; font-weight:600; padding:0 0 2px 0;}
.dnnSecondaryAction, a.dnnSecondaryAction { background:#F28713 !important; border:0 !important; color:#ffffff !important; }
.dnnPrimaryAction, a.dnnPrimaryAction { background:#1C3B7C !important; border:0 !important; color:#ffffff !important; }
.dnnSecondaryAction, a.dnnSecondaryAction, .dnnPrimaryAction, a.dnnPrimaryAction { background:#333333 !important; }

/*========================================================*/
/*  Other used Text                                       */
/*========================================================*/
.Normal { font-family:'Roboto', sans-serif;color:#595959; line-height:24px; font-size:16px; font-weight:400;}
.NormalBold { font-family:'Roboto', sans-serif;font-size:16px; font-weight:700; color:#595959; line-height:24px;}
.NormalRed { color:#e02429; font-weight:normal; font-family:Arial; font-size:14px; }
UL LI { list-style-image:url("Images/rarrow.png"); list-style-position:outside; font-family:'Roboto', sans-serif; font-size:16px; font-weight:400; color:#595959; margin:0 0 5px 0; }
ul, ol { margin:0 0 30px 40px; }
/*========================================================*/
/*  Content Panes                                         */
/*========================================================*/
.hbp { padding:0 0 0 0;  }
.hcp { padding:0 0 0 0; }

/*========================================================*/
/*  Default HTML Headings                                 */
/*========================================================*/
H1 { margin:0 0 15px 0; line-height:50px; font-weight:600; font-size:34px; color:#0147ff; font-family:'Roboto', sans-serif;}
H2 { margin:0 0 15px 0; line-height:40px; font-weight:600; font-size:28px; color:#0147ff; font-family:'Roboto', sans-serif;}
H3 { margin:0 0 15px 0; line-height:26px; font-weight:600; font-size:24px; color:#0147ff; font-family:'Roboto', sans-serif;}
H4 { margin:0 0 15px 0; line-height:22px; font-weight:normal; font-size:18px; color:#0147ff; font-family:'Roboto', sans-serif;}
H5 { margin:0 0 15px 0; line-height:18px; font-weight:normal; font-size:16px; color:#0147ff; font-family:'Roboto', sans-serif;}
H6 { margin:0 0 6px 0; line-height:16px; font-weight:bold; font-size:14px; color:#0147ff; font-family:'Roboto', sans-serif;}
/*========================================================*/
/*  Form Object                                           */
/*========================================================*/
select, input { font-family:Arial; font-size:14px; color:#484848; }
.NormalTextBox { color:#414141; padding-left:4px; line-height:12px; font-family:Arial; font-weight:normal; font-size:12px; border:1px solid #414141; background:#ffffff; }
td.NormalTextBox { padding:0; margin:0; background:transparent; border:0; }
.StandardButton { border:#414141 0px solid; font-size:11px; font-family:'Roboto', sans-serif;background:#e31836; padding:3px 10px; color:#ffffff; }
/*========================================================*/
/*  Social Icons                                          */
/*========================================================*/
.list { clear:both; list-style:none; padding:0 0 0 0; margin:0 auto; position:relative; float:none; overflow:hidden; }
.list li a {color:#808080; }
.list li {line-height:40px; width:auto; float:none; color:#808080; padding:0; margin:0; }
.social-icons li {width:40px;height:40px;float:left; list-style:none; background:none; }
.social-icons li a {width:40px;height:40px;background:url(Images/social-icons.png) no-repeat 0 0;display:inline-block;float:none;}
.social-icons li .facebook {background-position:0 0;}
.social-icons li .facebook:hover {background-position:-40px 0 ;}
.social-icons li .linkedin {background-position:0 -40px;}
.social-icons li .linkedin:hover {background-position:-40px -40px;}
.social-icons li .twitter {background-position:0 -80px;}
.social-icons li .twitter:hover {background-position:-40px -80px;}
/*========================================================*/
/*  Animated Burger Menu                                  */
/*========================================================*/
.titre { cursor:pointer; position:absolute; z-index:299; margin:2px 5px 0 0; right:0; top:0; }
.tcon::before { color:#ffffff; content:"Menu"; text-transform:uppercase; font-size:15px; position:relative; top:5px; margin:0 12px 0 0; font-family:'Raleway', sans-serif; font-weight:600; }
.tcon { -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; cursor:pointer; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; height:30px; transition:0.3s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; width:40px; background:transparent; outline:none; -webkit-tap-highlight-color:transparent; }
.tcon > * { display:block; }
.tcon:hover, .tcon:focus { outline:none; }
.tcon::-moz-focus-inner { border:0; }
.tcon-menu__lines { display:inline-block; height:3.71429px; width:30px; transition:0.3s; background:#ffffff; position:relative; }
.tcon-menu__lines::before, .tcon-menu__lines::after { display:inline-block; height:3.71429px; transition:0.3s; background:#ffffff; content:''; position:absolute; left:0; -webkit-transform-origin:2.85714px center; transform-origin:2.85714px center; width:100%; } 
.tcon-menu__lines::before { top:8px; }
.tcon-menu__lines::after { top:-8px; }
.tcon-transform .tcon-menu__lines { -webkit-transform:scale3d(0.8, 0.8, 0.8); transform:scale3d(0.8, 0.8, 0.8); }
.tcon-menu--xbutterfly { width:auto; }
.tcon-menu--xbutterfly .tcon-menu__lines::before, .tcon-menu--xbutterfly .tcon-menu__lines::after { -webkit-transform-origin:50% 50%; transform-origin:50% 50%; transition:top 0.3s 0.6s ease, -webkit-transform 0.3s ease; transition:top 0.3s 0.6s ease, transform 0.3s ease; }
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines { background:transparent; }
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before, .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after { top:0; transition:top 0.3s ease, -webkit-transform 0.3s 0.5s ease; transition:top 0.3s ease, transform 0.3s 0.5s ease; width:30px; }
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before { -webkit-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg); }
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after { -webkit-transform:rotate3d(0, 0, 1, -45deg); transform:rotate3d(0, 0, 1, -45deg); }
.tcon-visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.tcon-visuallyhidden:active, .tcon-visuallyhidden:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }
/*========================================================*/
/*  Search                                                */
/*========================================================*/
.search_bg {  background:#ffffff; float:right; width:225px; height:30px; position:relative; margin:0px 5px 0 0;}
.search, a.search:link, a.search:active, a.search:visited {  background:url(Images/search-btn.png) right top no-repeat; width:24px; height:30px;  position:absolute; right:3px; top:0px; text-indent:-99999px; overflow:hidden;}
.searchInputContainer { display:block !important; }
a.search:hover{ background:url(Images/search-btn.png) right bottom no-repeat; }
.search-box #dnn_dnnSearch_cmdSearch { display:none; }
.search-box { margin:auto !important; position:absolute; left:0; right:0; top:0px !important; width:100%; bottom:0; background-color:rgba(255,255,255,.9); height:100%; z-index:999; padding-top:25px; }
.search-box input { float:left; width:93%; height:50px; background-color:#fefefe; border:1px solid #cacaca; border-radius:3px; box-shadow:0 1px 2px hsla(0, 0%, 4%, 0.1) inset; box-sizing:border-box; color:#0a0a0a; display:block; font-family:inherit; font-size:1rem; font-weight:400; margin:0 0 1rem; padding:0 20px; transition:box-shadow 0.5s ease 0s, border-color 0.25s ease-in-out 0s; }
#closeSearch { float:right; color:#484848; font-size:1.6em; margin-top:8px; margin-right:14px; }
#closeSearch:hover, #closeSearch:focus, #closeSearch:visited {text-decoration:none; }
/*========================================================*/
/*  Media Styles                                          */
/*========================================================*/

@media (min-width:992px) and (max-width:3840px) {
 .slick-slide img { width:100%; }
 .container { max-width: 1200px !important; }
}
@media (min-width:1400px) and (max-width:1920px) {
 .custom-container { max-width: 1390px; }
}
@media (min-width:1200px) and (max-width:1399px) {
 .right-column .small-box:nth-child(1) { margin-left: -50px; }
 .right-column .small-box:nth-child(2) { margin-left: 0px; }
 .right-column .small-box:nth-child(3) { margin-left: -50px; }
 .mpreal { width:1130px; }
 .custom-container { max-width:1190px; }
 .small-box { width: 360px; }
}
@media (min-width: 993px) and (max-width: 1199px) {



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

}
@media (min-width:240px) and (max-width:766px){
#dnnMenu .topLevel li  body { height:100%; margin: 0 0 0 0; background:#ffffff; -webkit-font-smoothing: antialiased; }
#dnnMenu .topLevel li a div div, #dnnMenu .topLevel li a:hover div div, #dnnMenu .topLevel li a:active div div, #dnnMenu .topLevel li.breadcrumb a div div{ margin-right:0px !important; }
a div div { margin-left:0px !important; }
#pixmenu{ display:none; margin:0; overflow:hidden; float:none; position: absolute; top: 41px; right: 0; width: 100%; height: 100%; z-index: 99; background: #1A3877; background: linear-gradient(0deg,rgba(26, 56, 119, 1) 0%, rgba(9, 35, 89, 1) 92%); }
#jmobileicos{ background:#092359; visibility:visible; height:42px; position:absolute; top:0px; right:0px; z-index:58888; width:100%;}
.xmbtn { position:absolute; z-index: 99999; margin:9px 0 0 10px; }
.xmbtn a.tsm { color:#fff; font-size:16px; font-weight:500; }
.logo img { text-align:center; max-width:100%; }
.xmbtn a.tsm img { padding:0 10px 0 0;  }
.logo { padding:30px 0 0 0; float:none; text-align:center; max-width:100%; }
.d-sm-none { display:block !important; }
.hph { display:none; }
.hero h1 { font-size:50px; line-height:60px; margin:0;  }
.hero h1 span { font-size: 60px; }
.hero .hcont { margin:0 0 0 0; }
.hero h2 { font-size:40px; line-height:46px; color:#1c3b7c; }
.hero h2 br { display:none; }
.hero p { font-size:24px; line-height:30px; text-align:center; margin:20px 0 30px 0;  }
.slide { text-align:center; }
.s-static { text-align:center; }
.hbox { background:none; }
.cardbox .card-box { width:auto; }
.cardbox a:nth-child(4) .card-box { margin-top:0px; }
.autom { margin:50px 0 0 0; }
.autom h3 { font-size:50px; line-height:60px; }
.ecom .tconx { width:auto; margin:0 0 0 0; padding:100px 0 0 0; }
.org-bg { margin: -35px 0 0 0; background-position: top right -350px; }
.ecom .tconx h3, .hosting h3, .consult h3 { font-size: 50px; line-height: 60px; }
.max-cnt { background:#F28713; }
.hosting p { width:auto; }
.host-box { margin:0 0 40px 0; }
.consult { margin: 30px 15px 100px 15px; }
.consult p.fixw { width: auto; }
.small-box { width:auto; }
.left-column .small-box:nth-child(1), .left-column .small-box:nth-child(3) { margin-left: 0; }
.right-column { right: 0; }
.right-column .small-box:nth-child(2) { margin-left:0px; }
.mpreal { width: auto; position:relative;  }
.ecom { background-image:none; background-color:#F28713; padding:0 15px; }
 .hosting { padding: 0 15px; }
.mpreal { position:relative; }
.pre-footer { -webkit-border-radius: 1px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius: 1px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; border-radius: 1px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; }
.altpad { padding: 50px 0 50px 0; }
.fot2  { margin:40px 0; }
.copy-wrap { padding: 20px !important; }
.custom-container { margin: 30px auto 0 auto; }
.pre-footer td { display:block; text-align:center; padding-bottom: 35px; padding-left:0; }
#sticky .d-flex { display:block !important; }
.hbg-in { background-image:none; background-color:#10295f; padding: 0 0; margin:-2px 0 0 0; }
.inbred { text-align:center; padding:0 15px; }
.hbg-in p { padding:0 0 30px 0; }
.col-md-6 img { width:100%; }
.awlc .left { padding:0 0 40px 0; }
.awlc .right { padding:0 0 0 0; }
.timeline .timeline-item-left .timeline-content { position:inherit; }
.timeline .timeline-item-right .timeline-content { position:inherit; }
.timeline-content { padding:0; }
.inbody { padding:0 10px; }
.awlc { padding:0 10px; }
.abheader h3 { font-size:56px; line-height:60px; margin:50px 0 36px 0; }
.about h3 { font-size:56px; line-height:60px; }
.about { margin:60px 0 30px 0; }
.inbody .container { padding:0; } 
.ai { padding: 0 10px; }
.howai .desc { width:auto; }
.howai { margin: 50px 0 0 0; }
.howai ul { margin:0 0 0 0; display: grid; grid-template-columns: repeat(1, 1fr); gap: 0; row-gap: 0px; row-gap: 0; }
.aihero { margin:0 0 50px 0; }
.howai .pathbg { background:none; }
.howai li { display:block; }
.howai .card-box { display:block; width:150px; margin:0 auto; }
.howai .card-content { padding: 30px 0 0 0; text-align: center; }
.howai li:nth-child(2), .howai li:nth-child(4) { margin-top:0px; }
.qwin { margin: 39px 0 100px 0; }
.qwin .desc { width:auto; }
.qwin .card-box { margin:0 0 30px 0; }
.qwin { margin:40px 0 0px 0; }




}
@media (min-width:576px) and (max-width:766px){
  .hosting { padding: 0 50px; }
}