* { margin:0; padding:0; outline:none; border:0; overflow:hidden }
a { text-decoration:none }
a:hover, a:active, a:focus { outline:none; text-decoration:none }

li { list-style:none }
h1, h2, h3, h4, h5, h6 { font-weight:normal }
h1 { font-size:18px; font-family: 'robotobold'; margin:0 0 20px } h2 { font-size:24px; margin:0 0 20px } h3 { font-size:22px } h4 { font-size:20px } h5 { font-size:18px; font-weight:600 } h6 { font-size:15px; font-weight:600 }
div, section, nav, aside, footer, header { overflow:hidden; display:block }
p { margin:5px 0;  line-height:22px; overflow:visible }

html { overflow-x:hidden; overflow-y:scroll }

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-webfont.eot');
    src: url('../fonts/roboto-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-webfont.woff2') format('woff2'),
         url('../fonts/roboto-webfont.woff') format('woff'),
         url('../fonts/roboto-webfont.ttf') format('truetype'),
         url('../fonts/roboto-webfont.svg#robotoregular') format('svg');
    font-weight: normal; font-style: normal; }

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal; font-style: normal; }

body { background:#fff; font-size:14px; color:#333; font-family: 'robotoregular'; text-align:justify }

/* ========== Design View Start AS ========== */

.topsupport { background:#333; min-height:40px }
.colorw { color:#fefefe; font-size:13px }
.colorw i { background:url(../images/foot-i.png) no-repeat 0 1px; font-style:normal; display:block; padding:0 0 0 25px }
.mail { background-position: 0 -27px !important; margin-top:5px }
.colorw b { font-weight:500; font-size:20px }
.socialcon span { display:inline-block }
.sociallinks { display:inline-block; width:18px; height:18px; background:#5b5b5b url(../images/social-icons.png) no-repeat; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; margin:11px 0 0 2px }
.sociallinks:hover {background-color:#2990a3 }
.social-1 { background-position:4px 1px }
.social-2 { background-position:-19px 1px }
.social-3 { background-position:-42px 1px }
.social-4 { background-position:-65px 1px }
.social-5 { background-position:-88px 1px }

.supportlink { float:right; margin:6px 0 }
.supportlink li { float:right; margin:0 0 0 10px; font-size:13px }

.supportbtn { background:#295fa3 url(../images/support-icons.png) no-repeat; display:block; color:#fff; padding:4px 20px 4px 48px; min-height:28px; border-radius:3px }
.supportbtn a { color:#fff }
.supportbtn-1 { background-position:7px -4px }
.supportbtn-2 { background-position:8px -52px }
.supportbtn-3 { background-position:8px -100px }
.supportbtn:hover { background-color:#155db7; color:#fff }

.header { padding:18px 0; position:relative; overflow:visible }
.nav { float:right }
.nav li { float:right }
.actnav { background:#eee }
.actnav a { color:#23527c }


.list { display:none; position:absolute; width:100%; background:#333; z-index:5; padding:0; top:80px }
.list li a { color:#fff; display:block; padding:5px 15px; border-bottom:dashed 1px #444 }

.mobnav { display:none }
.button { background:url(../images/mob-menu-icon.png) no-repeat 100% 3px; transition:all .5s; cursor:pointer; float:right; color:#2990a3; text-align:right; padding:0 20px 0 0; margin:10px 0 0 }
.closenav { background-position:100% -22px; transition:all .5s }

.banner { background:#295fa3 url(../images/banner-map.png) no-repeat 50% 0; min-height:430px }
.bannerhed { background:rgba(51, 51, 51, 0.4); color:#fff; display:inline-block; font-size:27px; padding:10px 20px; margin:60px 0 0 }
.bannerhed1 { background:rgba(51, 51, 51, 0.4); color:#fff; display:inline-block; font-size:27px; padding:10px 20px; margin:10px 0 50px }
.bannertxt { color:#fff; font-size:17px; padding:0 20% 0 0 }
.bannerbtn { background:#fff; display:inline-block; margin:60px 0 0; padding:8px 40px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px; color:#333 }
.bannerimg { margin:40px 0 0 }

.tagline { background:#111 }
.taglinetxt { font-size:17px }

.cetlist { padding:25px 15px 10px }

.catlists li { width:50%; float:left; text-align:center; padding:10px 40px }
.catlists li:hover { background:#f4f4f4; }
.catlists li p { color:#20579c; margin:0 0 15px }
.catlists li a { color:#333 }

.welcomecon { background:#eee url(../images/welcome-bg.gif) repeat-x 0 0; padding:40px 0 20px }
.weline { border-right-width:1px;
    border-style: solid; -moz-border-image: -moz-linear-gradient(top right, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2) 100%);
    -webkit-border-image: -webkit-linear-gradient(top right,  rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2) 100%);
    border-image: linear-gradient(to bottom left,  rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2) 100%);
    border-image-slice: 1; padding:0 50px 0 15px;
 }
.listype { margin:25px 0 0 }
.listype li { background:url(../images/check-icon.png) no-repeat 0 5px; padding:0 0 0 22px; margin:0 0 6px }

.aboutcon { padding:0 15px 0 50px }
.abouthed { font-size:18px; font-family: 'robotobold'; margin:0 0 20px }

.blockcont1 { padding:30px 0; background:#edf2f9 }
.imgspc { margin:-30px 0 0 35px }
.aboutbtn { display:inline-block; background:#2990a3; color:#fff; font-size:12px; padding:5px 15px; margin:25px 0 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px }
.aboutbtn:hover { color:#fff }

.footertop { padding:25px 0 }
.testimonial { background:#fff; border:solid 1px #cbcbcb; padding:25px 40px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; text-align:center }
.testimonial p { line-height:30px }
.userinfo { background:#fff url(../images/comment-icon.gif) no-repeat 5px 0; margin:8px 0 0; padding:5px 20px; text-align:left }
.userinfo b { color:#2990a3 }

.whychooseus { background:#fff; border:solid 1px #cbcbcb; padding:15px 20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px }
.whyus { margin:0 }
.whyus li { background:url(../images/why-us-icon.gif) no-repeat 0 0; border-bottom:dashed 1px #ccc; padding:7px 0 7px 32px }
.whyus li:last-child { border:none }
.whyus li:nth-child(1) { background-position:0 5px }
.whyus li:nth-child(2) { background-position:0 -30px }
.whyus li:nth-child(3) { background-position:0 -66px }
.whyus li:nth-child(4) { background-position:0 -103px }
.whyus li:nth-child(5) { background-position:0 -136px }
.whyus li:nth-child(6) { background-position:0 -172px }
.whyus li:nth-child(7) { background-position:0 -208px }

.services li { background:#fff; border:solid 1px #cbcbcb; color:#666; padding:12px 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; margin:0 0 17px }
.services li:last-child { margin:0 }
.services li p { color:#333 }
.services li p span { color:#2990a3 }
.services li:hover a, .services li:hover p, .services li:hover p span { color:#fff }

.footer { background:#333; padding:15px 0 }
.botlink h6 { color:#fff }
.footerlink li { background:url(../images/arrow-icon.gif) no-repeat 0 7px; padding:0 0 0 9px }
.botlink a { color:#fff }

.copy { background:#111 }
.copytxt { font-size:12px; color:#aaa; padding:10px 0 }

/* ========== Style View AS ========== */
.cl { clear:left; height:0px; display:block }.cr { clear:right; height:0px; display:block }.clear { clear:both; height:0px; display:block }
.pd { padding:15px } .npd { padding:0 } .pdt { padding:15px 0 0 } .pdb { padding:0 0 15px } .pdl { padding:0 0 0 15px } .pdr { padding:0 15px 0 0 } .pdlr { padding:0 15px } .pdtb { padding:15px 0 }
.mr { margin:15px; } .nmr { margin:0 } .mrt { margin:15px 0 0 !important } .mrb { margin:0 0 15px } .mrl { margin:0 0 0 15px } .mrr { margin:0 15px 0 0 } 
.fltl { float:left } .fltr { float:right } .clear { clear:both }
.width100 { width:100% !important }
.backtop { bottom: 5px; position: fixed; right: 10px; cursor: pointer; display: none; } .inshad { box-shadow:inset 0px 2px 3px #ccc; -moz-box-shadow:inset 0px 2px 3px #ccc; -webkit-box-shadow:inset 0px 2px 3px #ccc; -ms-box-shadow:inset 0px 2px 3px #ccc; -o-box-shadow:inset 0px 2px 3px #ccc; } .brtop { border-top:dashed 1px #b0b0b0 }

/* ========== Inner View ========== */
.inner-part-1 { padding:20px 0 }
.bg-1 { background:url(../images/inner-top-bg.jpg) no-repeat 50% 0; background-size:cover }
.inner-1-txt { padding-right:50px }
.inner-1-txt h5 { margin-bottom:15px }

.liststyle { margin-top:10px }
.liststyle li { background:url(../images/phone-icon.png) no-repeat 0 3px; padding:0 0 10px 18px }

.inner-part-2 { padding:25px 0 20px; border-top:dashed 1px #b0b0b0; border-bottom:dashed 1px #b0b0b0 }

.liststyle1 { margin:15px 0 0 }
.liststyle1 li { padding:0 0 8px 13px; background:url(../images/arrow-icon.png) no-repeat 0 6px; }


.inner-part-3 { padding:20px 0 10px }
.leftcet { float:right }
.righthed { color:#2990a3; border-bottom: dashed 1px #ccc; padding: 0 0 8px; margin-bottom:15px }
.txt3 { padding:0 25px 0 15px }
.supportspc { margin-bottom:25px }

.cetlink { margin:-10px 0 20px }
.cetlink li { border-bottom:dashed 1px #ccc }
.cetlink li:last-child { border:none }
.cetlink li a { color:#333; display:block; padding:5px 10px }
.cetlink li a:hover { background:#eee }

.btn1 { display:inline-block; padding:5px 15px; background:#eda618; color:#fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px }
.btn1:hover { background:#d3900b; color:#fff }

.btn2 { display:inline-block; padding:5px 15px; background:#2990a3; color:#fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px }
.btn2:hover { background:#08839a; color:#fff }

.bg-2 { background:url(../images/inner-banner.jpg) no-repeat 50% 100%; background-size:cover }
.bg-3 { background:url(../images/inner-top-bg1.jpg) no-repeat 50% 50%; background-size:cover }
.bg-4 { background:url(../images/voip-solution.jpg) no-repeat 50% 50%; background-size:cover }

/* ========== About Us AS ========== */
.aboutimg { margin:10px 15px 10px 0; float:left }
.clrabut { clear:both; width:100%; height:15px }
.abt-1 { padding:0 20px 0 0 }
.abt-2 { padding:0 0 0 20px }
.abt-1 h4, .abt-2 h4 { background:#2990a3; margin:0; padding:7px; color:#fff }

/* ========== Contact Us AS ========== */
.containbg { padding:50px 0 0  }
.contimg { margin:10px 0 10px 15px; float:right }
.formfield { padding:20px 0 } .formfield h6 { margin:0 0 20px 0 }
.formfield label { display:block }
.formfield input[type="text"], .formfield input[type="tel"], .formfield input[type="email"], .formfield textarea { border:solid 1px #ccc; width:100%; margin:0 0 15px; padding:7px 10px; background:#eee; resize:none }
.formfield textarea { height:90px }
.smtbtn { display:inline-block; background:#2990a3; color:#fff; font-size:12px; padding:8px 25px; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px }

.contimgbx { padding:0 25px 0 0 }
.contimg { width:100% }

#err { background:#ffe7e7; color:#f00; display:block;margin:10px 0 30px; padding:0 15px; line-height:2  }

/* ========== Other view AS ========== */
.btnefft {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.btnefft:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btnefft:hover, .btnefft:focus, .btnefft:active {
  color: white;
}
.btnefft:hover:before, .btnefft:focus:before, .btnefft:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.hvr-shutter-out-horizontal {
  display:block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2990a3;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}






/* ========== Small View AS ========== */
@media screen and (max-width:1199px) { .testimonial { padding:18px 20px } .services li { padding:6px 10px } }

@media screen and (max-width:991px) { .supportlink { float:left } .supportlink li:last-child { margin:0 } .mainav, .viw991 { display:none } .mobnav { display:block } .weline { border:none; padding:0 } .bannerimg { margin:85px 0 0 } .inner-1-txt, .smwid { width:100% } .inner-1-txt { padding-right:15px } .aboutcon { padding:20px 0 0 } .smpd { padding:0 } .services li { padding:12px 15px } .botlink { padding-left:0; min-height:170px } .formfield { padding-left:0 } .txt3 { padding:0 15px }
}

@media screen and (max-width:767px) { .viw768 { display:none } .banner { min-height:315px } .bannerhed { font-size:18px; margin-top:35px } .bannerhed1 { font-size:20px; padding:10px 30px; margin-bottom:25px } .bannertxt { padding:0 10% 0 0 } .bannerbtn { margin:30px 0 0 } }

@media screen and (max-width:700px) { .supportlink li:first-child { display:none } h2 { font-size:19px } }

@media screen and (max-width:550px) { .supportlink li:nth-child(4) { display:none } .supportlink li:nth-child(3) { margin:0 } .supportbtn { padding:4px 15px 4px 43px } .catlists li { width:100%; padding:10px 20px } h1, .abouthed { font-size:15px } }

@media screen and (max-width:480px) { .supportlink li:nth-child(3) { display:none } .supportlink li:nth-child(2) { margin:0 } h2 { font-size:15px } }

@media screen and (max-width:420px) { .view420 { display:none } }