/* CSS Document */
a:hover, a:active, a:focus{outline : none; border:0;}
 @font-face {
    font-family: 'icomoon';
   src: url('../fonts/icomoon.eot?d9p273');
   src: url('../fonts/icomoon.eot?d9p273#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?d9p273') format('truetype'),
        url('../fonts/icomoon.woff?d9p273') format('woff'),
        url('../fonts/icomoon.svg?d9p273#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
 body{font-family: 'Ubuntu', sans-serif; font-size:14px;} 	
.RFONT{font-family: 'Montserrat', sans-serif;}
.OFONT{font-family: 'Open Sans', sans-serif;}
.R-FONT{font-family: 'Raleway', sans-serif;}
.U-FONT{font-family: 'Ubuntu', sans-serif;}
 
 .icon-phone:before {content: "\e942"; color:#646364; padding:0 5px 0 0px;}
 .icon-envelope:before {content: "\f0e0"; color:#646364; padding:0 5px 0 0px;}
 .icon-user-tie:before { content: "\e976"; color:#fabd02; padding:0 5px 0 0px;} 
 .icon-location2:before {content: "\e948";color:#fabd02; padding:0 5px 0 0px;} 
 .icon-th-list:before { content: "\f00b";color:#fff;}
 
.top-bar{ width:100%; margin:auto; background-color:#f1efef; }
.social{ text-align:left;}
.social ul{ list-style:none; padding:0px; margin:0px;}
.social ul li{ list-style:none; padding:0px; margin:10px 15px 10px 0px; display:inline-table;}

.social ul li a.pint{ width:30px; height:30px; background-color:#a8a7a7; display:block; border: none;  border-radius: 50%;transition: background-color 0.5s ease; }
.social ul li a.pint:hover{ width:30px; height:30px; background-color:#bd081c; display:block; border: none;  border-radius: 50%; }
.social ul li a.pint img{ width:15px; height:13px; margin:8px 0 0 8px; }

.social ul li a.twitter{ width:30px; height:30px; background-color:#a8a7a7; display:block; border: none;  border-radius: 50%;transition: background-color 0.5s ease;}
.social ul li a.twitter:hover{ width:30px; height:30px; background-color:#1da1f2; display:block; border: none;  border-radius: 50%; }
.social ul li a.twitter img{ width:15px; height:12px; margin:8px 0 0 8px; }

.social ul li a.facebook{ width:30px; height:30px; background-color:#a8a7a7; display:block; border: none;  border-radius: 50%;transition: background-color 0.5s ease;}
.social ul li a.facebook:hover{ width:30px; height:30px; background-color:#4867aa; display:block; border: none;  border-radius: 50%;transition: }
.social ul li a.facebook img{ width:15px; height:15px; margin:8px 0 0 8px; }
.information{ text-align:right;}
 
.top-mail { list-style:none;text-align:right; margin:10px 0 10px 0px;}
.top-mail li{  font-weight:400; font-size:16px; display:inline-table; display:inline-block; color:#585858; margin:0 35px 0px 0px;}
.top-mail li a{ color:#585858; text-decoration:none;}
.top-mail li a:hover{ color:#b42129; text-decoration:underline;}
.logo1{ float:left; margin:15px 0 8px 0px;}
.logo1 img{text-align:center; max-width:260px;}
.navigat1{ float:right; text-align:right; margin:55px 0 0 0px}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {font-size: 0; 
    margin-top: -10px;
   /* height: 30px;
	width: 30px;*/ }
	
.red-border{ border-top: solid 8px #b42129;}
.carousel-text{ position:absolute; color:#ffffff; top:25%; left:19%; z-index:10; max-width:500px;}
.slider-caption1{font-family: 'Raleway', sans-serif; font-weight:700; font-size:48px; line-height:54px; margin:0 0 20px 0px;  text-transform:uppercase; color:#fff;}   
.slider-subcaption1{font-size:16px; color:#fff;}
.slider-subcaption1 span{ color:#ed1c28; font-weight:500;}

.main-service{ background:#f1efef url(../images/welcome-bg.jpg) center top repeat-y; }
.left-web{ padding:60px 0 60px 0px;}
.right-host{ padding:60px 0 60px 0px;}
.sub-head1{font-family: 'Raleway', sans-serif; font-weight:600; font-size:30px; margin:30px 0 20px 0px; color:#000;}
.main-service p{ margin:30px 0 20px 0px; color:#585858; width:70%; margin:0 auto; }
.web-element1{width: 95px; height: 95px; background: url(../images/web-element1.png) left 0px no-repeat; margin:0 auto; display: block;}
.web-element1:hover{width: 95px; height: 95px; background: url(../images/web-element1.png) left -170px no-repeat; margin:0 auto;transition: all 0.5s ease-in-out;}

.hosting1{width: 95px; height: 95px; background: url(../images/hosting1.png) left 0px no-repeat; margin:0 auto; display: block;}
.hosting1:hover{width: 95px; height: 95px; background: url(../images/hosting1.png) left -170px no-repeat; margin:0 auto;transition: all 0.5s ease-in-out;}
  
.welcome-section{padding:60px 0 80px 0px;}  
.welcome-section ul{list-style:none; text-align:center; margin:0px 0 40px 0px;} 
.welcome-section ul li{text-align:center; display:inline-table;} 
.welcome-section h1{font-family: 'Raleway', sans-serif; font-weight:600; font-size:40px; float:left; margin-bottom: -13px; }  
.line1{ vertical-align:top; float:left;}  
.welcome-section p{ width:80%; margin:0 auto; font-size:16px; line-height:30px;} 
.welcome-c{margin:60px 0 0px 0px;}
.welcome-btn{ background-color:#b42129; border-radius:0; padding:12px 40px 12px 40px; color:#fff; font-family: 'Raleway', sans-serif; font-weight:400; font-size:16px;}
.welcome-btn:hover{background-color:#b42129; border-radius:0; padding:12px 40px 12px 40px; color:#fff; font-family: 'Raleway', sans-serif; font-weight:400; font-size:16px;}
.parallex-1{background-image: url(../images/service-bg.jpg); max-height:800px; height:auto; background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}  
.service-space{padding:60px 0 60px 0px;}  
.service-heading{list-style:none; text-align:center; margin:0px 0 40px 0px;} 
.service-heading li{text-align:center; display:inline-table;} 
.service-heading h1{font-family: 'Raleway', sans-serif; font-weight:600; font-size:40px; float:left; margin-bottom: -13px; color:#fff;}  
.service-heading.line1{vertical-align:top; float:left;}  
.services{list-style:none; text-align:center;} 
.services li{ text-align:center; display:inline-table; width: 30%; margin:20px; color:#fff;}    
.services h2 {font-family: 'Raleway', sans-serif; font-weight:600; font-size:24px; margin:30px 0 20px 0px; color:#fff;}
  
.web-service{width: 95px; height: 95px; background: url(../images/web-service.png) left 0px no-repeat; margin:0 auto; display: block;}
.web-service:hover{width: 95px; height: 95px; background: url(../images/web-service.png) left -170px no-repeat; margin:0 auto;transition: all 0.5s ease-in-out;} 
.web-developement{width: 95px; height: 95px; background: url(../images/web-developement.png) left 0px no-repeat; margin:0 auto; display: block;}
.web-developement:hover{width: 95px; height: 95px; background: url(../images/web-developement.png) left -170px no-repeat; margin:0 auto;transition: all 0.5s ease-in-out;}   
.hosting{width: 95px; height: 95px; background: url(../images/hosting.png) left 0px no-repeat; margin:0 auto; display: block;}
.hosting:hover{width: 95px; height: 95px; background: url(../images/hosting.png) left -170px no-repeat; margin:0 auto;transition: all 0.5s ease-in-out;}     
.mobile{width: 95px; height: 95px; background: url(../images/mobile.png) left 0px no-repeat; margin:0 auto; display: block;}
.mobile:hover{width: 95px; height: 95px; background: url(../images/mobile.png) left -170px no-repeat; margin:0 auto;transition: all 0.5s ease-in-out;}  
.seo{width: 95px; height: 95px; background: url(../images/seo.png) left 0px no-repeat; margin:0 auto; display: block;}
.seo:hover{width: 95px; height: 95px; background: url(../images/seo.png) left -170px no-repeat; margin:0 auto;transition: all 0.5s ease-in-out;}    
.domain{width: 95px; height: 95px; background: url(../images/domain.png) left 0px no-repeat; margin:0 auto; display: block;}
.domain:hover{width: 95px; height: 95px; background: url(../images/domain.png) left -170px no-repeat; margin:0 auto;transition: all 0.5s ease-in-out;}     


.clients h3 { font-weight:400; font-size:18px; margin:30px 0 20px 0px; color:#000; text-align:center; color:#585858;}

 /*logo slider*/
h1.heading2-color{ color:#000;}
.client-space{ padding:40px 0 40px 0px;} 
 *, *:before, *:after {box-sizing: border-box;}
$bg-color: #d9d8c6;
$primary-color: #5b5a5c;
$secondary-color: darken($primary-color, 15%);
.suga-slider-group li {list-style: none;}
.suga-container {
  padding: .2em;
  max-width: 100%;
  margin:0 auto;  }
.suga-slider-wrap {overflow: hidden; margin: 1em;}
.suga-slider-group { list-style: none;}
  &:before,
  &:after {content: " ";display: table; }
  &:after {clear: both; }
.suga-slide {float:left; position:relative; margin-left:0; padding-right:8px; margin-right:8px;}
 

.footer-section{ width: 100%; margin:0 auto; background-color:#111; padding:40px 0 40px 0px;}
.footer-section h4{ font-size:16px; color:#fff; text-transform:uppercase; padding:20px 0 0 0}
.footer-section p{color:#919191; line-height:26px;}
.footer-section p a{color:#fabd02;}
.footer-section p a:hover{color:#ff2c0f;}
.links1{ list-style:none; padding:0px; margin:0px;}
.links1 li{ padding:0px; margin:0 20px 8px 0px; float:left; width:42%;}
.links1 li a{color:#919191; background:url(../images/footer-arrow.png) left 5px no-repeat; padding:2px 0 8px 16px; display:block; border-bottom: solid 1px #363636;}
.links1 li a:hover{transition: all 0.5s ease-in-out; color:#ff2c0f; background:url(../images/footer-arrow.png) left -79px no-repeat; text-decoration:none; }
.address-home{list-style:none; padding:0 0 30px 0px; margin:0px;}
.address-home li{ padding:0px; margin:0 0 5px 0px; }
.address-home li h5{color:#fff;}
.address-home li span{}
.address1{ color:#919191;}
.address1 .icon-phone{ float:left;}
.address1 font{ float:left;}
.address1 .icon-location2:before{ float:left; margin:5px 0 0 0px; }
.phone2{ color:#fff; }
.phone2 .icon-user-tie::before{ }
.phone2 font{ color:#919191; }
.phone{font-size:13px; color:#fff; }
.phone font{ color:#919191; }
.mail{color:#919191; }
.mail .icon-envelope{color:#919191; padding-right:5px;} 
.mail a{color:#f8d030; }
.mail a:hover{color:#ff2c0f; text-decoration:none;}
.copyright-section{ background-color:#222222; text-align:center; padding:20px 0 20px 0px;}
.copyright-text{ color:#bdbebe; }
.bytext{ color:#777a7b; } 
/******instrumentation-cable********/
 .container-full{ width:100%; margin:0 auto; /*text-align:center;*/}
 .container-full img{ width:100%; margin:0 auto;}
 .left-links{margin:40px 0 0 0px; float:left;}
 .content-section{margin:40px 0 0 0px; float:right;}
 .link-tab{ background-color:#fab702; padding:15px 0 15px 0px;}
 .link-tab .icon-th-list:before{ float:left; font-size:18px; padding:0px; margin:2px 8px 0 15px;}
 .link-tab h2{ float:left; font-size:18px; color:#fff; margin-top:0px; margin-bottom:0px;}
.sidelinks{ padding:20px 0 30px 0px; margin:0px; background-color:#f4f6f6;}
.sidelinks ul{ padding:0px; margin:0px; list-style:none;}
.sidelinks ul li{  font-size:13px; padding:0 0 0 0px; border-bottom: solid 1px #dadbdb;}
.sidelinks ul li a{ color:#383838; background:url(../images/left-arrow.png) 12px 12px no-repeat; padding:8px 0 8px 30px; display:block;}
.sidelinks ul li a:hover{ color:#383838; background:url(../images/left-arrow.png) 12px -72px no-repeat; display:block; background-color:#FFFFFF; }
    

 
<!---------->
 
 @media screen and (max-width : 320px){
 .top-mail { text-align:center;}
 .logo1{ float:none; text-align:center; }
 .logo1 img{text-align:center; width:150px;}
 .navigat1{ float:none; margin:10px 0 0 0px; padding:0 0px 0 0px; }
 .carousel-text{ top:10%; left:19%; z-index:10; max-width:500px; display:none;}
 .slider-caption1{ font-size:16px; }   
 .slider-subcaption1{ font-size:12px; color:#fff;}
 .slider-btn{ margin:2% 0 0 0%;}
 .isocaption{ text-align:center;}
 .getinbtn{ text-align: center;}
 .text-centre p{ width:90%;}
 .thumbnail a>img, .thumbnail>img{ width:100%;}
  }
 
 @media screen and (max-width : 639px){ 
 .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { display:none;}
 } 
 
 
  @media screen and (max-width : 768px){
.top-mail { text-align:center;}
.logo1{ float:none; text-align:center; }
.logo1 img{text-align:center; width:200px; margin:20px 0 20px  0px;}
.navigat1{ float:none; margin:10px 0 0 0px; padding:0 0px 0 0px; }
.carousel-text{ top:10%; left:19%; z-index:10; max-width:400px; display:none;}
.slider-caption1{ font-size:18px; }   
.slider-subcaption1{ font-size:12px; color:#fff;}
.slider-btn{ margin:2% 0 0 0%;}
.isocaption{ text-align:center;}
.getinbtn{ text-align: center; margin-top:15px;}
.text-centre p{ width:90%;}
.thumbnail a>img, .thumbnail>img{ width:100%;}
.social ul {text-align: center;}
.social ul li a.pint img { margin: 8px 0 0 1px;}
.social ul li a.twitter img { margin: 8px 0 0 2px;}
.social ul li a.facebook img {margin: 8px 0 0 0px;}
.main-service{ background-image:none;} 
.left-web { padding: 60px 0px 0px 0px;}
.main-service p{ width:80%; margin:0 auto; }
.welcome-section h1 { font-size: 36px;float:none; margin-bottom:15px;}
.line1 {vertical-align: middle; float: none; }
.service-heading h1 {font-size: 36px; float:none; margin-bottom:15px;}
.services li { width: 90%; }
.parallex-1 { max-height:2088px;}
.services li {margin:20px 20px 20px 0px;}
.service-heading li {width: 100%; }




  }
 
 
 @media screen and (max-width : 800px){
 .top-mail { text-align:center;}
 .logo1{ float:none; text-align:center; }
 .logo1 img{text-align:center;}
 .navigat1{ float:none; margin:10px 0 0 0px; padding:0 0px 0 0px; }
 .row{ margin:0 -15px 0 -15px;}
 .carousel-text{ top:10%; left:19%; z-index:10; max-width:500px;}
 .slider-caption1{ font-size:20px; }   
 .slider-subcaption1{ font-size:14px; color:#fff;}
 .slider-btn{ margin:2% 0 0 0%;}
 .isocaption{ text-align:center;}
 .getinbtn{ text-align: center;}
 .text-centre p{ width:90%;}
  }