@charset "utf-8";@import "font.css";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{list-style:none;border:0;margin:0;padding:0;font-family:'Poppins',sans-serif}body{color:#1d2730;font-size:16px;line-height:28px;font-weight:300}p{color:#1d2730;font-size:16px;line-height:28px;font-weight:300;padding-bottom:25px;text-align:justify !important;}p span{font-weight:500;color:#146e84}ul{padding-bottom:21px}ul li{color:#1d2730;font-size:16px;line-height:25px;font-weight:300}a{color:#08111a}a:hover{color:#26d4ff;text-decoration:none}h1{color:#fff;font-size:54px;font-weight:600}h1 span{ color:#26d4ff;}h2{padding:20px 0 12px;font-size:32px;font-weight:600;display:block}h2 span{color:#26d4ff}h3{font-weight:300;padding-bottom:14px}.backTotop{background:url(../media/top.png) no-repeat left top;position:absolute;right:30px;bottom:20px;width:45px;height:45px;transition:all .55s ease 0}.whiteText{color:#dddddd}.blueText{color:#26d4ff}.center{text-align:center !important;}.right{text-align:right !important;}.left{text-align:left !important;}.uppercase{text-transform:uppercase}.contentBox{padding:50px 0 46px}.contetArea{background:#FFF}.geryBackground{background:#000000}.highlightedOrange{font-size:22px;font-weight:300;color:#f97819}.lightGeryBackground{background:#f3f3f3;border-bottom:2px solid #eaeaea;border-top:2px solid #eaeaea}.patternBox{background:url(../media/graph.jpg) no-repeat right bottom}.pattern{background:url(../media/patterbg.png) repeat left top}ul.starListing li{background:url(../media/staricon.png) no-repeat left top;padding-left:40px;margin-bottom:22px;line-height:28px;font-size:16px}ul.starListing li span{font-weight:500;color:#146e84; text-transform:uppercase;}ul.listing li{/*background:url(../media/tickicon.png) no-repeat left 3px;*/padding-left:37px;font-weight:400;margin-left:9px;padding-bottom:10px}ul.listing li.last,ul.starListing li.last{margin-bottom:10px}.highlightedBox{background-color:#f8d8c1;padding:21px 30px 31px;margin-top:22px;margin-bottom:34px}.image{width:100%}.borderTop{border-top:1px solid #d9d9d9;padding-top:25px}.borderBottom{border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4;padding-bottom:25px;margin-bottom:40px;margin-top:20px;background:#f5f5f5 none repeat scroll 0 0}a.readMore{text-transform:uppercase;color:#fff;font-size:15px;text-decoration:underline;margin-left:28px;margin-bottom:10px;float:left}.orangeBar{width:50px;height:4px;background-color:#f97819;display:none;margin-bottom:22px!important;}.tagline{color:#aeaeae;font-size:21px;margin-bottom:10px}.contactUsButton{font-size:16px;color:#fff;letter-spacing:1px;text-decoration:none;min-width:200px;padding:19px 38px 16px;margin-top:16px;margin-bottom:4px}.readMoreButton{margin-bottom:30px}.listingColumn{padding-top:10px}header{background:#fff;position:fixed;width:100%;z-index:99}.headerInfo{background:#3ecadd;padding-bottom:3px;padding-top:5px}.headerInfo p{padding: 0px 5px;
font-size: 12px;color: #010a1b !important;font-weight: 400;letter-spacing: 1px;line-height: 10px;}.headerInfo p a{font-size:12px;color:#010a1b;text-decoration:none}.headerInfo p i{font-size:22px;color:#010a1b;padding-top:2px;/*width:20px;*/height:15px}.headerInfo p span{padding-left:0px;color:#010a1b}#logo{margin-top:0px;margin-bottom:0px}.fixed{position:fixed;top:0;left:0;width:100%;z-index:9;transition:.8s;-webkit-transition:.8s; border-bottom:2px solid #e2e3eb}header.fixed{height:125px;-webkit-transition:width 2s;transition:width 2s}header.fixed #logo{padding-bottom:0; margin-top:0px; width:170px;}header.fixed .navbar{padding-top:18px;margin-bottom:18px}.navbar{float:right;text-align:right !important;;display:inline-block;padding-top:25px}.nav-link {color:#08111a !important;}.nav-link,.dropdown-item{font-size:12px;font-weight:400;color:#f0ebeb;text-decoration:none;text-transform:uppercase;letter-spacing:1px;margin:0 26px 0 0}.dropdown-item{display:block;margin-right:0;line-height:18px;margin-bottom:10px;padding:0 10px 9px;border-bottom:1px solid #2a3239}.dropdown-menu .dropdown-item.last{border-bottom:0 solid #5a5a5a}.dropdown-menu{width:280px;border-top:3px solid #2a3239}li.active .nav-link{border-bottom:2px solid #f97819}.navbar-toggler{display:none}.dropdown:hover .dropdown-menu{display:block!important}.banner{background:url(../media/headerbkblurr.jpg) no-repeat left top;background-size:cover;background-attachment:fixed;z-index: 99;padding-top:125px;padding-bottom:25px;position:relative}.bannerText{padding:0px 0 50px}.bannerText p{font-size:22px;color:#fff}.button{font-size:17px;color:#081820;letter-spacing:1px;text-decoration:none;width:212px;padding:18px 0 16px;margin:8px 10px 0;text-transform:uppercase;font-weight:400 !important}.orangeButton{background:#f97819}.blueButton{background:#3ecadd}.innerbannerText{padding:50px 0;margin-top: 20px;}.anyalsis-button{position:fixed;right:0;top:30%;z-index:9}.servicesBlock{background:url(../media/background-seo.jpg) no-repeat left top;background-size:cover;background-attachment:fixed;padding-bottom:52px;padding-top:17px;position:relative}.serviceBox{min-height:420px;margin-top:38px;margin-bottom:29px;float:left;width:100%}.serviceBox.orange{background:#e5711b}.serviceBox.lightBlue{background:#3a95c7}.serviceBox.blue{background:#4d73d7}.serviceBox .serviceHeading{font-size:21px;font-weight:300;line-height:24px;color:#fff;padding:28px 16px 24px}.serviceBox p{font-size:15px;font-weight:300;line-height:23px;color:#fff;padding:22px 28px 11px}.orange .serviceHeading{background:#bf611a}.lightBlue .serviceHeading{background:#2e759d}.blue .serviceHeading{background:#375699}.contactBlock{background:url(../media/contactbackground.jpg) no-repeat left top;background-size:cover;background-attachment:fixed;padding-bottom:52px;padding-top:17px;position:relative}.submitButton{width:130px;font-weight:400;margin:8px 0 0}.inputBox,.selectBox{background-color:transparent;border:2px solid #35424b;border-radius:4px;color:#a2a2a2;float:left;font-family:'Poppins',sans-serif;font-size:12px;font-weight:300;height:52px;line-height:31px;margin:0 0 30px;padding:0 10px;width:100%}.selectBox{color:#5e6566!important}.selectBox option{color:#000!important}textarea.textArea{resize:none;padding-top:10px;height:110px}.form-control::-moz-placeholder{color:#a2a2a2;opacity:1}.form-control:-ms-input-placeholder{color:#a2a2a2}.form-control::-webkit-input-placeholder{color:#a2a2a2}footer{padding:10px 0}footer ul li a{font-size:11px;color:#868589;text-decoration:none;float:left;display:inline-block}footer ul li span{padding:2px 10px 0;float:left;color:#868589;font-size:10px}.copyRight{font-size:11px;color:#a9a9a9;padding-top:4px}.website{background-color:#8a8a8a!important;color:#fff}.website a{color:#fff;margin-left:10px}.blank{background-color:#fff!important}.lightGeryBackground .blank{background-color:#f3f3f3!important}.ranking td{text-align:center !important;}.ranking td.left{text-align:left!important}.homeAddress{float:left;width:100%;position:relative;padding:37px 30px}.homeAddress:before{position:absolute;left:0;top:0;width:100%;height:100%;background:#979797;opacity:.2;content:"";border-radius:3px}.homeAddress ul{float:left;width:100%;position:relative;padding-bottom:0}.homeAddress ul li{float:left;width:100%;display:table;margin-bottom:29px;font-size:14px;line-height:22px;color:#d5d5d5;font-weight:300;font-family:'Poppins',sans-serif}.officeaddress{font-size:15px;line-height:22px;font-weight:500;float:left;width:100%}.addinfo{float:none;display:table-cell;vertical-align:middle;width:100%}.homeAddress ul li:first-child{font-size:24px;line-height:20px;color:#d5d5d5;font-family:'Poppins',sans-serif;font-weight:500}.icon{border:1px solid #7a797f;float:left;border-radius:100%;width:54px;height:54px;line-height:54px;text-align:center !important;;margin:0 23px 0 0}.icon i.fa{font-size:22px;line-height:54px;color:#7a797f}ul.socialIcons{float:left;width:100%;padding:0;margin-left:62px}ul.socialIcons li{float:left;width:auto;font-size:19px!important;color:#fff;padding:0 15px;margin:0}ul.socialIcons li a i.fa{color:#d5d5d5;font-size:19px}ul.socialIcons li a:hover i.fa{color:#f97819}.contactouter{padding:80px 0}.emailthumb{margin-bottom:8px;text-align:center !important;}.emailthumb img{display:inline-block}.emailouter p{color:#535353;font-size:13px;margin-bottom:0;padding-bottom:3px;text-transform:uppercase;font-weight:600}.emailouter span{color:#535353;font-size:16px;font-weight:400}.emailouter span a{color:#535353;text-decoration:none}.emailouter span a:hover{color:#e5731b}.formouter{border-radius:4px;box-shadow:0 0 20px rgba(0,0,0,0.12);float:left;margin-top:77px;padding:0px 0 20px 0px;width:100%}.customform .btn-default.sumbmitButton{background-color:#f97819;border-color:#f97819;color:#fff;margin-top:15px;padding:19px 38px;text-transform:uppercase}.rightpad{padding-right:0!important}.map img{border-radius:0 4px 4px 0;width:100%}.customform label{color:#535353;font-size:13px;font-weight:400;margin-bottom:7px}.customform .form-control{background:#e4e4e4 none repeat scroll 0 0;border:0 solid;border-radius:4px;resize:none}.contactouter .alert-success{background-color:#000;border-color:#000;border-radius:0;color:#fff;font-size:13px;padding:10px 9px 11px 8px}.formouter h3{margin:24px 0 13px -2px;text-transform:none;font-size:32px;font-weight:600}option{color:#000}.captchFolder{color:#636364;font-size:12px}label{padding-top:5px}#captcha_code{margin-bottom:5px}#msge span{background:#a2a2a2 none repeat scroll 0 0;border:1px solid #a2a2a2;color:#000!important;float:left;font-size:16px;margin-bottom:15px;padding:12px 20px;width:100%;border-radius:4px}input.error,select.error,textarea.error{margin-bottom:0}label.error{margin-bottom:20px; text-align:left !important;; display:block;color:#e23434!important}#myModal textarea.textArea { height:110px !important;} #myModal .selectBox option{color:#989898 !important; border:0px !important}#myModal .inputBox{color:#000;border:1px solid #c7c7c7;height:45px !important; margin-bottom:20px}#myModal .selectBox{color:#989898 !important; height:45px !important;margin-bottom:20px;border:1px solid #c7c7c7}a.GetStartedNow{background:#3daeec none repeat scroll 0 0;color:#fff;display:inline-block;font-size:18px;margin-bottom:25px;min-width:220px;padding:20px;text-align:center !important;text-decoration:none;border-radius:5px}a.GetStartedNow:hover{color:#081820}.thankyou{padding-bottom:90px}.thankyou img{display:inline-block;padding-top:50px}.thankyou a{text-decoration:none;text-transform:uppercase}.modal-header{ background:#26d4ff none repeat scroll 0 0; border-radius:4px 4px 0px 0px} .bottomBar { border-top: 3px solid #dadada; padding:27px 0px !important;} .darkBlueBg {background-color:#081820;} ul.whiteText li { color:#dddddd !important;}.blueBox { background:#115163; padding:24px 30px 26px 30px;min-height:250px; margin-bottom:30px;border-radius:6px; }.blueBox.last { min-height:inherit;}.blueBox h3 { color:#8ce8ff; font-size:18px; padding-bottom:7px;}.blueBox p { color:#e6eaeb; font-size:14px; line-height:24px; padding-bottom:0px;}.nav-link.last { margin-right:0px;}.navbar-nav { padding-bottom:0px !important;}.sticky {
z-index: 999;
}.innerbannerText p {
text-align: center !important;
font-weight: 500 !important;
}.emailthumb p {
text-align: center !important;
}
.site-main {min-height: 60px;background: #26d4ff;text-align: center !important;margin-bottom: 15px;padding: 5px 0;}
.site-sub {background: #efefef;margin-bottom: 10px;text-align: center !important;padding: 5px 0;}
.site-homelink {text-align: center !important;}
.site-home {margin-bottom: 20px;}
.site-homelink a {text-decoration: none;background: #26d4ff;padding: 4px 12px;font-size: 20px;font-weight: 600;}
.site-main a {text-decoration: none;font-size: 16px;font-weight: 500;}
.site-sub a {text-decoration: none;font-size: 14px;}
.site-homelink a:hover, .site-main a:hover{color: #ffffff;}
.headercontactfrm input{
vertical-align: middle;
margin: 0;
display: inline-block;
border: none;
text-indent: 25px;
border-radius: 0 6px 6px 0;
width: 100%;
height: 62px;
font-size: 1.25rem;
font-family: Open Sans Light,Arial,sans-serif;
margin-bottom:10px;
/*box-shadow: 7px 7px 2px rgba(0, 0, 0, 0.7);*/
background: rgba(255,255,255,0.75);
}
.blue-bg{
background: #3ecadd !important;
}
.white-clr{
color:#fff !important;
}
.black-clr{
color: #000 !important;
}
.blue-clr{
color: #3ecadd !important;
}
.white-clr a{
text-decoration: none;
}
.headercontactfrm textarea{
margin: 0;
display: inline-block;
border: none;
border-radius: 0 6px 6px 0;
width: 100%;
font-size: 1.25rem;
font-family: Open Sans Light,Arial,sans-serif;
margin-bottom:10px;
padding:5px 0 5px 4%;
/*box-shadow: 7px 7px 2px rgba(0, 0, 0, 0.7);*/
height:80px;
background: rgba(255,255,255,0.75);
}
.headercontactfrm{
padding:0 6% !important;
}
.headerfrmbtn{
margin:0px !important;
width:100% !important;
font-size:18px !important;
/*box-shadow: 7px 7px 2px rgba(0, 0, 0, 0.7);*/
background: rgba(38, 212, 255,0.75);
}
#myVideo {
position: fixed;
/*right: 0;
bottom: 0;
min-height: 100%;*/
min-width: 100%;
max-width: 100%;
z-index:-100;
}
.quote-btn {
border: 1px solid #fff;
float: right !important;
font-weight: 400;
background: #ff4c65;
color: #fff !important;
padding: 5px 15px 6px;
font-size: 18px !important;
letter-spacing: 1px !important;
text-decoration: none;
line-height: 26px;
}
.quote-btn:hover {
background: #2cbed2;
color: #fff !important;
}
.formouter input, .formouter select {
height: 50px;
}
.banner1 {
background:none;
}
.frmfaicon{font-size:40px !important;background: rgba(255,255,255,0.75);margin-bottom: 10px;border-radius: 6px 0 0 6px;padding: 0px 0 0px 20px;}
.inlineflex{
width: 100%;
display:inline-flex;
}
.tabs-blue{
background:#115163;
color:#8ce8ff;
margin: 0px 2px;
}
.tabs-blue a{
color:#8ce8ff;
margin-right: 0px !important;
text-align:center;
}
.tabs-blue a:hover{
color:#115163;
margin-right: 0px !important;
}
ul .nav.nav-tabs{
padding-bottom: 10px !important;
}
.tab-pane p {
color: #fff;
}
.tab-pane{
padding:10px 0;
}
.tabs-blue i{font-size:30px;}
.tab-pane h3{
color: #fff;
font-size: 40px;
font-weight: 600;
/*text-decoration: underline;*/
}
.whiteborder{
border:1px solid #fff;
}
.greencolor{
color: #146e84 !important;
}
h3.greencolor{
font-size:35px !important;
}
.right-tab{
border: 1px solid #ccc;
padding: 20px 0;
}
.lettab .active a{
background: #3ECADD !important;
}
.lettab li a {
text-decoration: none;
}
.lettab i {
font-size: 22px;
}
.readmorebtn{background: #26d4ff;cursor: pointer;color: #000;padding: 0 10px;border-radius: 5px;border: 1px solid #ddd;}
.readmorebtn i{font-size: 18px;}
.header-textctm{
padding: 15px 5px !important;
font-family: playballregular;
font-size: 15px !important;
float:left !important;
}
.topcss{
top:0px !important;
}
.header-textctm a:hover {
color: #ffffff;
}
/* portfolio page css */
.port-page {
background-color: hsl(0, 0%, 100%);
box-shadow: 0 0 62px hsla(0, 0%, 0%, 0.12);
display: block;
padding: 20px;
}
.port-page .homePortfolio {
background-color: hsl(0, 0%, 100%);
box-shadow: 0 0 62px hsla(0, 0%, 0%, 0.12);
display: block;
padding: 20px;
}
.port-page .innerLeftPart {
margin-bottom: 15px;
background-color: hsl(180, 20%, 93%);
color: hsl(0, 0%, 0%);
float: left;
padding: 25px 30px;
}
.port-page .innerLeftPart h3 {
font-weight: 500;
font-size: 20px;
letter-spacing: 0.2px;
line-height: 24px;
color: #000;
}
.port-page .portfolio-category{
box-shadow: 3px 3px #ababab;
border-radius: 10px;
margin-right:10px;
padding: 8px 0;
background: #ff9800;
color: #fff;
font-size: 25px;
font-weight: 600;
cursor: pointer;
text-transform: uppercase;
margin-bottom:10px;
}
.port-page .portfolio-category:hover{
background: #4cae50;
}
.port-page #logo-tab h3, .port-page #graphic-tab h3, .port-page #web-tab h3{
color: #000 !important;
}
.port-page #logo-tab p, .port-page #graphic-tab p, .port-page #web-tab p {
color: #1d2730 !important;
}
.port-page .nav-tabs {
padding: 0px 15px 25px;
border-bottom: none !important;
}
.port-page .nav-tabs .active {
background: #4CAF50;
}
.port-page .nav-tabs > li {
text-align: center !important;
}
.port-page .nav-tabs > li.active > a, .port-page .nav-tabs > li.active > a:hover, .port-page .nav-tabs > li.active > a:focus {
text-decoration: none !important;
color: #fff !important;
background-color: transparent !important;
border: none !important;
}
.port-page .nav-tabs > li > a {
font-size: 17px;
padding: 5px !important;
border: none !important;
color: #fff;
}
.port-page .nav > li > a:hover, .port-page .nav > li > a:focus {
text-decoration: none !important;
background-color: transparent !important;
color: #fff !important;
}
/* portfolio logo css */
.port-page .cusSlide{
display: none;
}
.port-page #slides{
position: relative;
height: 350px;
padding: 0px;
margin: 0px;
list-style-type: none;
}
.port-page .slide{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
z-index: 1;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}
.port-page .showing{
opacity: 1;
z-index: 2;
}
.port-page .controls{
display: none;
}
.port-page .slide{
font-size: 40px;
padding: 40px;
box-sizing: border-box;
background: #333;
color: #fff;
background-size: cover;
}
.port-page .controls{
border-radius: 50%;
background: #3ecadd;
color: #fff;
border: none;
padding: 19px 0px;
font-size: 20px;
cursor: pointer;
border: 1px solid #fff;
margin: 10px 0px 0px 10px;
width: 70px;
}
.port-page .controls:hover, .port-page .controls:focus{
background: #eee;
border-color: #3ecadd;
color: #3ecadd;
}
.port-page .buttons{
text-align: center !important;
}
/* portfolio graphic css */
.port-page .cusSlideg{
display: none;
}
.port-page #slidesg{
position: relative;
height: 400px;
padding: 0px;
margin: 0px;
list-style-type: none;
}
.port-page .slideg{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
z-index: 1;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}
.port-page .showingg{
opacity: 1;
z-index: 2;
}
.port-page .controlsg{
border-radius: 50%;
background: #3ecadd;
color: #fff;
border: none;
padding: 19px 0px;
font-size: 20px;
cursor: pointer;
border: 1px solid #fff;
margin: 10px 0px 0px 10px;
width: 70px;
}
.port-page .controlsg:hover, .port-page .controlsg:focus{
border-color: #3ecadd;
background: #eee;
color: #3ecadd;
}
/* portfolio web css */
.port-page .cusSlidew{
display: none;
}
.port-page #slidesw{
position: relative;
height: 500px;
padding: 0px;
margin: 0px;
list-style-type: none;
}
.port-page .slidew{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
z-index: 1;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}
.port-page .showingw{
opacity: 1;
z-index: 2;
}
.port-page .controlsw{
border-radius: 50%;
background: #3ecadd;
color: #fff;
border: none;
padding: 19px 0px;
font-size: 20px;
cursor: pointer;
border: 1px solid #fff;
margin: 10px 0px 0px 10px;
width: 70px;
}
.port-page .controlsw:hover, .port-page .controlsw:focus{
border-color: #3ecadd;
background: #eee;
color: #3ecadd;
}
/****New Pages*****/
.btn-sec h2 {
color: #fff;
}
.btn-sec {
background: #000;
text-align: center;
}
.sub-row h4 {
font-size: 16px;
margin-bottom: 5px;
}
.sub-row .col-md-4 {
width: 32.333333%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
padding: 25px;
margin: 0px 0px 20px 10px;
}
.sub-row .col-md-3 {
width: 24%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
padding: 12px;
margin: 0px 0px 20px 10px;
}