@import url('https://fonts.googleapis.com/css?family=Cairo:400,600,700');
@font-face {
    font-family: 'industryincw00-baseregular';
    src: url('../../fonts/industry_inc_w00_base-webfont.woff2') format('woff2'), url('../../fonts/industry_inc_w00_base-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* General Classes */

.industr-font {
    font-family: 'industryincw00-baseregular';
}

html {
    font-size: 100%;
    font-family: 'Cairo', sans-serif;
}

body {
    min-width: 320px;
    -ms-overflow-style: scrollbar;
    background: #fff;
    color: #1a191a;
    font-family: 'Cairo', sans-serif;
    font-size: 100%;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
}

.red {
    color: #b72d26;
}

.blue {
    color: #2b65a5;
}

.red-bg {
    background: #b72d26;
}

.white-text {
    color: #fff;
}

.blue-bg {
    background: #2b65a5;
}

.black-bg {
    background: #222222;
}

.text-justify {
    text-align: justify
}

.wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
}


/* end of general classes */


/* header */

#header {
    border: 0;
    border-top: 6px solid #2b65a5;
    height: 92px;
}

#header .header-logo img {
    margin-top: 6px;
    width: 85%;
}

.menu-items li {
    padding: 30px 18px;
    height: 86px;
}

.menu-items li:hover,
.menu-items li.active {
    background: #2b65a5;
}

.menu-items li.active,
.menu-items li:hover a {
    color: #fff;
}

.menu-items a {
    font-size: 18px;
    font-weight: 600;
    color: #222;
}


/* end of header */


/* inner header */

.inner-header {
    background: url('../images/header-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 400px;
    padding-top: 75px;
}

.inner-header h4 {
    font-size: 1.7rem;
    color: #fff;
}

.inner-header h2 {
    font-size: 4.3rem;
    margin-top: 0px;
    color: #fff;
    font-weight: bold;
}


/* end of inner header */


/* networking */

.networking {
    background: url('../images/why-ucg-vpn-bg.svg');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 63%;
    padding-bottom: 50px;
}

.networking .box-container {
    margin-top: 25px;
    margin-left: 0px;
    margin-right: 0px;
}

.networking .box-container h3 a {
    color: #fff;
}

.networking .box-container h3 a:active,
.networking .box-container h3 a:focus,
.networking .box-container h3 a:hover {
    color: #fff;
}

.networking .box {
    height: 350px;
    position: relative;
}

.networking .box .box-link {
    position: absolute;
    bottom: 25px;
}

.networking .box .box-link i {
    vertical-align: middle;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.networking .box .box-link a:hover {
    color: #fff;
}

.networking .box .box-link a:hover i {
    transform: translate(1.5em, 0);
    -webkit-transform: translate(1.5em, 0);
    -moz-transform: translate(1.5em, 0);
    -o-transform: translate(1.5em, 0);
    -ms-transform: translate(1.5em, 0);
}

.networking .box .box-link .arrow-icon {
    position: relative;
    top: -1px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    vertical-align: middle;
}

.networking .box .box-link .arrow-icon--circle {
    -webkit-transition: stroke-dashoffset .3s ease;
    transition: stroke-dashoffset .3s ease;
    stroke-dasharray: 95;
    stroke-dashoffset: 95;
}

.networking .box .box-link a:hover .arrow-icon {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
}

.networking .box .box-link a:hover .arrow-icon--circle {
    stroke-dashoffset: 0;
}

.networking .box h3 {
    margin-bottom: 35px;
    padding-top: 30px;
}

.networking .box p {
    line-height: 30px;
}

.networking .box.contact-us-box {
    background: url('../images/contact-us-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.networking .box.network-solution-box {
    background: url('../images/networking-solution-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}


/* end of networking */


/* vpn services */

.vpn-services {}

.vpn-services h2 {
    font-size: 32px;
    margin-top: 40px;
}

.vpn-services .vpn-list li {
    font-size: 16px;
    line-height: 33px;
}

.vpn-services .vpn-list i {
    vertical-align: middle;
}


/* end of vpn serivces */


/* construction   */

.construction-inner-header {
    background: url('../images/construction-header-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
    padding-top: 78px;
}

.construction-inner-header p {
    color: #fff;
    line-height: 30px;
}

.construction-inner-header h3 {
    color: #fff;
}

.construction .text-section {
    line-height: 30px;
    margin-top: 25px;
}

.construction .our-services h3 {
    margin-top: 45px;
    margin-bottom: 25px;
}

.construction .service {
    margin: 35px 25px;
    padding: 15px;
    border: 2px solid #2b65a5;
    height: 150px;
    border-radius: 5px;
    transition: background 0.4s ease;
}

.construction .service img {
    width: 75px;
    margin: 0 auto;
}

.construction .service:hover {
    background: #efefef;
}

.construction .service .service-text {
    font-weight: 600;
    padding-left: 15px;
    font-size: 18px;
}

.construction .service-content1 {
    margin: 14px auto;
    text-align: center;
}

.construction .service-content2 {
    margin: 30px auto;
    text-align: center;
}

.construction .service-content3 {
    margin: 34px auto;
    text-align: center;
}

.construction .service-content4 {
    margin: 28px auto;
    text-align: center;
}

.construction .service-content5 {
    margin: 23px auto;
    text-align: center;
}

.construction .service-content6 {
    margin: 16px auto;
    text-align: center;
}

.construction .contact {
    margin-top: 45px;
    font-size: 20px;
    line-height: 34px;
    font-weight: 600;
    margin-bottom: 30px;
}

.construction .second-text {
    margin-top: 35px;
    font-size: 25px;
    margin-bottom: 45px;
}

.construction .contact .btn-container {
    margin: 0 auto 30px auto;
    text-align: center;
}

.construction .contact .contact-btn:hover {
    background: #b72d26;
    color: #fff;
}

.construction .contact .contact-btn {
    border: 1px solid #b72d26;
    border-radius: 5px;
    color: #b72d26;
    font-size: 18px;
    padding: 7px 80px;
    font-weight: bold;
    transition: background 0.4s ease;
}


/* end of construction */


/* logos slider */

.logos {
    margin-top: 55px;
    margin-bottom: 30px;
}

.logos .logo-img {
    width: 70%;
    margin: auto;
}

.logos .slick-slide {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.logos .slick-active.slick-current {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}


/* end of logos slider */


/* mobile menu */

.cd-nav-trigger {
    position: fixed;
    display: inline-block;
    top: 1.8rem;
    right: 5%;
    height: 44px;
    width: 44px;
    z-index: 5;
    /* image replacement */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.cd-nav-trigger .cd-icon {
    /* icon created in CSS */
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: inline-block;
    width: 18px;
    height: 3px;
    background-color: #000;
    z-index: 10;
}

.cd-nav-trigger .cd-icon::before,
.cd-nav-trigger .cd-icon:after {
    content: "";
    /* upper and lower lines of the menu icon */
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* apply transition to transform property */
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
}

.cd-nav-trigger .cd-icon::before {
    -webkit-transform: translateY(-6px) rotate(0deg);
    -moz-transform: translateY(-6px) rotate(0deg);
    -ms-transform: translateY(-6px) rotate(0deg);
    -o-transform: translateY(-6px) rotate(0deg);
    transform: translateY(-6px) rotate(0deg);
}

.cd-nav-trigger .cd-icon::after {
    -webkit-transform: translateY(6px) rotate(0deg);
    -moz-transform: translateY(6px) rotate(0deg);
    -ms-transform: translateY(6px) rotate(0deg);
    -o-transform: translateY(6px) rotate(0deg);
    transform: translateY(6px) rotate(0deg);
}

.cd-nav-trigger::before,
.cd-nav-trigger::after {
    content: "";
    /* 2 rounded colored backgrounds for the menu icon */
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    height: 100%;
    width: 100%;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
}

.cd-nav-trigger::before {
    content: "";
    background-color: #b72d26;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.cd-nav-trigger::after {
    content: "";
    background-color: #2b65a5;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}

.cd-nav-trigger.close-nav::before {
    /* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.cd-nav-trigger.close-nav::after {
    /* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.cd-nav-trigger.close-nav .cd-icon {
    /* user clicks on the .cd-nav-trigger element - transform the icon */
    background-color: rgba(255, 255, 255, 0);
}

.cd-nav-trigger.close-nav .cd-icon::before,
.cd-nav-trigger.close-nav .cd-icon::after {
    background-color: #000;
}

.cd-nav-trigger.close-nav .cd-icon::before {
    -webkit-transform: translateY(0) rotate(45deg);
    -moz-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    -o-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}

.cd-nav-trigger.close-nav .cd-icon::after {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}

.cd-primary-nav {
    /* by default it's hidden */
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 80px 5%;
    z-index: 3;
    background-color: #091d23;
    overflow: auto;
    /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
    -webkit-overflow-scrolling: touch;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s, opacity 0.3s;
    -moz-transition: visibility 0s, opacity 0.3s;
    transition: visibility 0s, opacity 0.3s;
}

.cd-primary-nav li {
    margin: 1.6em 0;
    text-align: center;
    text-transform: capitalize;
}

.cd-primary-nav a {
    font-size: 20px;
    font-size: 1.25rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    transition: color 0.2s;
    color: #fff;
}

.no-touch .cd-primary-nav a:hover {
    color: #fff;
}

.cd-primary-nav.fade-in {
    /* navigation visible at the end of the circle animation */
    visibility: visible;
    opacity: 1;
}

.cd-nav-trigger .cd-icon {
    /* icon created in CSS */
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: inline-block;
    width: 18px;
    height: 3px;
    background-color: #fff;
    z-index: 10;
}

.cd-nav-trigger .cd-icon::before,
.cd-nav-trigger .cd-icon:after {
    /* upper and lower lines of the menu icon */
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* apply transition to transform property */
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
}

.cd-nav-trigger .cd-icon::before {
    -webkit-transform: translateY(-6px) rotate(0deg);
    -moz-transform: translateY(-6px) rotate(0deg);
    -ms-transform: translateY(-6px) rotate(0deg);
    -o-transform: translateY(-6px) rotate(0deg);
    transform: translateY(-6px) rotate(0deg);
}

.cd-nav-trigger .cd-icon::after {
    -webkit-transform: translateY(6px) rotate(0deg);
    -moz-transform: translateY(6px) rotate(0deg);
    -ms-transform: translateY(6px) rotate(0deg);
    -o-transform: translateY(6px) rotate(0deg);
    transform: translateY(6px) rotate(0deg);
}

.cd-nav-trigger::before,
.cd-nav-trigger::after {
    content: "";
    /* 2 rounded colored backgrounds for the menu icon */
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    height: 100%;
    width: 100%;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
}

.cd-nav-trigger::before {
    background-color: #1a191a;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.cd-nav-trigger::after {
    background-color: #b72d26;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}

.cd-nav-trigger.close-nav::before {
    content: "";
    /* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.cd-nav-trigger.close-nav::after {
    /* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.cd-nav-trigger.close-nav .cd-icon {
    /* user clicks on the .cd-nav-trigger element - transform the icon */
    background-color: rgba(255, 255, 255, 0);
}

.cd-nav-trigger.close-nav .cd-icon::before,
.cd-nav-trigger.close-nav .cd-icon::after {
    content: "";
    background-color: white;
}

.cd-nav-trigger.close-nav .cd-icon::before {
    -webkit-transform: translateY(0) rotate(45deg);
    -moz-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    -o-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}

.cd-nav-trigger.close-nav .cd-icon::after {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}

.cd-primary-nav {
    /* by default it's hidden */
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 80px 5%;
    z-index: 3;
    background-color: #091d23;
    overflow: auto;
    /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
    -webkit-overflow-scrolling: touch;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s, opacity 0.3s;
    -moz-transition: visibility 0s, opacity 0.3s;
    transition: visibility 0s, opacity 0.3s;
}

.cd-primary-nav li {
    margin: 1.6em 0;
    text-align: center;
    text-transform: capitalize;
}

.cd-primary-nav a {
    font-size: 20px;
    font-size: 1.25rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    transition: color 0.2s;
}

.no-touch .cd-primary-nav a:hover {
    color: #ffffff;
}

.cd-primary-nav.fade-in {
    /* navigation visible at the end of the circle animation */
    visibility: visible;
    opacity: 1;
}

.cd-overlay-nav,
.cd-overlay-content {
    /* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
    position: fixed;
    top: 18px;
    right: 5%;
    height: 4px;
    width: 4px;
    -webkit-transform: translateX(-20px) translateY(20px);
    -moz-transform: translateX(-20px) translateY(20px);
    -ms-transform: translateX(-20px) translateY(20px);
    -o-transform: translateX(-20px) translateY(20px);
    transform: translateX(-20px) translateY(20px);
}

.cd-overlay-nav span,
.cd-overlay-content span {
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.cd-overlay-nav.is-hidden,
.cd-overlay-content.is-hidden {
    /* background fades out at the end of the animation */
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-overlay-nav {
    /* main rounded colored bg 1 */
    z-index: 2;
}

.cd-overlay-nav span {
    background-color: #2b65a5;
}

.cd-overlay-content {
    /* main rounded colored bg 2 */
    z-index: 4;
}

.cd-overlay-content span {
    background-color: #b72d26;
}


/* end of mobile menu */


/* network services */

.ntwrk-servics-inner-header {
    background: url('../images/services-header-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
    padding-top: 60px;
}

.ntwrk-servics-inner-header p {
    color: #fff;
    line-height: 30px;
}

.ntwrk-servics-inner-header h3 {
    color: #fff;
}

.network-vpn {
    background: url('../images/vpn-bg.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

.network-vpn h3 {
    margin-top: 30px;
    margin-bottom: 20px;
}

.network-vpn p {
    line-height: 25px;
}

.network-vpn .vpn-protocol {
    border-radius: 25px;
    background: url('../images/site-to-site.jpg');
    background-repeat: no-repeat;
    color: #fff;
    padding: 15px;
    margin-top: 25px;
    background-position: center;
}

.network-vpn .vpn-protocol:hover {
    background: #1a508c;
}

.network-vpn .vpn-protocol h4 {
    color: #fff;
}

.why-vpn-serv {
    color: #fff;
    background: url('../images/why-ucg-vpn.jpg');
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-top: 25px;
    line-height: 30px;
}

.why-vpn-serv h3 {
    margin-bottom: 20px;
}

.why-vpn-serv li {
    font-size: 17px;
}

.why-vpn-serv i {
    font-size: 20px;
    padding-right: 10px;
}

.dedicated-transit h3 {
    margin-top: 30px;
    margin-bottom: 20px;
}

.dedicated-transit p {
    line-height: 25px;
}

.transit-features {
    background: #b72d26;
    color: #fff;
    position: relative;
    margin-top: 25px;
    overflow: hidden;
}

.transit-features .transit-img-container {
    background: url('../images/dedicated-transit.jpg');
    height: 330px;
}

.transit-features h3 {
    color: #fff;
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 30px;
}

.transit-features li {
    font-size: 17px;
    line-height: 30px;
}

.transit-features i {
    font-size: 20px;
    padding-right: 10px;
}

.content-delivery p {
    line-height: 30px;
}

.content-delivery .content-delivery-feature {
    border: 2px solid #b72d26;
    width: 100%;
    text-align: center;
    padding: 15px 0;
    border-radius: 5px;
    position: relative;
    margin-top: 45px;
}

.content-delivery .content-delivery-feature span {
    font-weight: bold;
    font-size: 17px;
}

.content-delivery .content-delivery-feature .num {
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #b72d26;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    left: -15px;
    top: 11px;
}

.metro-conn {
    background-image: url('../images/metro-connection-bg.svg');
    background-color: #2b65a5;
    text-align: center;
    color: #fff;
    padding: 50px 0;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 35px;
    background-attachment: fixed;
}

.map-container {
    margin-top: 25px;
    margin-bottom: 40px;
}

.map-container .country {
    font-size: 18px;
    width: 160px;
}

.map-container .country.btn-default {
    color: #fff;
    background: #777;
}

.map-container .cities h3 {
    font-weight: 600;
    border-bottom: 1px solid #000;
}

.map-container .cities li a,
.map-container .cities li {
    color: #777;
}


/* end of network services */


/* header */

.hardware-inner-header {
    background: url('../images/hardware-header-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
    padding-top: 90px;
}

.hardware-inner-header p {
    color: #fff;
}

.hardware-inner-header h3 {
    color: #fff;
}


/* end of header */


/* hardware */

.hardware .product h3 {
    margin-top: 10px;
}

.hardware .product .product-container {
    padding: 15px;
    border: 1px solid #2b65a5;
    border-radius: 10px;
    position: relative;
    margin-top: 55px;
    margin-bottom: 40px;
}

.hardware .product .product-container .img-container {
    position: absolute;
    background: #fff;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-left: 10px;
    padding-right: 10px;
}

.hardware .product .product-container .img-container img {
    width: 180px;
    height: 100%;
}

.hardware .btn-contact i {
    vertical-align: middle;
    padding-left: 5px;
    color: #2b65a5;
    transition: all 0.4s ease;
}

.hardware .btn-container {
    position: absolute;
    bottom: -64px;
    width: 100%;
}

.hardware .btn-contact {
    color: #2b65a5;
    border: 1px solid #2b65a5;
    border-radius: 5px;
    padding: 2px 50px;
    font-size: 18px;
    font-weight: bold;
    background: #fff;
    transition: background 0.3s, color 0.3s linear;
    margin-left: 10px;
}

.hardware .btn-contact:hover {
    border: 0;
    background: #2b65a5;
    color: #fff;
    padding: 3px 51px;
}

.hardware .btn-contact:hover i {
    transform: translateX(1em);
    color: #fff;
}

.hardware .sangoma .btn-container {
    bottom: -70px;
}

.hardware .product .creek .product-container {
    padding-bottom: 30px;
}

.hardware .creek .btn-container {
    bottom: -53px;
}

.hardware .product .usource .product-container {
    padding-bottom: 30px;
}

.hardware .usource .btn-container {
    bottom: -55px;
}

.enanny {
    margin-top: 50px;
}

.enanny .enanny-container .img-container {
    position: absolute;
    background: #fff;
    padding-left: 15px;
    padding-right: 15px;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.enanny .enanny-container .img-container img {
    width: 180px;
    height: 100%;
}

.enanny .enanny-container {
    padding: 15px;
    border: 1px solid #2b65a5;
    border-radius: 10px;
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.hardware .enanny .btn-container {
    bottom: -12px;
}

.enanny .enanny-container .camera-prod {
    border: 1px solid #2b65a5;
    border-radius: 5px;
    font-weight: 600;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.enanny .enanny-container .camera-prod img {
    width: 40px;
    height: 40px;
    margin-right: 15px;
}

.enanny .air-purifier {
    background: url('../images/air-purifier-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 35px;
}

.enanny .air-purifier h4 {
    font-weight: 600;
}

.enanny .air-purifier .specs {
    margin-top: 20px;
    font-size: 13px;
    font-weight: 600;
    padding-right: 0px;
}

.enanny .air-purifier .specs img {
    height: 40px;
    width: 40px;
    margin-right: 5px;
}


/* end of hardware  sec*/


/* network management */

.management-inner-header {
    background: url('../images/network-header-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
    padding-top: 90px;
}

.management-inner-header h4,
.management-inner-header h3 {
    color: #fff;
}

.management-inner-header p {
    color: #fff;
    line-height: 30px;
}

.network-mgmt-services .mgmt-serv {
    border: 1px solid #222;
    border-radius: 5px;
    padding: 10px;
    position: relative;
    height: 161px;
    margin-bottom: 40px;
}

.network-mgmt-services h2 {
    margin-bottom: 45px;
    margin-top: 30px;
}

.network-mgmt-services .mgmt-serv p {
    line-height: 30px;
}

.network-mgmt-services .mgmt-serv h4 strong {
    position: absolute;
    top: -12px;
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;
}

.network-mgmt-services .mgmt-serv:hover {
    border-color: #2b65a5;
}

.network-mgmt-services .mgmt-serv:hover h4 {
    color: #2b65a5;
}

.server-mgmt {
    background: url('../images/server-management-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 330px;
}

.server-mgmt h2 {
    margin-bottom: 30px;
    margin-top: 30px;
}

.server-mgmt p {
    line-height: 30px;
}

.server-mgmt .btn-read {
    background: #2b65a5;
    color: #fff;
    padding: 7px 80px;
    font-weight: bold;
    border-radius: 5px;
    font-size: 19px;
}

.server-mgmt .btn-read:hover {
    background: #1a508c;
}

.server-mgmt .btn-container {
    margin-top: 45px;
}

.noc-mgmt {
    padding-top: 25px;
    padding-bottom: 25px;
}

.noc-mgmt h2 {
    margin-bottom: 30px;
}

.noc-mgmt p {
    line-height: 30px;
}

.noc-mgmt .img-container {
    height: 80px;
    margin: 10px auto 0 auto;
    text-align: center;
}

.noc-mgmt .img-container img {
    height: 80%;
    margin: 0 auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -ms-filter: grayscale(100%);
}

.noc-mgmt .img-container img.monitoring-img {
    height: 65%;
    margin-top: 7px;
}

.noc-mgmt .serv:hover {
    border-color: #2b65a5;
}

.noc-mgmt .serv:hover .serv-img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    -ms-filter: grayscale(0%);
}

.noc-mgmt .serv {
    border: 1px solid #222;
    padding: 10px;
    border-radius: 5px;
    margin-top: 25px;
    position: relative;
}

.noc-mgmt .serv2:before,
.noc-mgmt .serv3:before,
.noc-mgmt .serv4:before,
.noc-mgmt .serv5:before {
    position: absolute;
    width: 30px;
    height: 1px;
    content: " ";
    top: 50%;
    left: -31px;
    background: #222;
}

.networking .box .box-link a:active,
.networking .box .box-link a:focus {
    color: #fff;
}

.hardware .creek .product-img {
    margin-top: 30px;
}


/* end of network management */


/* footer */

.pre-border {
    height: 2px;
    border-top: 4px solid #444444;
    margin-bottom: 4px;
    margin-top: 50px;
}

.pre-footer {
    background-color: #444444;
    padding-top: 35px;
    padding-bottom: 10px;
    position: relative;
    margin: 0px;
}

.middle-logo {
    position: absolute;
    top: -28%;
    left: 46.5%;
}

.middle-logo img {
    width: 105px;
    height: 105px;
}

.links .text {
    color: #fff;
    font-weight: 400;
}

.links .icon-phone i {
    display: inline-block;
    font-size: 16px;
}

.links .icon-mail i {
    font-size: 13px;
}

.links .icon-text {
    display: inline-block;
    color: #8f8f8f;
}

.links h3 {
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
}

.links li {
    line-height: 25px;
}

.links i {
    color: #fff;
    font-size: 10px;
}

.links a {
    text-decoration: none;
    color: #8f8f8f;
    font-size: 14px;
}

.footer {
    background: #353535;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 5px;
    margin: 0px;
    font-size: 13px;
}

.social i {
    color: #fff;
    margin-right: 10px;
    transition: all .3s ease-in-out;
}

.footer .social i:hover {
    transform: scale(1.5);
    color: #ccc;
}

.footer p {
    padding: 0px;
    color: #fff;
}

.links .dropdown {
    display: inline-block;
}

.links .dropdown-menu {
    border-radius: 0px;
    min-width: auto;
}

.links .dropdown-menu>li>a {
    font-weight: bold;
}

.dropdown-menu>li>a {
    text-align: center;
    font-size: 17px;
    padding: 3px 13px;
}

.links .dropdown-menu>li>a:focus,
.links .dropdown-menu>li>a:hover {
    background: #1a191a;
    color: #fff;
}

.links .lang-btn {
    margin-top: -8px;
    padding-left: 10px;
    border-radius: 0px;
    background: #1a191a;
    color: #fff;
    font-weight: bold;
    width: 35px;
    height: 35px;
    margin-right: 7px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    font-size: 24px;
}

.links .client-btn {
    background: #b72d26;
    color: #fff;
    font-weight: bold;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    display: inline-block;
    text-align: center;
    line-height: 41px;
}

.links .client-btn i {
    vertical-align: baseline;
    font-size: 24px;
}

.links .support-btn {
    display: inline-block;
    background: #2b65a5;
    color: #fff;
    font-weight: bold;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 41px;
}

.links .support-btn i {
    vertical-align: baseline;
    font-size: 24px;
}


/* end footer */


/* responsive */

@media only screen and (max-width: 1365px) {
    /* networking */
    .networking .box {
        height: 415px;
    }
    /* end of networking */
}

@media only screen and (max-width: 1023px) {
    .logos .logo-img {
        width: 100% !important;
    }
    .noc-mgmt .serv2:before,
    .noc-mgmt .serv3:before,
    .noc-mgmt .serv4:before,
    .noc-mgmt .serv5:before {
        content: none !important;
    }
    .transit-text {
        padding-left: 30px;
        padding-bottom: 10px;
    }
    .hardware-inner-header {
        height: 260px;
        padding-top: 55px;
    }
    .hardware .sangoma .btn-container {
        bottom: -64px;
    }
    .hardware .product .product-container {
        padding-bottom: 40px;
    }
    .product-container .product-img {
        margin-top: 65px;
    }
    .creek .product-container .product-img {
        margin-top: 85px;
    }
    .usource .product-container .product-img {
        margin-top: 85px;
    }
    #header .header-logo img {
        margin-top: 11px;
        width: 100%;
    }
    /* header */
    .inner-header h2 {
        font-size: 4.0rem;
    }
    /* end of header */
    /* networking */
    .vpn-services {
        padding-top: 0;
        background-size: 66%;
        background-position: 96% 100%;
    }
    #main-navigation .firstlevel .first-level-item {
        font-size: 18px;
    }
    #main-navigation .first-level-item>a,
    #main-navigation .first-level-item>span {
        padding: 0 7px;
    }
    .networking .box h3 {
        margin-bottom: 20px;
        padding-top: 0px;
        font-size: 20px;
    }
    .networking .box p {
        line-height: 26px;
    }
    .networking .box {
        height: 376px;
        padding-top: 10px;
    }
    .networking .box.network-solution-box {
        height: 300px;
    }
    .networking .box.black-bg {
        height: 300px;
    }
    /* end of networking */
    /* network management */
    .network-mgmt-services .mgmt-serv {
        min-height: 220px;
    }
    .server-mgmt {
        height: 410px;
    }
    /* end of network management */
    .network-vpn .vpn-protocol {
        height: 245px;
    }
}


/* ipad */

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    /* .inner-header h4 {
        margin-top: 23px;
    } */
    .product .openvox .product-img {
        margin-top: 30px;
    }
    .hardware .openvox .btn-container {
        bottom: -65px;
    }
    .hardware .sangoma .product-img {
        margin-top: 40px;
    }
    .hardware .sangoma .btn-container {
        bottom: -64px;
    }
    .hardware .creek .product-img {
        margin-top: 50px;
    }
    .hardware .usource .product-img {
        margin-top: 46px;
    }
}


/* iphone X */

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation:landscape) {
    .product .openvox .product-img {
        margin-top: 85px;
    }
    .hardware .sangoma .product-img {
        margin-top: 85px;
    }
    .hardware .creek .product-img {
        margin-top: 100px;
    }
    .hardware .usource .product-img {
        margin-top: 85px;
    }
}


/* ipad pro */

@media only screen and (min-width: 834px) and (max-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
    .product .openvox .product-img {
        margin-top: 30px;
    }
    .hardware .sangoma .product-img {
        margin-top: 40px;
    }
    .hardware .creek .product-img {
        margin-top: 50px;
    }
    .hardware .usource .product-img {
        margin-top: 46px;
    }
    .menu-items a {
        font-size: 17px;
    }
    .menu-items li {
        padding: 30px 10px;
    }
    .construction .service .service-text {
        font-size: 16px;
    }
    .construction .service img {
        width: 70px;
    }
    .construction-inner-header h3 {
        margin-top: 0px;
    }
    .construction-inner-header {
        padding-top: 80px;
    }
    .hardware .product .product-container {
        padding-bottom: 35px;
    }
    .hardware .btn-container,
    .hardware .sangoma .btn-container {
        bottom: -58px;
    }
    .enanny .air-purifier .specs img {
        float: left;
    }
    .enanny .air-purifier .short-text {
        padding-top: 10px;
        display: inline-block;
    }
    .enanny .enanny-container .camera-prod {
        height: 65px;
    }
    .enanny .enanny-container .camera-prod img {
        float: left;
    }
    .enanny .enanny-container .camera-prod .pet {
        display: inline-block;
        padding-top: 10px;
    }
    .network-mgmt-services .mgmt-serv {
        height: 180px;
    }
    .server-mgmt {
        height: 370px;
    }
    .management-inner-header {
        padding-top: 80px !important;
    }
    .management-inner-header h3 {
        margin-top: -10px;
    }
    .network-vpn .vpn-protocol {
        height: 200px;
        background-position: center;
    }
    .content-delivery .content-delivery-feature span {
        font-size: 16px;
    }
    .ntwrk-servics-inner-header h3 {
        margin-top: -20px;
    }
    .networking .box.network-solution-box {
        height: 320px;
    }
    .ntwrk-servics-inner-header {
        padding-top: 85px;
    }
    .networking .box.black-bg {
        height: 320px;
    }
}

@media only screen and (max-width: 767px) and (orientation:landscape) {
    .management-inner-header h4 strong {
        font-weight: normal !important;
    }
    .network-vpn {
        background: none;
    }
    .hardware .sangoma .btn-container {
        bottom: -73px;
    }
    .hardware .btn-container {
        bottom: -73px;
    }
    .hardware .usource .btn-container {
        bottom: -62px;
    }
    .hardware .creek .btn-container {
        bottom: -62px;
    }
    .hardware .product .product-container {
        padding-top: 50px;
    }
    .enanny .enanny-container {
        padding-top: 50px;
    }
    .construction-inner-header {
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .construction .service img {
        width: 68px;
        margin: 0 auto;
        margin-bottom: 5px;
        display: block;
    }
    .construction .service .service-text {
        padding-left: 0px;
    }
    .construction .service-container {
        width: 47%;
        margin-left: 1%;
        float: left;
    }
    .construction .service-content1,
    .construction .service-content6 {
        margin: 0 auto;
    }
    .construction .service-content3,
    .construction .service-content2 {
        margin: 25px auto;
    }
    .construction .service-content4 {
        margin: 16px auto;
    }
    .construction .service-content5 {
        margin: 12px auto;
    }
    .noc-mgmt .serv2:before,
    .noc-mgmt .serv3:before,
    .noc-mgmt .serv4:before,
    .noc-mgmt .serv5:before {
        content: none;
    }
    .mobile-map h3 {
        border-bottom: 2px solid #2b65a5;
    }
    .mobile-map {
        padding-bottom: 20px;
    }
    .location-mob-name span {
        display: inline-block;
        height: 28px;
        padding-left: 10px;
        color: #2b65a5;
        font-size: 16px;
        line-height: 28px;
        font-weight: bold;
    }
    .location-pin-map {
        position: relative;
        z-index: 999;
        display: inline-block;
        height: 12px;
        width: 12px;
        background: #1e88e4;
        border-radius: 50%;
    }
    .location-pin-map:after {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        content: "";
        height: 22px;
        width: 22px;
        margin: -11px 0 0 -11px;
        -webkit-animation: pulsate 2s linear;
        animation: pulsate 2s linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        background: #1e88e4;
        border-radius: 50%;
    }
    .mobile-footer .links h3 {
        margin-top: 15px;
    }
    .pre-footer {
        padding-top: 20px;
    }
    .links .dropdown {
        display: block;
        width: 32%;
        float: left;
    }
    .links .lang-btn {
        width: 100%;
        margin-top: 5px;
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 22px;
    }
    .links .client-btn {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 34px;
        width: 32%;
        margin-left: 2%;
        float: left;
        margin-top: 5px;
    }
    .links .dropdown-menu {
        width: 100%;
        margin-top: -8px;
    }
    .links .support-btn {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 34px;
        width: 32%;
        float: left;
        margin-top: 5px;
    }
    .links .client-btn i,
    .links .support-btn i {
        vertical-align: middle;
        padding-right: 8px;
    }
    span.links-text {
        width: 109px;
        text-align: left;
        display: inline-block;
        padding-left: 5px;
    }
    .enanny .enanny-container .img-container {
        left: 50%;
        transform: translate(-50%, -50%);
        top: 0;
    }
    .network-vpn .vpn-protocol {
        height: auto;
        padding-bottom: 15px;
    }
    .map-container .country {
        font-size: 18px;
        width: 48%;
        margin-bottom: 15px;
        float: left;
        margin-left: 1%;
        height: 50px;
    }
    .pre-border {
        margin-top: 0px;
    }
    .footer .copyright,
    .footer .social {
        float: none !important;
        text-align: center;
    }
    .logo img {
        width: 55% !important;
    }
    .inner-header {
        height: auto;
        min-height: auto;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #header .language-select {
        margin-bottom: 15px;
    }
    /* networking */
    .networking {
        padding-bottom: 0px;
    }
    .networking .box {
        height: auto;
    }
    .networking .box .box-link {
        position: relative;
        padding-bottom: 20px;
        padding-top: 25px;
        bottom: auto;
    }
    .vpn-services {
        padding-top: 0;
        background-size: 77%;
        background-position: 96% 100%;
    }
    /* end of networking */
    /* network management */
    .server-mgmt {
        height: auto !important;
        padding-bottom: 30px;
    }
    .network-mgmt-services .mgmt-serv {
        height: auto;
        min-height: auto;
    }
    .management-inner-header {
        height: auto;
        padding-top: 10px;
        padding-bottom: 20px;
    }
    /* end of network management */
}

@media only screen and (max-width: 480px) {
    .contact .first-text {
        text-align: justify;
    }
    .construction .second-text {
        font-size: 20px;
    }
    .noc-mgmt h4 {
        text-align: center;
    }
    .server-mgmt h2 {
        text-align: center;
    }
    .management-inner-header h4 strong {
        font-weight: normal !important;
    }
    .network-vpn {
        background: none;
    }
    .construction-inner-header {
        height: auto;
        padding-bottom: 40px;
    }
    .construction-inner-header {
        padding-top: 37px;
    }
    .construction .service-content5 {
        margin: 30px auto;
    }
    .construction .service img {
        width: 62px;
    }
    .construction .service-content6 {
        margin: 24px auto;
    }
    .construction .service-content1 {
        margin: 21px auto;
    }
    .construction .service-content2 {
        margin: 34px auto;
    }
    .noc-mgmt .serv2:before,
    .noc-mgmt .serv3:before,
    .noc-mgmt .serv4:before,
    .noc-mgmt .serv5:before {
        content: none;
    }
    span.links-text {
        width: 109px;
        text-align: left;
        display: inline-block;
        padding-left: 5px;
    }
    .mobile-map h3 {
        border-bottom: 2px solid #2b65a5;
    }
    .mobile-map {
        padding-bottom: 20px;
    }
    .location-mob-name span {
        display: inline-block;
        height: 28px;
        padding-left: 10px;
        color: #2b65a5;
        font-size: 16px;
        line-height: 28px;
        font-weight: bold;
    }
    .location-pin-map {
        position: relative;
        z-index: 999;
        display: inline-block;
        height: 12px;
        width: 12px;
        background: #1e88e4;
        border-radius: 50%;
    }
    .location-pin-map:after {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        content: "";
        height: 22px;
        width: 22px;
        margin: -11px 0 0 -11px;
        -webkit-animation: pulsate 2s linear;
        animation: pulsate 2s linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        background: #1e88e4;
        border-radius: 50%;
    }
    .mobile-footer ul li {
        display: inline-block;
    }
    .mobile-footer ul li {
        padding-left: 35px;
    }
    .mobile-footer {
        padding-top: 15px;
    }
    .mobile-footer .links h3 {
        display: none;
    }
    .mobile-footer .links {
        width: 100%;
    }
    .links .dropdown {
        display: block;
    }
    .links .dropdown-menu {
        width: 100%;
        margin-top: -9px;
    }
    .links .dropdown-menu li {
        display: block;
        width: 100%;
        padding-left: 0px;
    }
    .links .lang-btn {
        width: 100%;
        margin-top: 5px;
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 22px;
    }
    .links .client-btn,
    .links .support-btn {
        width: 100%;
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 34px;
    }
    .links .client-btn i,
    .links .support-btn i {
        vertical-align: middle;
        padding-right: 8px;
    }
    .hardware .btn-container,
    .hardware .sangoma .btn-container {
        bottom: -72px;
    }
    .hardware .creek .btn-container,
    .hardware .usource .btn-container {
        bottom: -63px;
    }
    .hardware .product .product-container {
        padding-top: 50px;
    }
    .enanny .enanny-container {
        padding-top: 50px;
    }
    .usource .product-container .product-img,
    .creek .product-container .product-img {
        margin-top: 25px;
    }
    .product-container .product-img {
        margin-top: 30px;
    }
    .network-vpn .vpn-protocol {
        height: auto;
        padding-bottom: 10px;
    }
    h3 {
        font-size: 22px;
    }
    .transit-features li {
        font-size: 15px;
    }
    .ntwrk-servics-inner-header {
        height: auto;
        padding-top: 0px;
        padding-bottom: 10px;
    }
    .map-container .country {
        width: 100%;
        margin-bottom: 10px;
    }
    /* vpn services */
    .networking {
        background: none;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .vpn-services h2 {
        font-size: 25px;
        margin-top: 20px;
    }
    /* end of vpn services */
    /* networking box */
    .networking .box {
        height: auto !important;
    }
    .networking .box .box-link {
        position: relative;
        padding-bottom: 20px;
        padding-top: 25px;
        bottom: auto;
    }
    .server-mgmt {
        height: auto !important;
        padding-bottom: 30px;
    }
    .network-mgmt-services .mgmt-serv {
        min-height: auto;
        height: auto;
    }
    .management-inner-header {
        height: auto;
        padding-top: 0px;
        padding-bottom: 10px;
    }
    .network-mgmt-services h2 {
        font-size: 21px;
    }
    .noc-mgmt h2 {
        margin-top: 0px;
        text-align: center;
    }
    /* end of networking box */
    /* header */
    .logo img {
        width: 90% !important;
        text-align: left;
    }
    .cd-nav-trigger {
        top: 1.3rem;
    }
    #header {
        height: 80px;
    }
    #header .head-info {
        margin-top: 20px;
    }
    #header .btn-support {
        width: 100%;
        text-align: center;
    }
    .footer-logo {
        width: 80%;
        float: none;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .pre-border {
        margin-top: 0px;
    }
    .links h3 {
        font-size: 13px;
    }
    .links li {
        font-size: 12px;
    }
    #header .language-select {
        margin-bottom: 15px;
    }
    .inner-header {
        padding-top: 35px;
        padding-bottom: 25px;
        height: auto;
        min-height: auto;
    }
    .inner-header h4 {
        font-size: 1.5rem;
        margin-top: 15px;
    }
    .inner-header h2 {
        font-size: 3.3rem;
    }
    /* end of header */
    /* footer */
    .pre-footer {
        padding-top: 0px;
    }
    .footer p {
        text-align: center;
    }
    .footer .social {
        float: none !important;
        text-align: center;
    }
    /* end of footer */
}

@media only screen and (max-width: 340px) {
    .construction .second-text {
        font-size: 18px;
    }
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0);
        opacity: .05;
    }
    20% {
        -webkit-transform: scale(0.7);
        opacity: .1;
    }
    40% {
        -webkit-transform: scale(0.9);
        opacity: .2;
    }
    60% {
        -webkit-transform: scale(1.1);
        opacity: .3;
    }
    100% {
        -webkit-transform: scale(1.4);
        opacity: 0;
    }
}

@keyframes pulsate {
    0% {
        transform: scale(0);
        opacity: .05;
    }
    20% {
        transform: scale(0.7);
        opacity: .1;
    }
    40% {
        transform: scale(0.9);
        opacity: .2;
    }
    60% {
        transform: scale(1.1);
        opacity: .3;
    }
    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}