@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

/*CSS*/
@import url('assets/css/fontawesome-all.min.css');
@import url('assets/css/owl.carousel.css');
@import url('assets/css/animate.css');
@import url('assets/css/meanmenu.css');

/* default */
html { height: 100%; margin: 0; overflow-x: hidden;}
body { font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#000; line-height:20px; }
img { max-width:100%; height:auto; }
a { transition:all .2s ease-out; color:#19b5fe; }
a:hover { text-decoration:none; }
.btn-default { font-family: 'Montserrat', sans-serif; font-weight:400; display:inline-block; border:1px solid #ddd; padding:10px 18px; font-size:13px; color:#575757; line-height:20px; letter-spacing:1px; text-decoration:none; text-transform:none; }
.btn-default:hover { color:#fff; background-color:#222830; letter-spacing:normal; text-decoration:none;   }
.btn:focus,.btn:active:focus,.btn.active:focus, .btn.focus,.btn:active.focus,.btn.active.focus, .btn-primary:focus, .btn-primary:active:focus { outline: none; box-shadow:none !important; }
.form-control { border-radius:0; font-weight:300; font-size:13px; }
.form-control:focus { box-shadow:none !important; }
.form-control::placeholder { color:#cecece; font-size:13px; }

.bg-dark { background-color:#f1f1f1 !important; }
strong { font-weight:500; }
.text-primary { color:#19b5fe !important; }

h1,h2,h3,h4,h5,h6 { font-family: 'Roboto', sans-serif; font-weight:700; text-transform:uppercase; margin:0; }
h2 { font-size:32px; color:#000; line-height:40px; }
h3 { font-size:26px; color:#000; line-height:32px; }
h4 { font-size:24px; color:#000; line-height:28px; }
h5 { font-size:18px; color:#000; line-height:24px; }
h6 { font-size:16px; color:#000; line-height:24px; }

/*header*/
#header { background-color:#fff;  position:-webkit-sticky; position:sticky; width:100%; top:0; z-index:2;  transition:all 0.3s ease; }
#header .container { max-width:1240px; }
#header.sticky { box-shadow: 0 0 4px rgba(0,0,0,.12), 0 4px 4px rgba(0,0,0,.24)  }
#header ul { margin:0; padding:0; list-style:none; }

.navbar-brand { padding:8px 0; margin:0; }

.top-right { float:right; position:relative; }
.top-right a[href*="tel"] { margin-top:22px; float:right; display:block; background-color:#19b5fe; font-size:16px; color:#fff; font-weight:700; border-radius:30px; padding:6px 12px; }
.top-right a[href*="tel"]:hover { text-decoration:none; }
.top-right a[href*="tel"] i { margin-right:5px; transform: rotate(108deg); }
.navigation { padding-right:154px; }
.navigation > ul > li { float:left; margin-left:10px; position:relative; }
.navigation > ul > li:first-child { margin-left:0; }
.navigation > ul > li > a { display:block; padding:29px 18px; font-size:14px; font-family: 'Roboto', sans-serif;  font-weight:500; text-transform:uppercase; color:#000; transition: all 0.5s ease-in-out 0s; }
.navigation > ul > li.active > a, .navigation > ul > li.active > a:hover, .navigation > ul > li.dropdown-trigger:hover > a  { color:#fff; background-color:#19b5fe;}
.navigation > ul > li > a:hover { color:#000; text-decoration:none; }
.navigation > ul > li .sub-menu { background-color:#f9f9f9; position: absolute; width: 200px; left: 0; top: 100%; z-index: 1; border-top: 2px solid #19b5fe; visibility: hidden; opacity: 0; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; transform-origin: 0 0 0; margin-left: 0; }
.navigation > ul > li:hover .sub-menu { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.navigation > ul > li .sub-menu li a { display:block; padding:8px 15px; font-size:13px; color:#575757; font-family: 'Roboto', sans-serif;  font-weight:500; letter-spacing: 0.05em; text-decoration:none; transition: all 0.3s ease 0s; border-bottom:1px solid #ebebeb; }
.navigation > ul > li .sub-menu li:last-child a { border-bottom:none; }
.navigation > ul > li .sub-menu li:hover a { background-color:#575757; color:#fff; padding-left:20px; }

/*Main Banner*/
.main_banner { position:relative; width:100%; height:700px; margin-top:-78px; }
.main_banner img { width:100%; height:auto; object-fit: cover; }
.main_banner:after { content:""; width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.2); }
.main_banner .container { position:relative; height:100%; }
.main_banner .banner-caption { max-width:520px; position:absolute; left: 0; top:30%; z-index:1; text-align:left; }
.main_banner .banner-caption h2 { color:#fff; font-size:48px; text-transform:uppercase; line-height:56px; font-weight:500; }
.main_banner .banner-caption p { font-family: 'Montserrat', sans-serif;  font-weight:400; font-weight:500; color:#fff; font-size:36px; line-height:42px; text-transform:uppercase; }
.main_banner .banner-caption .btn-default { width:150px; color:#fff; display:inline-block; padding:10px 0; text-align:center; }

/*section common*/

.sec-equal { padding:40px 0; }
.sec-equal.dark p { color:#fff; }

/*title section*/
.title-sec { text-align:center; margin-bottom:40px; }
.title-sec h2 { position:relative; margin-bottom:10px; }
.sec-equal.dark .title-sec h2 { color:#fff; }
.title-sec.left h2 { text-align:left; }
.title-sec p { margin:0; }

/*services*/
.services { text-align:center; }
.services .title-sec { margin-bottom:80px; }
.services .title-sec h2 { text-transform:none;  }
.services .title-sec h2:after { content:""; width:40px; height:5px; background-color:#19b5fe; position:absolute; bottom:-10px; left:0; right:0; margin:0 auto; }
.services .block:after { display:block; content:""; clear:both; }
.services .block { margin-bottom:60px; }
.services .block .icon { background-color:#19b5fe; width:94px; height:94px; border-radius:50%; float:left; overflow:hidden; line-height:94px; }
.services .block .icon img { width:72px; display:block; margin:0 auto; }
.services .block.pc .icon  { padding-top:20px; }
.services .block.mac .icon  { padding-top:4px; }
.services .block.net .icon  { padding-top:10px; }
.services .block.it .icon  { padding-top:0px; }
.services .block.vr .icon  { padding-top:14px; }
.services .block.bs .icon  { padding-top:11px; }
.services .block.sup .icon  { padding-top:12px; }
.services .block .info { width:calc(100% - 104px); height:100px; float:right; border-left:2px solid #19b5fe; padding:0 30px 0 15px; text-align:left; }
.services .block.pc .info, .services .block.net .info { padding-top:15px; }
.services .block .info h5 { font-size:20px; font-weight:500; text-transform:none; margin-bottom:6px; }
.services .btn-default { background-color:#19b5fe; color:#fff; width:150px; border:none; border-radius:30px; }

/*what we do*/
.what-we-do { background:#01274d url(assets/images/wedo.png) no-repeat 84% bottom; }
.what-we-do .title-sec { text-align:left; }
.what-we-do h5 { color:#fff; margin-bottom:10px; text-transform:none; font-weight:500; }
.what-we-do p { line-height:24px; }
.what-we-do .btn-default { border-color:#19b5fe; border-radius:8px; color:#fff; }
.what-we-do .btn-default:hover { background-color:transparent; }

/*Skills*/
.skills .timer { font-weight:500; font-size:80px; color:#000; line-height:84px; }
.skills .icon { position:relative; }
.skills .icon i {  color:#2ea1ff; font-size:24px; }
.skills .icon:before, .skills .icon:after { content:""; width:40%; height:1px; background-color:#484848; position:absolute; top:44%; display:block; }
.skills .icon:before {  left:0;  }
.skills .icon:after {  right:0;  }
.skills .row p { font-weight:500; color:#000; text-transform:uppercase; margin:10px 0 0; }

/*testimonials*/
.testimonials .title-sec { margin-bottom:20px; }
.testimonials .title-sec h2 { margin-bottom:0; }
.testimonials .item p { font-size:16px; color:#000; line-height:24px; }
.testimonials .footer-quote { color:#000; font-weight:500; }
.testimonials .footer-quote span { position:relative; display:inline-block; }
.testimonials .footer-quote span:before, .testimonials .footer-quote span:after { content:""; display:block; position:absolute; top:8px; width:20px; height:4px; background-color:#19b5fe; }
.testimonials .footer-quote span:before { left:-28px; }
.testimonials .footer-quote span:after { right:-28px; }

/*help*/
.help { background:url(assets/images/help-bg.jpg) no-repeat center center; background-attachment:fixed; background-size:cover; }

.opntBnt{margin:20px auto 60px; display:block; width:64px;}
.openDivFb{background:#fff; max-width:680px; margin:0 auto; border-radius:5px; padding:40px 50px 40px; position:relative;}
.openDivFb:before{ position:absolute; top:-31px; right:0; left:0; content:""; background:url(assets/images/arrow.png) no-repeat; width:65px; height:31px; margin:0 auto;}
.openDivFb p{ color:#828282; font-size:13px; line-height:20px; padding:0 0 20px;}
.intFild{max-width:450px; margin:0 auto 10px;}
.nptTyp{width:100%; border:solid 1px #d8d8d8; height:50px; border-radius:5px; padding:0 15px; font-size:13px;}
.subBnt{border:none; background:#19b5fe; width:160px; text-align:center; cursor:pointer; font-size:15px; text-transform:uppercase; color:#fff; font-weight:700;border-radius:3px; padding:8px 0; margin:20px auto 0; display:block;}

/*brands*/
.brands .imgwrap { width:100%; height:120px; border-radius:4px; display:table; transition: all 0.5s ease 0s; }
.brands .imgwrap > figure { display:table-cell; vertical-align:middle; }
.brands .imgwrap img { max-width:100%; width:auto; display:block; margin:0 auto; opacity:0.5; transition: all 0.5s ease 0s;  }
.brands .imgwrap:hover { background-color:#fff; }
.brands .imgwrap:hover img { opacity:1; } 

/*footer*/
.bottom-top { background-color:#01274d; }
.bottom-top h5 { position:relative; color:#fff; margin-bottom:25px; font-weight:500; }
.bottom-top h5:after { content:""; width:60px; height:5px; background-color:#19b5fe; position:absolute; bottom:-10px; left:0; }
.bottom-top ul { margin:0; padding:0; list-style:none; }
.bottom-top ul li:after { content:""; clear:both; display:block; }
.bottom-top ul li { color:#fff; margin-bottom:12px; }
.bottom-top ul li a { color:#fff; }
.bottom-top ul li a:hover { text-decoration:none; }
.bottom-top div[class*=col-]:last-child ul li { text-align:right; }
.bottom-top div[class*=col-]:last-child ul li span { float:left; }
.copyright { background-color:#01172e; padding:20px 0; color:#fff; text-align:center; }

/*scroll to top*/
.scroll-to-top { position: fixed; bottom: 20px; right: 20px; z-index: 1; width: 40px; height: 40px; text-align: center; background: #0080ff; color: #fff; font-size: 15px; line-height: 40px; border-radius: 50%; cursor: pointer; display: none; -webkit-box-shadow: 0px 23px 42px rgba(0, 0, 0, 0.2); box-shadow: 0px 23px 42px rgba(0, 0, 0, 0.2); }

/*Inner Banner*/
.inner-banner { position:relative; background:url(assets/images/common-bg.jpg) no-repeat fixed; }
.inner-banner:after { content:""; width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.6); }
.inner-banner .container { position:relative; z-index:1; text-align:center; }
.inner-banner .title-sec h2:after { content: ""; width: 40px; height: 5px; background-color: #fff; position: absolute; bottom: -10px; left: 0; right: 0; margin: 0 auto; }

/*breadcrumb*/
.breadcrumb { margin-bottom:0; background-color:transparent; border-radius:0; padding:0; display:inline-block; }
.breadcrumb li { color:#e4e4e4; display:inline-block; }
.breadcrumb li a { color:#fff; text-decoration:none; } 
.breadcrumb li a i { margin-right:5px; }
.breadcrumb > li+li:before { padding: 0 5px; color: #ccc; content: "/"; }

/*features*/
.features .title-sec p + p { margin-top:10px; }
.features h5 { margin:10px 0; }

/*inner services*/
.services.business h5, .services.resident h5 { margin-bottom:10px; }
.services.business h5 { margin-top:10px; }
.services.resident .block .icon { margin:0 auto 10px; float:none; }

.submit-ticket label span, .contact-wrap label span { color:red; }
.submit-ticket button.btn-default, .contact-wrap button.btn-default { font-family: 'Roboto', sans-serif; font-weight:500; background-color:#474747; color:#fff; transition: all 0.5s ease 0s; cursor:pointer; padding-left:0; padding-right:0; width:150px; margin:0 auto; }
.submit-ticket button.btn-default:hover, .contact-wrap button.btn-default:hover { background-color:#19b5fe; }
.submit-ticket .help-block { color:red; font-size:12px; }

.contact-info { padding:20px 0 0 20px; }
.contact-info h5 { text-transform:none; margin-bottom:10px; }