/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700');
@import url('https://fonts.googleapis.com/css?family=Comfortaa:300,400');
::selection { background:#cccccc;  color: #000000;}
::-moz-selection { background:#cccccc;  color: #000000;}
::-webkit-selection { background:#cccccc;  color: #000000;}
body {padding: 0; margin: 0; }
a {color:#438bd9; text-decoration:none; transition: all 0.6s ease 0s; }
a:hover {color:#438bd9; text-decoration:none; }
a:focus { outline: 0;}
img{max-width:100%;}
ul,li {list-style: none;}
h1,h2,h3,h4,h5,h6,p { margin:0;  padding:0 0 15px;}
h1 {font-size: 34px; line-height: 120%; color: #438bd9; font-family: 'Comfortaa', cursive; font-weight: 400;}
h2 {font-size: 31px; line-height: 100%; font-weight: 400; color: #438bd9; font-family: 'Comfortaa', cursive;}
h3 {font-size: 23px; line-height: 120%; color: #438bd9; font-family: 'Comfortaa', cursive; font-weight: 400;}
h4 {font-size: 20px; line-height: 130%; color: #413d3d; font-family: 'Source Sans Pro', sans-serif; font-weight: 400;}
h5 {font-size: 17px; line-height: 130%; color: #413d3d; font-family: 'Comfortaa', cursive; font-weight: 400;}
p {font-size: 15px; line-height: 150%; font-weight: 400; color: #6a6a6a; font-family: 'Source Sans Pro', sans-serif; }
.read-more{font-size: 14px; font-family: 'Comfortaa', cursive; font-weight: 400; background: #438bd9; border: 1px solid #438bd9; padding: 15px 32px; margin: 16px 0 0; float: left; color: #fff; border: 1px solid #438bd9;}
.read-more:hover, .read-more:focus{background: #fff; color: #438bd9;}
.horizontal-pin{position: relative;}
.horizontal-pin:after{position: absolute; content: ''; left: -135px; width: 114px; height: 7px; top: 12px; background: url("images/horizontal-pin.png")no-repeat;}
.vertical-pin{position: relative;}
.vertical-pin:after{position: absolute; content: ''; left: 0; right: 0; margin: 0 auto; width: 7px; height: 78px; top: -101px; background: url("images/vertical-pin.png")no-repeat;}
.wht-txt{color: #fff !important;}
.blk-txt{color: #000 !important;}
.blue-txt{color: #438bd9 !important;}
.grey-txt{color: #3b3838 !important}
/*------------------------------------*/   
.scrollup {width: 40px;height: 40px;position: fixed;bottom: 10px;right: 4%;display: none;text-indent: -9999px;background: url('images/triangle-hover.png') no-repeat;}
#layout-wrapper{margin:0 auto; padding:0; width:100%;display: table; position: relative; overflow: hidden; max-width: 1600px;}
header { margin:0; padding: 0; width:100%; float:left; position: relative;}
.top-holder {width:100%; position: absolute; top: 0px; left: 0; padding: 60px 0 0; z-index: 9;}
/*----------------------Nav--------------------------*/
.navbar {border: 0 none; float: right; margin: 0 auto; padding: 0;}
.navbar-collapse {padding:0;}
.navbar-nav{display: table;}
.navbar-nav li a {color:#fff !important; line-height: 16px; padding: 0; font-size: 16px; font-family: 'Comfortaa', cursive; transition:all 0.3s; font-weight: 300; transition: 0.5s all; position: relative;}
.navbar-nav li {margin: 0 18px; display: inline-block; vertical-align: middle; position: relative; float: left; }
.navbar-nav li:after{position: absolute; content: ''; left: 0; right: 0; top: -60px; margin: 0 auto; width: 7px; height: 0; background: url("images/pin.png") no-repeat; opacity: 0; transition: 0.5s all;}
.navbar-nav li:hover:after{height: 56px; opacity: 1;}
.navbar-nav li:hover a{color: #438bd9 !important;}
.navbar .navbar-nav li a:focus, .navbar-inverse .navbar-nav li a:hover{color: #438bd9 !important;}
.navbar-nav li.current-menu-item a{color: #438bd9 !important;}
.navbar-nav li.current-menu-item{position: relative;}
.navbar-nav li.current-menu-item:after{position: absolute; content: ''; left: 0; right: 0; top: -60px; margin: 0 auto; width: 7px; height: 56px; background: url("images/pin.png") no-repeat; transition: 0.5s all; opacity: 1;}
/*--------------------------------------------Sub Menu--------------------------------------------*/
.sub-menu { background: #fff none repeat scroll 0 0; left: -55px; margin: 50px auto 0; min-width: 195px; position: absolute; z-index: 99; visibility: hidden; transition:all 0.5s; padding: 0; top: 24px; opacity: 0; border: 2px solid #fff;}
.sub-menu:before{position: absolute; left: 20px; content: ''; top: -18px;  width: 0; height: 0; border-style: solid; border-width: 0 12.5px 18px 12.5px; border-color: transparent transparent #e5e5e5 transparent; z-index: 9; transition:all 0.8s; display: none;}
.sub-menu > li { text-align: center; list-style: none; margin: 0; width: 100%;}
.sub-menu a{ color: #074783 !important; display: block; padding: 12px 16px !important; transition: 0.5s all; font-size: 15px !important; border-bottom: 1px solid #818689;}
.sub-menu > li:last-child a{border-bottom: transparent; }
.menu-item-has-children { transition:all 0.5s;}
.sub-menu a:hover {color: #262626;} 
.navbar-nav > li.menu-item-has-children:hover .sub-menu{visibility: visible; margin: 0 auto 0; z-index: 9999; opacity: 1;}
.navbar-nav > li.current-menu-ancestor a {color: #17a7ca !important;}
.navbar-nav > li .sub-menu li a{color: #074783 !important;}
.navbar-nav > li .sub-menu li a:hover{color: #fff !important; background: #074783; }
.sub-menu li a{color: #262626 !important;}
.navbar-nav > li .sub-menu li.current-menu-item a{color: #fff !important; background: #074783 !important;}
.navbar-nav > li .sub-menu li::after{display: none;}
/*--------------------------------------*/
.navbar-toggler{background: #438bd9; padding: 2px 7px;}
/*----------------------Nav--------------------------*/
/*----------------------Banner--------------------------*/
section#banner{padding: 0; margin: 0; float: left; width: 100%; position: relative;}
.banner-img{width: 100%;}
.banner-in{position: absolute; left: 0; right: 0; margin: 0 auto; width: auto; height: auto; top: 198px;}
.banner-caption{float: left; width: 100%; text-align: center;}
.banner-caption h1{color: #fff; font-size: 38px;}

.banner-caption .tp-head {
  font-size: 36px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  color: #438bd9;
}
.banner-caption h3{font-size: 36px; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; color: #438bd9; }
.gif-img1{position: absolute; width: auto; height: auto; left: 6%; top: 45%; z-index: 9;}
.gif-img2{position: absolute; width: auto; height: auto; left: 34%; top: 18%; z-index: 9;}
.gif-img3{position: absolute; width: auto; height: auto; left: 24%; top: 57%; z-index: 9;}
.gif-img4{position: absolute; width: auto; height: auto; right: 15%; top: 29%; z-index: 9;}
.gif-img5{position: absolute; width: auto; height: auto; right: 9%; top: 55%; z-index: 9;}
/*----------------------Banner----------------------*/
section#about-sc{margin: 0; padding: 0; width: 100%; float: left; }
section#about-sc h2{font-size: 34px;}
section#about-sc h2 span{font-size: 23px; padding: 14px 0 0; float: left;}
.about-caption{width: 90%; float: right;}
section#about-sc p{color: #fff;}
.about-holder{position: absolute; top: 370px; left: 0; right: 0; margin: 0 auto; width: 100%; padding: 50px 0 0; background: rgba(0, 0, 0, 0.35);}
.about-holder:after{position: absolute; bottom: 0; left: 0; right: 0; width: 100%; margin: 0 auto; background: #438bd9; height: 3px; content: ''; transition: 0.5s all;}
.about-holder:hover:after{background: #fff;}
.about-details{margin: 0; padding: 0; width: 100%; float: left;}

section#product-solution-sc{width: 100%; float: left; margin: 0; padding: 95px 0 70px;}
section#product-solution-sc h2{padding: 0 0 35px;}
section#product-solution-sc p{color: #fff;}
.bigger-img{width: 100%; float: left; margin: 0; padding: 0; position: relative; min-height: 454px;}
.bigger-img:after{position: absolute; content: ''; left: 0; right: 0; bottom: 0; /*background: rgba(31, 131, 202, 0.9);*/ background: rgba(0,0,0,0.17);
background: -moz-linear-gradient(top, rgba(0,0,0,0.17) 0%, rgba(0,0,0,1) 79%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.17)), color-stop(79%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.17) 0%, rgba(0,0,0,1) 79%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.17) 0%, rgba(0,0,0,1) 79%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.17) 0%, rgba(0,0,0,1) 79%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.17) 0%, rgba(0,0,0,1) 79%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); width: 100%; height: 0; z-index: 1; transition: 0.5s all;}
.bigger-img:hover:after{height: 100%;}
.big-img-txt{width: 100%; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; height: auto; padding: 30px; transition: 1s ease-in-out; z-index: 2; transition: 2.0s all; opacity: 0;}
.bigger-img:hover .big-img-txt{opacity: 1;}
.big-img-txt .read-more{background: transparent; border: 1px solid #fff; margin: 6px 0 0; padding: 15px 28px;}
.big-img-txt .read-more:hover, .big-img-txt .read-more:focus{background: #fff;}
.big-img-txt h3{color: #fff;}
.bigger-img img{width: 100%; padding: 0; min-height: 461px;}
.small-img-sc{width: 100%; float: left; margin: 0; padding: 0;}
.pro-type{width: 100%; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; height: 65px; padding: 10px;  overflow: hidden; transition: 0.5s all; z-index: 3;}
.small-img:hover .pro-type{height: 100%;}
.bigger-img:hover .pro-type{height: 100%;}
.small-img:after{position: absolute;left: 0; right: 0; margin: 0 auto; bottom: 0; height: 0; content: ''; transition: 0.5s all; width: 100%; z-index: 2;
background: rgba(0,0,0,0.17);
background: -moz-linear-gradient(top, rgba(0,0,0,0.17) 0%, rgba(0,0,0,1) 79%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.17)), color-stop(79%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.17) 0%, rgba(0,0,0,1) 79%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.17) 0%, rgba(0,0,0,1) 79%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.17) 0%, rgba(0,0,0,1) 79%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.17) 0%, rgba(0,0,0,1) 79%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.small-img:hover:after{height: 100%;}
.pro-type h3{font-size: 18px; color: #fff; background: #438bd9; padding: 10px 0; display: table; width: 175px; margin: 0 0 10px; text-align: center;}
.pro-type .read-more{padding: 8px 17px; background: #fff; color: #438bd9; margin: 0;}
.pro-type .read-more:hover{background: #000; color: #fff; border: 1px solid #000;}
.small-img  img{width: 100%;}
section#product-solution-sc .nav-tabs{border: none;}
.tab-content{margin: 8px 0;}
section#product-solution-sc .vertical-pin::after{right: auto; left: 36px; top: -96px;}
.small-img{ float: left; list-style: none; margin: 8px 1%; position: relative;}
.small-img img{width: 100%;}



section#services-sc{margin: 0; padding: 60px 0; width: 100%; float: left;}
section#services-sc h3{color: #000;}
section#services-sc ul{margin: 0; padding: 0; width: 100%; float: left;}
section#services-sc ul li{width: 50%; float: left; position: relative; cursor: pointer;}
.services-holder{margin: 0 auto; padding: 30px; width: 100%; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 100%; height: 75px; overflow: hidden; transition: 0.5s all; /*background: rgba(31, 131, 202, 0.75);*/ background: rgba(0,0,0,0.17);
background: -moz-linear-gradient(top, rgba(0,0,0,0.27) 0%, rgba(0,0,0,1) 79%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.27)), color-stop(79%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.27) 0%, rgba(0,0,0,1) 79%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.27) 0%, rgba(0,0,0,1) 79%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.27) 0%, rgba(0,0,0,1) 79%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.27) 0%, rgba(0,0,0,1) 79%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); }
section#services-sc ul li h3, section#services-sc ul li p{color: #fff;}
section#services-sc ul li h3{padding: 0 0 25px;}
section#services-sc ul li:hover .services-holder{height: 190px;}

section#vision-sc{margin: 0; padding: 100px 0 40px; width: 100%; float: left; text-align: center; background: url("images/vision-bkg.jpg") no-repeat; background-size: cover;}
section#vision-sc .read-more{margin: 16px auto 0; float: none; display: table;}
section#vision-sc .read-more:hover{border: 1px solid #438bd9;}
section#vision-sc p{font-size: 18px; font-family: 'Comfortaa', cursive; color: #000;}

section#form-sc{margin: 0; padding: 100px 0 55px; width: 100%; float: left; text-align: center; background: url("images/form-bkg.jpg") no-repeat; background-size: cover; position: relative;}
section#form-sc:after{position: absolute; bottom: 0; left: 0; right: 0; width: 100%; margin: 0 auto; background: #438bd9; height: 3px; content: '';}
section#form-sc h3{color: #fff;}
.form-det{width: 100%; float: left; margin: 0; padding: 0;}
.form-contact{ border: transparent; border-bottom: 1px solid #fff; width: 23%; background: transparent none repeat scroll 0 0; color: #fff; float: left; font-family: 'Source Sans Pro', sans-serif; font-size: 15px; font-weight: normal; height: 45px; margin: 20px 1% 0; padding: 0 2px; line-height: 45px; transition: all 1s; }
.form-contact:hover{border-bottom: 1px solid #438bd9; color: #438bd9;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #fff;opacity:  1;} ::-moz-placeholder { /* Firefox 19+ */color: #fff; opacity:  1;} :-ms-input-placeholder { /* IE 10+ */color: #fff; opacity:  1;} :-moz-placeholder { /* Firefox 18- */color: #fff; opacity:  1;} ::placeholder { color: #fff; }
.submit-contact{background: #438bd9; color: #fff; padding: 0; border: none; cursor: pointer; font-size: 23px; font-family: 'Comfortaa', cursive; font-weight: normal; transition: 1s all; height: 72px; line-height: 70px; width: 20%; margin: 0 1%; border-bottom: none;}
.submit-contact:hover{background: #808080; color: #fff;border-bottom: none;}
p.cntct-info{float: left;}

section#partners-sc{margin: 0; padding: 90px 0 40px; width: 100%; float: left; background: #f3f3f3;}
.partner-holder{width: 100%;float: left;}
.lSAction > .lSPrev{background: url("images/left-arrow.png") no-repeat left; width: 35px; height: 35px; left: -70px !important; top: 54px;}
.lSAction > .lSNext{background: url("images/right-arrow.png") no-repeat right ; width: 35px; height: 35px; right: -70px !important; top: 54px;}
.lSSlideOuter .lSPager.lSpg{display: none;}

section#testimonial-sc{margin: 0; padding: 70px 0; width: 100%; float: left;}
section#testimonial-sc h2{padding: 0 0 30px;}
section#testimonial-sc img{float: left; margin: 0 20px 0 0;}
section#testimonial-sc h5{font-size: 16px; font-family: 'Comfortaa', cursive; color: #438bd9; padding: 0;}
section#testimonial-sc h6{font-size: 15px; font-family: 'Source Sans Pro', sans-serif; color: #000; padding: 0;}
.testimonial-holder{margin: 0; padding: 0; width: 84%; float: right;}
.testimonial-holder p{position: relative;}
.testimonial-holder p:before{position: absolute; content: ''; width: 17px; height: 13px; background: url("images/comma-left.png")no-repeat; margin-left: -20px;}
.testimonial-holder p:after{position: absolute; content: ''; width: 17px; height: 13px; background: url("images/comma-right.png")no-repeat;  margin: 9px 0 0 5px;}
section#testimonial-sc .lSAction > .lSPrev{background: url("images/left-arrow.png") no-repeat left; width: 35px; height: 35px; left: 93% !important; top: -34px;}
section#testimonial-sc .lSAction > .lSNext{background: url("images/right-arrow.png") no-repeat right ; width: 35px; height: 35px; right: 0 !important; top: -34px;}

footer{margin: 0; padding: 40px 0 0; width: 100%; float: left; text-align: center; background: url("images/footer-bkg.jpg")no-repeat; background-size: cover;}
.footer-bottom-sc{margin: 0; padding: 0 0 40px; width: 100%; float: left; background: rgba(0, 0, 0, 0.7);}
ul.contact-list li{width: 23%; float: left; font-size: 16px; font-family: 'Comfortaa', cursive; color: #438bd9;}
ul.contact-list li:nth-child(3){width: 54%;}
ul.contact-list{margin: 0; padding: 40px 0 20px; width: 100%; float: left;}
ul.social-icons{ padding: 0; width: auto; display: table; margin: -20px auto 20px;}
ul.social-icons li{ margin: 0 4px; float: left; }
ul.social-icons li i{border: 2px solid #858585; border-radius: 50%;width: 38px; height: 38px; line-height: 36px; text-align: center;}
ul.social-icons li a{color: #858585;}
ul.social-icons li:hover a, ul.social-icons li:focus a{color: #438bd9 !important;}
ul.social-icons li:hover i, ul.social-icons li:focus i{border: 2px solid #438bd9;}
footer .navbar-nav{padding: 0 0 40px; margin: 0 auto;}
footer .navbar-nav li:after{display: none;}
footer .navbar-nav li a{color: #fff; font-size: 16px; line-height: 16px;}
footer .navbar-nav li.current-menu-item:after{display: none;}
footer .navbar-nav li.current-menu-item a{color: #438bd9;}
footer .navbar-nav li:hover a, footer .navbar-nav li a:focus{color: #438bd9;}
footer p{font-size: 14px; padding: 0; color: #fff; text-align: left; float: left;}
footer p:last-child{padding: 0; font-size: 18px;}
footer p a{font-family:'Open Sans', sans-serif; font-weight: 600;}
.opezee{float: right;}
.opezee img{margin: 0; border-radius: 5px;}

/*----------------------------About Us----------------------------*/

.inside-page-banner .banner-in{top: 168px !important;}
.inside-page-banner h1{font-size: 58px; font-family: 'Source Sans Pro', sans-serif; color: #438bd9; line-height: 100%; padding: 0 0 12px; letter-spacing: 6px;}
.inside-page-banner h3{font-size: 34px; color: #fff; letter-spacing: 0; word-spacing: 0; font-family: 'Comfortaa', cursive;}
.inside-page-about p{font-size: 21px; padding: 0 0 20px;}
.inside-page-about h2 span{padding: 2px 4px 2px !important; margin: 2px 9px 2px 0;}
.inside-page-about h2{font-size: 31px !important}
.inside-page-about .wht-txt{font-size: 20px !important;}
.over{color: #fff; background: #438bd9; line-height: 115%;}
.inside-page-about .about-holder{top: 302px; padding: 22px 0 0; background: rgba(0, 0, 0, 0.4);}
/*.inside-page-about .about-caption{width: 96%; position: relative;}
.inside-page-about .about-caption:before{position: absolute; left: -45px; width: 1px; height: 61px; content: ''; top: 0; background: #767676;}*/

section#about-us-sc{width: 100%; float: left; margin: 0; padding: 70px 0 60px;}
section#about-us-sc h3{color: #2c2929;}
section#about-us-sc ul{margin: 0; padding: 0; width: 100%; float: left;}
section#about-us-sc ul li{float: left; margin: 10px 1%; width: 48%;}

section#building-sc{width: 100%; float: left; margin: 0; padding: 100px 0 60px; text-align: center; background: url("images/building-bkg.jpg") no-repeat; background-size: cover; position: relative;}
section#building-sc .vertical-pin::after{top: -143px;}
.no-project-sc{margin: 30px 0 0; padding: 0; width: 100%; float: left;}
section#building-sc:after{position: absolute; bottom: 8px; left: 0; right: 0; width: 100%; margin: 0 auto; background: #438bd9; height: 3px; content: ''; transition: 0.5s all;}

section#team-investor-sc{width: 100%; float: left; margin: 0; padding: 40px 0 30px;}
section#team-investor-sc h3{font-size: 20px; color: #000;}
.team-investor-hldr{margin: 0; padding: 35px 0; width: 100%; float: left;}
.team-investor-hldr:nth-child(2n+1) img{float: right;}
.team-investor-hldr:nth-child(2n+2) img{float: left;}
.team-investor-content{margin: 0; padding: 0; width: 50%;}
.team-investor-hldr:nth-child(2n+1) .team-investor-content{float: left;}
.team-investor-hldr:nth-child(2n+2) .team-investor-content{float: right; text-align: right;}
.team-investor-content ul{margin: 20px 0 0; padding: 0 0 0 5px; width: auto;}
.team-investor-hldr:nth-child(2n+1) ul{float: left;}
.team-investor-hldr:nth-child(2n+2) ul{float: right;}
.team-investor-content ul li{width: auto; float: left;}
.team-investor-hldr:nth-child(2n+1) ul li{margin: 0 10px 0 0;}
.team-investor-hldr:nth-child(2n+2) ul li{margin: 0 0 0 10px;}
.team-investor-hldr:nth-child(2n+2) .horizontal-pin::after{left: auto; right: -121px;  -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg); transform: rotate(180deg);}

/*----------------------------Product Sub Page----------------------------*/

.product-sub-page-banner h1{font-size: 50px; position: relative; letter-spacing: 3px;}
.product-sub-page-banner h1:after{position: absolute; content: ''; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 60px; height: 4px; background: #438bd9;}

.product-sub-page-about .about-holder{height: 40px; padding: 0; top: 383px;}
.product-sub-page-about .about-holder::after{bottom: auto; top: 12px; }

/*----------------------------Optical Fiber Solution Page----------------------------*/

section#cabling-solution-sc{margin: 0; padding: 100px 0; width: 100%; float: left; text-align: center; position: relative;}
section#cabling-solution-sc h3{color: #474747;}
section#cabling-solution-sc ul{margin: 0; padding: 20px 0 0; float: left; width: 100%;}
section#cabling-solution-sc ul li{width: 19%; margin: 0 3%; padding: 20px 18px 10px; float: left; background: #f4f4f4; transition: 0.5s all; min-height: 210px; border-bottom: 3px solid #438bd9; position: relative; cursor: pointer;}
section#cabling-solution-sc ul li:after{position: absolute; content: ''; right: -60px; top: 50%; background: #438bd9; height: 1px; width: 56px;}
section#cabling-solution-sc ul li:last-child:after{display: none;}
section#cabling-solution-sc ul li img{margin: 0 auto 15px;}
section#cabling-solution-sc ul li h4{color: #7e7e7e; transition: 0.5s all;}
.cabling-icon-hvr{display: none;}
section#cabling-solution-sc ul li:hover{background: #438bd9;}
section#cabling-solution-sc ul li:hover h4{color: #fff;}
section#cabling-solution-sc ul li:hover .cabling-icon-hvr{display: inline-block;}
section#cabling-solution-sc ul li:hover .cabling-icon{display: none;}

section#feature-sc{margin: 0; padding: 100px 0; width: 100%; float: left; text-align: center; position: relative; }
section#feature-sc:after{position: absolute; top: 0; left: 0; right: 0; width: 100%; margin: 0 auto; background: #438bd9; height: 3px; content: ''; transition: 0.5s all;}
section#feature-sc img{width: 100%;}
.feature-hldr{margin: 20px 0 0; padding: 0; width: 100%; float: left; position: relative; overflow: hidden;}
.feature-hldr:after{position: absolute; content: ''; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 100%; height: 100%; z-index: 1; transition: 0.5s all;
background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 43%, rgba(0,0,0,0.84) 99%, rgba(0,0,0,0.86) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(43%, rgba(0,0,0,0)), color-stop(99%, rgba(0,0,0,0.84)), color-stop(100%, rgba(0,0,0,0.86)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 43%, rgba(0,0,0,0.84) 99%, rgba(0,0,0,0.86) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 43%, rgba(0,0,0,0.84) 99%, rgba(0,0,0,0.86) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 43%, rgba(0,0,0,0.84) 99%, rgba(0,0,0,0.86) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 43%, rgba(0,0,0,0.84) 99%, rgba(0,0,0,0.86) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );}
.feature-hldr h5{min-height: 83px;}
.feature-hldr h5, .feature-hldr p{color: #fff;}
.poles-feature-caption{position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 83px; margin: 0 auto; z-index: 2; padding: 20px 22px; transition: 0.5s all; overflow: hidden;}
.feature-hldr:hover .poles-feature-caption{height: 100%;}
.feature-hldr:hover h5{min-height: auto;}
.feature-hldr:hover:after{background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 20%, rgba(0,0,0,0.84) 99%, rgba(0,0,0,0.86) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(20%, rgba(0,0,0,0)), color-stop(99%, rgba(0,0,0,0.84)), color-stop(100%, rgba(0,0,0,0.86)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 20%, rgba(0,0,0,0.84) 99%, rgba(0,0,0,0.86) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 20%, rgba(0,0,0,0.84) 99%, rgba(0,0,0,0.86) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 20%, rgba(0,0,0,0.84) 99%, rgba(0,0,0,0.86) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 20%, rgba(0,0,0,0.84) 99%, rgba(0,0,0,0.86) 100%)
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );}
section#from-smart-sc{margin: 0; padding: 100px 0; width: 100%; float: left; text-align: center; position: relative; background: url("images/from-smart-bkg.jpg") no-repeat; background-size: cover;}
section#from-smart-sc:after{position: absolute; bottom: 17px; left: 0; right: 0; width: 100%; margin: 0 auto; background: #438bd9; height: 3px; content: ''; transition: 0.5s all;}
section#from-smart-sc h3{color: #474747;}
section#from-smart-sc ul{margin: 0 auto; padding: 20px 0 0; display: table; width: auto;}
section#from-smart-sc ul li{ float: left; margin: 0 5px; width: auto;}

section#download-sc{margin: 0; padding: 85px 0; width: 100%; float: left; text-align: center; background: #141414; overflow: hidden;}
.download-hldr{margin: 0 auto; padding: 0; width: 80%; display: table;}
.download-hldr h2{float: left; padding: 0; margin: 0;}
.download-hldr a{font-size: 23px; line-height: 120%; color: #fff; font-family: 'Comfortaa', cursive; font-weight: normal; background: #438bd9; padding: 20px 22px;}
.download-hldr a:hover{background: #fff; color: #438bd9;}
.download{background: #dd1e01; padding: 20px 15px; margin: 0 0 0 15px; display: none;}
.download img{width: 25px;}

/*----------------------------Smart Security----------------------------*/

.security-sc ul li{width: 18% !important; margin: 0 1% !important; min-height: 188px;}
.security-sc ul li:after{right: -20px !important; width: 17px !important;}

.security-services ul{width: 100%; text-align: left;}
.security-services ul li{font-size: 15px; line-height: 150%; font-weight: normal; color: #438bd9; font-family: 'Source Sans Pro', sans-serif; float: left; width: 49%; margin: 5px 2px !important; list-style: outside; padding: 0 14px 0 0;}
.security-services ul li span{color: #6a6a6a;}

.we-at-smart-sc ul li{width: 19% !important; margin: 0 3% !important;}
.we-at-smart-sc ul li img{margin: 0 0 15px;}

.constellation-sc{position: absolute; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; top: 0;}

/*----------------------------Smart Access----------------------------*/

.access-sc ul li{width: 21.33% !important; margin: 0 6% !important;min-height: 188px !important;}
.access-sc ul li:after{right: -127px !important; width: 120px !important;}

.access-smart-sc ul li{width: 14.66% !important; margin: 0 1% !important;}
.access-smart-sc ul li img{margin: 0 0 15px;}

/*----------------------------Smart Access----------------------------*/

.poles-feature:after{display: none;}
.poles-feature h5{font-size: 23px;}

.services-sc{background: url("images/services-bkg.jpg") no-repeat; background-size: cover;}
.services-sc ul{padding: 20px 0 35px !important;}
.services-sc ul li{width: 48% !important; margin: 10px 1% !important; min-height: 352px !important; text-align: left !important; padding: 35px 35px !important; background: #fff !important;}
.services-sc ul li:hover{background: url("images/services-icon-bkg.jpg") no-repeat !important; background-size: cover !important; background-color: transparent !important; border-bottom: 3px solid #000 !important; !important}
.services-sc ul li:after{display: none;}
.services-sc ul li h3{color: #438bd9 !important;}
.services-sc ul li:hover h3, .services-sc ul li:hover p{color: #fff !important;}
.services-sc ul li img{margin: 0 15px 0 0 !important;}

section#contact-page-sc{margin: 0; padding: 100px 0 60px; width: 100%; float: left;}
section#contact-page-sc h2, section#contact-page-sc h4{text-align: center;}
section#contact-page-sc h4{padding: 0 0 50px;}
ul.contact-info{margin: 0; padding: 10px 0 0; width: 100%; float: left;}
ul.contact-info li span.blue-txt{font-size: 30px;}
ul.contact-info li{font-size: 25px; font-weight: normal; color: #5f5f5f; font-family: 'Comfortaa', cursive; padding: 0 0 35px;}
ul.contact-info li img{margin: 0 8px 0 0;}
.contact-details{color: #5f5f5f; display: inline-table;}

.form-sc{margin: 0; padding: 0; width: 100%; float: left;}
.form-sc label{margin: 0 1% 30px; width: 48%; float: left; font-size: 16px; font-weight: normal; font-family: 'Comfortaa', cursive; color: #6a6a6a;}
.label-name{margin: 0 0 8px; float: left;}
.form-contact-page{border: 1px solid #d3d3d3; width: 100%; background: #fff none repeat scroll 0 0; color: #a2a2a2; float: left; height: 50px; margin: 0; padding: 0 15px; line-height: 50px; transition: all 1s; }
textarea.form-contact-page{height: 127px; width: 98%;}
.message{width: 100% !important;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a2a2a2;opacity:  1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #a2a2a2; opacity:  1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #a2a2a2; opacity:  1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #a2a2a2; opacity:  1;
}
::placeholder { color: #a2a2a2; }

.submit-contact-page{width: 33%; background: #438bd9; float: left;color: #fff; padding: 0; border: none; cursor: pointer; font-size: 23px; font-weight: normal; font-family: 'Comfortaa', cursive; margin: 0 5px; transition: 1s all; height: 68px; line-height: 68px;}
.submit-contact-page:hover{background: #373c3f; color: #fff;}
p.cntct-info{float: left;}
.contact-social{margin: 0; padding: 0; width: auto; float: left;}
.contact-social h2{float: left; padding: 6px 10px 0 0; color: #2c2929;}
section#contact-page-sc ul.social-icons{float: left; margin: 0;}
section#contact-page-sc ul.social-icons li a{color: #438bd9; }
section#contact-page-sc ul.social-icons li i{border: 2px solid #438bd9;}
section#contact-page-sc ul.social-icons li:hover i{border: 2px solid #000; color: #000;}

section#map-sc{margin: 0; padding: 0; width: 100%; float: left;}


.career-page-sc{background: transparent !important;}
.career-page-path-sc{padding: 83px 0 !important; background: transparent !important;}
.career-page-path-sc:after{display: none;}
.src-bld{font-weight: 700;}
.career-jpb-apply-sc{background: #f4f4f4; padding: 85px 0 60px !important;}
.career-jpb-apply-sc .team-investor-hldr{padding: 15px 0;}
.career-jpb-apply-sc ul{margin: 0 0 20px !important}
.career-jpb-apply-sc ul li{width: 100%; list-style: inside; color: #3b76d8;}
.career-jpb-apply-sc ul li span{color: #3b3838; font-size: 20px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400;}
.career-jpb-apply-sc h4:nth-child(2){padding: 0 !important;}
.career-jpb-apply-sc h5{font-size: 26px; font-family: 'Comfortaa', cursive; font-weight: 400;}


.ofc-solution-sc .feature-hldr h5{position: absolute; bottom: 0; z-index: 9; width: 100%; text-align: center; min-height: 65px;}


/*----------------------------Services Extra Page----------------------------*/

section#cabling-solution-serv-sc{margin: 0; padding: 100px 0; width: 100%; float: left; text-align: center; position: relative;}
section#cabling-solution-serv-sc h3{color: #474747;}
section#cabling-solution-serv-sc ul{margin: 0; padding: 20px 0 0; float: left; width: 100%;}
section#cabling-solution-serv-sc ul li{width: 19%; margin: 0 3%; padding: 20px 18px 10px; float: left; background: #f4f4f4; transition: 0.5s all; min-height: 210px; border-bottom: 3px solid #438bd9; position: relative; cursor: pointer;}
section#cabling-solution-serv-sc ul li:after{position: absolute; content: ''; right: -60px; top: 50%; background: #438bd9; height: 1px; width: 56px;}
section#cabling-solution-serv-sc ul li:last-child:after{display: none;}
section#cabling-solution-serv-sc ul li img{margin: 0 auto 15px;}
section#cabling-solution-serv-sc ul li h4{color: #7e7e7e; transition: 0.5s all;}
.cabling-icon-hvr{display: none;}
section#cabling-solution-serv-sc ul li:hover{background: #438bd9;}
section#cabling-solution-serv-sc ul li:hover h4{color: #fff;}
section#cabling-solution-serv-sc ul li:hover .cabling-icon-hvr{display: inline-block;}
section#cabling-solution-serv-sc ul li:hover .cabling-icon{display: none;}

.form-status{display: table; margin: 0 auto; padding: 20px 0 0; clear: both;}

.footer-bottom-sc p a{color: #fff; font-weight: 400;}

.highway-services{padding: 100px 0 30px !important;}
.about-building .vertical-pin::after{top: -101px !important;}

.person{margin: 0 100px 0 0;}

.services-sc{padding: 100px 0 50px !important;}

ul.contact-list li:nth-child(3) .wht-txt br{display: none;}

section#about-us-sc ol{margin: 0; padding: 0 0 10px 15px; width: 100%; float: left; text-align: left;}
section#about-us-sc ol li{width: 100% ; float: left; font-size: 15px; line-height: 150%; font-weight: 400; color: #6a6a6a; font-family: 'Source Sans Pro', sans-serif; list-style: inherit; padding: 0 0 4px 0;}

.banner-img-responsive{display: none;}

.partners-team-sc{padding: 80px 0 60px !important;}
.partners-team-sc .team-investor-content{padding: 35px 0 0;}
section#existing-partners-sc{margin: 0; padding: 100px 0 60px; width: 100%; float: left; background: #f4f4f4; }
section#existing-partners-sc h3{color: #000;}
section#existing-partners-sc img{border: 1px solid #ddd;}
section#existing-partners-sc .team-investor-hldr:nth-child(odd) img{float: left; margin: 0 25px 0 0;}
section#existing-partners-sc .team-investor-hldr:nth-child(even) img{float: right; margin: 0 0 0 25px;}
section#existing-partners-sc .team-investor-content{width: 77%;}