@font-face {
  font-family: 'HelveticaNeueLTStd-Roman';
  src: url('../fonts/HelveticaNeueLTStd-Roman.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaNeueLTStd-Roman.otf')  format('opentype'),
	     url('../fonts/HelveticaNeueLTStd-Roman.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Roman.ttf')  format('truetype'), url('../fonts/HelveticaNeueLTStd-Roman.svg#HelveticaNeueLTStd-Roman') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeue-BlackCond';
  src: url('../fonts/HelveticaNeue-BlackCond.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaNeue-BlackCond.otf')  format('opentype'),
	     url('../fonts/HelveticaNeue-BlackCond.woff') format('woff'), url('../fonts/HelveticaNeue-BlackCond.ttf')  format('truetype'), url('../fonts/HelveticaNeue-BlackCond.svg#HelveticaNeue-BlackCond') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {font-family: 'Open Sans', Arial, sans-serif;; color:#000; font-weight:300; font-size:16px; background:#fff; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased;}
html, body {height:100%;}
img{ max-width:100%; height:auto; font-smoothing:antialiased;}
a, .btn-link {color:#626262;}
.btn-link:hover { color:#a53236; text-decoration:none;}
a, button, input[type=submit]{-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
a:hover, a:focus, button, .btn{ text-decoration:none; outline:0 !important; outline-offset:0px !important;}
label { font-weight:normal;}
h1, h2, h3, h4, h5 { color:#000;}
a h1, h1 a, a h2, h2 a, a h3, h3 a, a h4, h4 a, a h5, h5 a {color:#1a6c9d;}
h1 { font-size:36px;}
h2 { font-size:24px;}
h3 { font-size:20px;}
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.pt10 { padding-top:10px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt40 { padding-top:40px;}
.pt50 { padding-top:50px;}
.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}
.pb30 { padding-bottom:30px;}
.pb40 { padding-bottom:40px;}
.pb50 { padding-bottom:50px;}
.pad-left { padding-left:0 !important;}
.data-table { display:table; width:100%; height:100%; table-layout:fixed; }
.data-cell { display:table-cell; vertical-align:middle; float:none;}
.rtl.data-table { direction:rtl; }
.rtl.data-table .data-cell { direction:ltr; }
.rtl.data-table .data-cell.featimg { text-align:-webkit-right; }
iframe {width:100% !important;}
sub, sup {font-size:50%; top:-.6em;}
.panel {box-shadow:none; border:none; border-radius:0;}
.form-control {box-shadow:none !important; font-weight:400; border-radius:0;}
.form-group-lg .form-control {box-shadow:none !important; font-weight:400; border-radius:0;}
textarea.form-control {height:125px;}

.gray-bg { background-color:#f7f7f7;}
.green-bg {background-color:#40b16f;}
.btn-red {background-color:#a53236; color:#000; font-weight:400; border-radius:0px;}
.btn-red:hover, .btn-red:focus {background-color:#a53236; color:#000;}
.btn-arrow { padding-right:30px; position:relative; font-size:16px;}
.arrow-right {background:url(../images/arrow-right.png) no-repeat center; width:20px; height:100%; position:absolute; top:0; right:5px; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.btn-arrow:hover .arrow-right, .btn-arrow:hover .arrow-right { right:0px;}


.btn-black { text-transform:uppercase; background-color:#4c4c4c; color:#fff; border-radius:0px; font-size:13px; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.btn-black:hover, .btn-black:focus { background-color:#000; color:#fff;}

.btn-gray { text-transform:uppercase; background-color:#4c4c4c; color:#fff; border-radius:0px; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.btn-gray:hover, .btn-gray:focus { background-color:#333; color:#fff;}

.btn-white { text-transform:uppercase; background-color:#fff; color:#a53236; border-radius:0px; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.btn-white:hover, .btn-white:focus { background-color:#fff; color:#a53236;}


.btn-broun-border {text-transform:uppercase; background-color:transparent; color:#dd5c40; border-radius:30px; border-color:#dd5c40; border-width:2px; border-style:solid;}
.relative {position:relative;}
.section { padding:40px 0;}
.container { max-width:1300px; width:100%;}
.icon {background:url(../images/sprites.png) no-repeat; display:inline-block; vertical-align:middle;}
/* Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-dots {text-align:center; width: 100%; position:absolute; bottom:15px; left:0;}
.slick-dots li {display:inline-block; list-style:none; margin:3px; position: relative;}
.slick-dots li button{background:none; border:solid 1px #fff; width:14px; height:14px; border-radius:50%; display:inline-block; font-size:0; line-height:14px;}
.slick-dots li.slick-active button {background-color:#fff;}
.slick-prev, .slick-next {text-indent:-9999px; border:none; background:url(images/sprites.png) no-repeat; width:48px; height:48px; position:absolute; top:50%; opacity:0.6; margin-top:-24px;}
.slick-prev { background-position:-214px -56px; left:0;}
.slick-next { background-position:-263px -56px; right:0;}
.slick-prev:hover, .slick-next:hover { opacity:1;}
.slick-next.slick-disabled, .slick-prev.slick-disabled {opacity:0.2; cursor:not-allowed}
/* Slider */

/** Header **/
#header {text-align:center; position:fixed; top:0; left:0; width:100%; z-index:99; background-color:transparent; padding:15px 0; -webkit-transition: all 0.5s ease; -webkit-transition-duration:0.4s; transition-duration:0.4s;}

#header .container { position:relative;}
.navbar-brand {padding:0px; padding:0; height:68px; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.navbar-brand  img { height:100%;}
.navigation {display:block; float:right; margin-top:10px;}
.navigation .navbar-nav { padding:5px 0 0;}
.navigation .navbar-nav > li { padding:0;}
.navigation .navbar-nav > li > a { color:#fff; font-size:18px; text-transform:uppercase; padding:6px 25px; font-weight:500; position:relative; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.navigation .navbar-nav > li.active > a, .navigation .navbar-nav > li > a:hover, .navigation .navbar-nav > li > a:focus {color:#a53236; background-color:transparent;}

.navigation .navbar-nav > li > a.btn-broun { background-color:transparent; border-radius:0px; border:2px solid #a53236; color:#a53236; padding:4px 25px 4px;}

.navigation .dropdown-menu {border-radius:0; box-shadow: 0 3px 6px -4px rgba(0,0,0,0.2); left:0; border:none; padding:0; -webkit-transition-duration:0.4s; transition-duration:0.4s; visibility:hidden; opacity:0; display:block; background-color:#ececec; min-width:180px; border-radius:0 0 5px 5px;}
.navigation .dropdown-menu li {display:block; margin:0 0px; vertical-align:top;}
.navigation .dropdown-menu >  li > a {font-size:14px; padding:12px 8px; color:#a53236; position:relative; line-height:1.2; -webkit-transition-duration:0.4s; transition-duration:0.4s; font-weight:700; border-bottom:1px solid #f7f7f7;}
.navigation .dropdown-menu li.active a, .navigation .dropdown-menu > li > a:hover, .navigation .dropdown-menu > li > a:focus { color:#fff; background-color:#a53236;}
.navigation .dropdown-menu li:last-child a { border-bottom:0; border-radius:0 0 5px 5px;}

.toggle-btn {position: absolute; top:4px; right: 0; z-index: 999999; cursor: pointer; width:50px; height:50px; -webkit-transition-duration:0.4s; transition-duration:0.4s; display:none;}
.toggle-btn:focus {outline: none;}
.toggle-btn span, .toggle-btn span:before, .toggle-btn span:after { left:0; content: ''; position: absolute; display: block; width:30px; height:3px; background:#a53236; cursor: pointer;}
.toggle-btn span {top:25px; left:10px;}
.toggle-btn span:before {top:-10px;}
.toggle-btn span:after {bottom: -10px}
.toggle-btn span, .toggle-btn span:before, .toggle-btn span:after {-webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.toggle-btn.active span {background-color: transparent}
.toggle-btn.active span:before, .toggle-btn.active span:after {top: 0; background:#fff;}
.toggle-btn.active span:before {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.toggle-btn.active span:after {top: 10px; -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg);}
.no-scroll {overflow:hidden; left:-230px;}
/*.no-scroll #header { left:-230px;}*/
.bg-overlay {background:rgba(0,0,0,0.6); width:100%; height:100%; position:fixed; z-index:999; top:0; left:0; display:none;}
.bg-overlay.active {display:block;}
.toggle-btn.active { right:230px;}

#header.fixed {background-color:rgba(0,0,0,0.9); animation:smoothScroll 1s forwards; padding:6px 0;}
#header.fixed  .navbar-brand { height:40px;}
#header.fixed  .navigation {margin-top:0;}
#header.fixed  .navigation .navbar-nav {padding:4px 0 0;}

/** Header **/

/*Banner*/
.col-banner {height:100%; width:100%;}
.home-slider { height:100%; width:100%;}
.home-slider .item { height:100%; background-repeat:no-repeat; background-color:#999; background-size:cover; background-position:center;}
.home-slider, .home-slider .item, .slick-slider .slick-track, .slick-slider .slick-list {height: 100%;}
.home-slider .item { width:100%; height:100%; position:relative;}
.banner-text { width:400px;}
.banner-text .banner-title {font-size:38px; font-weight:700; text-transform:uppercase; padding:0; margin:0; color:#fff; }
.banner-text p {color:#787878; font-size:16px;}
.home-slider  .slick-dots { margin:0px 0 0; padding:0;}
.home-slider .slick-dots li button {border-color:#a53236; } 
.home-slider .slick-dots li.slick-active button { background-color:#a53236;}
/*Banner*/

.signup-sec .header-title { padding-bottom:10px;}
.signup { max-width:560px; margin:0 auto; width:100%; border:1px solid #d1d1d1; padding:1px;}
.signup .form-control { border:none; border-radius:0; box-shadow:none;}
.signup .form-control:focus { box-shadow:none;}
.signup .input-group-btn>.btn {border-radius:0; }
.signup .input-group-btn:last-child>.btn, .signup .input-group-btn:last-child>.btn-group { margin-left:0;}
.signup .input-group-lg>.input-group-btn>.btn { font-size:14px;}
.inner-signup .signup .input-group-lg>.input-group-btn>.btn-black { background-color:#a53236;} 
.inner-signup .signup .input-group-lg>.input-group-btn>.btn-black:hover, .inner-signup .signup .input-group-lg>.input-group-btn>.btn-black:focus { background-color:#811a1d;}
.inner-signup .form-control { background-color:transparent; font-size:16; font-weight:300;}
/*Footer*/
#footer { padding:30px 0; background-color:#fff;}
#footer .container { border-top:1px solid #d1d1d1; padding-top:20px;}
#footer.inner-footer > .container { border-top:0;}
.footer-nav-title { font-size:14px; font-weight:300;  color:#242424; font-family: 'HelveticaNeue-BlackCond'; opacity:0.8}
.footer-nav { display:block; float:none; margin-bottom:8px; padding:0;}
.footer-nav > li > a { color:#242424; font-size:12px; padding:6px 0px; font-weight:300; line-height:14px; position:relative; font-family: 'HelveticaNeueLTStd-Roman'; opacity:0.8}
.footer-nav > li > a:hover, .footer-nav > li > a:focus, .footer-nav > li.active > a { color:#000; background:none; opacity:1;}
#footer .navbar-nav > li > a:before {position:absolute; content:""; background-color:#adadad; height:12px; left:0; top:50%; width:2px; margin-top:-6px; }
#footer .navbar-nav > li:first-child > a:before {display:none;}

.footer-logo { padding-right:40px;}
.social {padding:20px 0 8px 0px; position:relative;}
.social p { font-size:14px; color:#242424; font-weight:400; font-family: 'HelveticaNeueLTStd-Roman'; opacity:0.8; }
.social ul {margin:10px 0 20px; padding:0; list-style:none; text-align:left;}
.social li {display:inline-block; vertical-align:top; margin-left:16px; padding:0px;}
.social-icon { background-image:url(../images/social-icon.png); display:inline-block; vertical-align:middle; width:38px; height:38px; line-height:38px; }
.facebook { background-position:-3px 0;}
.linkedin { background-position:-68px 0;}
.tumblr { background-position:-127px 0;}
.social li:first-child {margin-left:0;}
.social li a {display:block; position:relative;  text-align:center; /*line-height:42px; width:42px; height:42px;*/ opacity:0.7;}
.social li a:hover, .social li a:focus { opacity:1;}

/*.footer-logo { padding-right:40px;}
.social {padding:20px 0 8px 0px; position:relative;}
.social p { font-size:14px; color:#242424; font-weight:400; font-family: 'HelveticaNeueLTStd-Roman'; opacity:0.8; }
.social ul {margin:10px 0 20px; padding:0; list-style:none; text-align:left;}
.social li {display:inline-block; vertical-align:top; margin-left:10px; padding:0 10px;}
.social li:first-child {margin-left:0;}
.social li a {font-size:46px; color:rgba(0,0,0,0.8); display:block; position:relative;  text-align:center; /*line-height:42px; width:42px; height:42px;*/ opacity:0.7;}
.social li a:hover, .social li a:focus { opacity:1;}*/
.footer_address { font-size:12px;}
.address-title {font-size:14px; font-weight:300;  color:#242424; font-family: 'HelveticaNeue-BlackCond'; margin-bottom:4px; opacity:0.8;} 
.footer_address address { margin-bottom:10px; font-family: 'HelveticaNeueLTStd-Roman'; line-height:1.3; color:#242424; opacity:0.8; font-size:12px;}
/*Footer*/
.breadcrumb {padding:8px 20px; background:none;}
.breadcrumb>li {text-transform:uppercase;}
.breadcrumb>.active {font-weight:500;}
.breadcrumb>li+li:before {content:"|"}
/**/
.title { font-size:38px; font-weight:700; text-transform:uppercase; padding:0; margin:20px 0; color:#a53236;}
/* .header-title {padding:0px 5% 30px;} */
.header-title {padding:0px 5% 1px;}
.header-title p {font-size:18px;}
.header-title .title { font-size:36px; color:#a53236; font-weight:700;}
.page-title { padding:0 20px;}
.page-title p { font-size:18px;}
.header-page-title .title { font-size:36px; color:#a53236; font-weight:700; margin-bottom:0;}
.header-page-title  .breadcrumb { padding:0;}
.arrow-list { list-style:none; padding:0; margin:0;}
.arrow-list li { font-size:18px; padding:8px 0 8px 25px; background:url(../images/arrow-right.png) no-repeat 0px 13px; }

.service-panel { padding:0 15px;}
.service-panel-text {min-height:260px;}
.service-panel-text .title { font-size:22px; font-weight:500; color:#202020;}
.service-panel-text ul { padding:0; margin:0; list-style:none;}
.service-panel-text ul li {background:url(../images/right-arrow.png) no-repeat scroll 0 10px; font-weight:400; padding:5px 0 5px 20px;}
.service-offerings  .slick-dots { position:relative; bottom:0; margin:20px 0 0; padding:0;}
.service-offerings  li button {border-color:#6e6e6e; } 
.service-offerings li.slick-active button { background-color:#6e6e6e;}

.patner-list ul { padding:0; margin:0; list-style:none;}
.patner-list ul li { display:block; float:left; width:25%; text-align:center; padding:15px; position:relative;}
.patner-list ul li:before, .patner-list ul li:after { position:absolute; content:''; background:url(../images/dotted.png) repeat; margin:0 auto;}
.patner-list ul li:before { width:80%; height:3px; left:0; top:0; right:0;}
.patner-list ul li:nth-of-type(1):before, .patner-list ul li:nth-of-type(2):before, .patner-list ul li:nth-of-type(3):before, .patner-list ul li:nth-of-type(4):before  { visibility:hidden;}
.patner-list ul li:after {width:3px; height:80%; top:15px; right:0;}
/*.patner-list ul li figure { border-left:2px dotted #7b7b7b; border-top:2px dotted #7b7b7b;}*/

.content-slider .item { padding:0 10px;}
.content-panel { border:1px solid #bdbfc0; padding:20px; color:#ababab; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.content-panel .title { font-weight:300; font-size:20px; color:rgba(255,255,255,0.7); margin-top: 0;}
.content-panel .btn-white { font-weight:700; opacity:0; -webkit-transition-duration:0.6s; transition-duration:0.6s;}
.content-panel:hover { background-color:#a53236; color:#fff; border:1px solid #a53236;}
.content-panel:hover .title {color:#fff;}
.content-panel:hover .btn-white {opacity:1;}
.content-slider-bg { background-repeat:no-repeat; background-position:center; background-size:cover;} 

.content-slider .arrow-prev, .content-slider .arrow-next  { position:absolute; top:50%; margin-top:-25px; width:40px; height:40px; line-height:40px; background-color:rgba(0,0,0,0.2); border:none; z-index:9; opacity:0.6;}
.content-slider .arrow-prev { left:-30px; background:url(../images/prev-arrow.png) no-repeat center;}
.content-slider .arrow-prev:hover { opacity:1;}
.content-slider .arrow-next { right:-30px; background:url(../images/next-arrow.png) no-repeat center;}
.content-slider .arrow-next:hover { opacity:1;}


.our-experts .item { padding:0 10px;}
.experts-text { min-height:200px;}
.experts-panel .title { font-size:22px; font-weight:500; color:#202020;}
.our-experts .slick-dots { position:relative; bottom:0; margin:20px 0 0; padding:0;}
.slick-dots li button {border-color:#6e6e6e; } 
.slick-dots li.slick-active button { background-color:#6e6e6e;}

.choose_us { background-color:#2c3035;}
.choose_us .header-title .title { color:#fff;}
.why_choose ul { padding:0; margin:0; list-style:none; display:block;}
.why_choose ul li { padding:0 15px; display:table-cell; text-align:center; vertical-align:top;}
.why_choose ul li a { display:block; color:#fff;}
.circle-border { width:120px; height:120px; line-height:120px; border-radius:50%; margin:0 auto 10px; display:inline-block; border:1px solid #fff; text-align: center;}
.circle-border .icon {height:90px; width:90px; margin:0 auto; line-height:120px;}
.at-deployment {background-position:13px 10px;}
.in-deployment {background-position:-78px 10px;}
.gr-daccess {background-position:-168px 10px;}
.gd-implementation  {background-position:-261px 10px;}
.datacentre {background-position:-360px 10px;}
.support {background-position:-446px 10px;}



/** Inner Banner **/
.inner-banner{background-repeat:no-repeat; background-position:center; background-size:cover; background-color:#f2f2f2; padding-bottom:30%; position:relative;}
.banner-text-container {margin-top:-68px; position:relative; z-index:1;}
.banner-inner-text-area {display:inline-block; background:#fff; padding:20px 20px 10px;}
.banner-inner-text-area .title {color:#a53236; font-weight:800; font-size:36px; margin:0px;}
.banner-text p {margin-bottom:20px;}
.banner .btn i {margin-left:10px;}


/** Inner Banner **/

.atnis-values { background-color:#2c3035;}
.atnis-values .title { color:#fff;}


.love-to-hear-form { padding:0 5%;}

.about-contact { position:relative; height:630px; padding:50px 0;}
.about-contact iframe { height:580px;}
.about-contact-text { position:absolute; right:0; left:0; top:90px; padding:0 0;}
.about-contact-text .container { height:100%;}
.contect-box { max-width:500px; width:100%; background-color:#a53236; padding:20px; height:500px; color:#fff; float:right;}
.contect-box .title { color:#fff;}
.contect-box  h4 { margin-bottom:0; color:#fff;}

.vlues-panel { padding:0 15px 20px; color:#fff; font-size:18px;}
.vlues-panel > .data-cell:first-child { width:150px;}
.we-believe {background-position:15px -72px;}
.we-inspire {background-position:-76px -72px;}
.we-deliver {background-position:-168px -72px;}
.vlues-panel .title-sm { color:#fff; font-size:22px; text-transform:uppercase;}

.service-page-panel .title  { font-size:22px; color:#a53236;}
.service-page-panel p { font-size:18px;}

.service-bg-img { background-attachment:fixed; background-position:center center; background-repeat:no-repeat; padding-bottom:30%; background-size:100%;} 


#header.header_bg { background-color:#000000;}
.tab-btn { display:block; list-style:none; margin:0 -15px; padding: 0;}
.tab-btn li { display:block; float:left; width:30.3333%; padding:0 15px;}
.contact-sec { padding-top:100px;}

.tab-btn li a { display:block; position:relative;  color:#000;}
.tab-btn li a:before, .tab-btn li a:after {height:10px; background:#a53236; position:absolute; transition:width 0.3s ease 0s, left 0.3s ease 0s; width:0; content:'';}
.tab-btn li a:before {bottom:0; left:50%;}
.tab-btn li a:after {top:0; left:50%;}
.tab-btn li a:hover:before, .tab-btn li a:hover:after {width:100%; left:0;}
.tab-btn li.active a:before, .tab-btn li.active a:after {width:100%; left:0;}
.tab-btn li a .contact-panel { font-size:18px; pospx; color:#000; margin:12px 0; }
.tab-btn li a .contact-panel address { margin-bottition:relative; padding:10px 0; min-height:215px;}
.tab-btn li a .contact-panel .title { font-size:18om:0; line-height: 1.3;}


.service-offering-network-services .item { padding:0 10px;}
/*.content-slider-bg { background-repeat:no-repeat; background-position:center; background-size:cover;}*/ 
.service-offering-network-services .arrow-prev, .service-offering-network-services .arrow-next  { position:absolute; top:50%; margin-top:-25px; width:40px; height:40px; line-height:40px; background-color:rgba(0,0,0,0.2); border:none; z-index:9; opacity:0.6;}
.service-offering-network-services .arrow-prev { left:-30px; background:url(../images/prev-arrow.png) no-repeat center;}
.service-offering-network-services .arrow-prev:hover { opacity:1;}
.service-offering-network-services .arrow-next { right:-30px; background:url(../images/next-arrow.png) no-repeat center;}
.service-offering-network-services .arrow-next:hover { opacity:1;}

.service-offering-network-services .content-panel { min-height:265px;}

.leftservice-cell { width:33.33%;}
.leftservice-cell .title { color:#fff;}

.blog-sec { padding-top:100px;}

.search-bar { background-color:#a53236; padding:15px;} 
.search-bar .title-md { font-family:18px; color:#fff; margin-top:0;}
.trending-topics-panel { padding:15px;}
.trending-topics-panel .title-md { font-family:18px; margin:0; color:#a53236; font-weight:700;}
.trending-topics-panel .arrow-list li {padding:15px 0 15px 18px; background:url(../images/arrow-right.png) no-repeat 1px 20px;}
.trending-topics-panel .arrow-list li a {color:#333; font-size:18px; font-weight:400; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.trending-topics-panel .arrow-list li a:hover, .trending-topics-panel .arrow-list li a:focus { color:#a53236;}
 
.archieve-panel { padding:15px;}
.archieve-panel .title-md { font-family:18px; margin:0; color:#a53236; font-weight:700;}
.archieve-panel .arrow-list li {padding:8px 0 8px 18px; background:url(../images/arrow-right.png) no-repeat 1px 13px;}
.archieve-panel .arrow-list li a {color:#333; font-size:18px; font-weight:400; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.archieve-panel .arrow-list li a:hover, .archieve-panel .arrow-list li a:focus {color:#a53236;}


/*post block*/
.blog-listing  { font-size:18px;}
.post-block { position:relative; margin-bottom:30px; min-height:320px; }
.post-panel { position:relative;}
.post-block .figure { border-radius:0px; overflow:hidden; position:relative; border:1px solid #d6d6d6; }
.post-block .title { font-weight:700; margin:15px 0; font-size:21px; line-height:normal; color:#a53236; text-transform:uppercase; }
.post-block .figure { -webkit-transition: all .6s cubic-bezier(0.165,.84,.44,1),box-shadow .8s cubic-bezier(0.165,.84,.44,1); transition: all .6s cubic-bezier(0.165,.84,.44,1),box-shadow .8s cubic-bezier(0.165,.84,.44,1); }
.post-block:hover .figure, .post-block:focus .figure { box-shadow:0 20px 35px -20px #000; -webkit-transform:translateY(-8px); transform:translateY(-8px); }
.blog-listing .post-block { float:left; position:relative; min-height:1px; padding-right:15px; padding-left:15px; padding-top:46px; padding-bottom:20px; margin-bottom:30px; }
.blog-listing .post-block:first-child {width:100%;}
.blog-listing .post-block:after { position:absolute; content:''; background-color:#ededed; height:1px; left:15px; width:96%; bottom:0;} 
 
.blog-listing .post-block:first-child .figure:before {position:absolute; content:''; top:0; left:0; background:url(images/gradient.png) repeat-x; width:100%; height:100px; z-index:5; }
.blog-listing .post-block {width:50%; }
.blog-listing .post-block:first-child .title-sm { font-size:28px; }
.blog-listing .post-block .figure { height:270px; }

.blog-listing .btn-broun {font-weight:600; text-transform:uppercase; background-color:#d0343b; color:#fff; border-radius:0px; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.blog-listing .btn-broun:hover, .blog-listing .btn-broun:focus { background-color:#a53236; color:#fff;}
.blog-listing .post-block .btn-broun { position:absolute; top:15px; left:15px; z-index:2}
.blog-date { padding:15px; background-color:#a53236; color:#fff; position:absolute; right:15px; top:-45px; z-index:8;}
.blog-date .dd-date {font-size:60px; font-weight:800; display:block; line-height:60px;}
.blog-date .mm-date {font-size:20px; font-weight:800; display:block; line-height:20px; text-transform:uppercase; color:rgba(255,255,255,0.5)}
.social-blog {display:block; padding-top:20px;}
.blog-listing .post-block:first-child .social-blog {display:inline-block; float:right; padding-top:0;}

.social-blog img {filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
	opacity:0.7;
}
.social-blog img:hover, .blog-listing .post-block:first-child .social-blog img{
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: none;
  filter: none;
	opacity:1;
}
.blog-listing.blog-detail .post-block:after {display:none;}
/*post block*/
.servise-listing {padding-top:40px; padding-bottom:40px;}
.servise-listing img { margin:0 auto; display:block;}



@media only screen and (min-width:1199px){
.navigation .navbar-nav > li:hover > .dropdown-menu {display:block; opacity:1; visibility:visible;}

}
@media only screen and (max-width:1199px){ 
body { font-size:14px;}
.navigation .navbar-nav > li > a {padding:5px 8px; font-size:14px;}
.service-panel-text .title { font-size:18px;}
.content-panel {padding: 15px;}
.content-panel .title {font-size:18px;}
.experts-panel .title {font-size:18px;}
.social li a { font-size:34px;}
.social p { font-size:12px;}
.header-title p {font-size:16px;}
.signup .input-group-lg>.form-control {font-size:14px;}
.content-slider .arrow-prev, .content-slider .arrow-next { width:25px; }
.content-slider .arrow-prev {left:-14px; background-position:left center;}
.content-slider .arrow-next {right:-14px; background-position:right center;}
.service-bg-img {    background-attachment: inherit;     padding-bottom: 40%;}
}
@media only screen and (max-width:991px){ 
.toggle-btn { display:block;}

#nav { display:none;} 
.footer-logo { text-align:center; padding:0;}
.footer-logo img {width:150px;}  
.social ul { text-align:center; margin:0;}
.header-title .title { font-size:30px;}
.banner-text .banner-title {font-size:22px;}
.why_choose ul li { display:block; float:left; width:33.33%; padding:8px;}
.why_choose ul li a {min-height:150px;}

#header .navbar-nav { margin:0; text-align:left;}
 .social {padding: 5px 0 8px 0px;}
#header.fixed .navbar-brand {height:35px;}

.inner-banner .banner-inner-text-area .title { font-size:24px;}
.section {padding:20px 0;}
.service-page-panel .title { margin-top:0; margin-bottom: 10px; font-size:18px;}
.service-page-panel p { font-size:14px;}
.service-page-panel  .pt20 { padding:0}
.servise-listing { padding-top:20px; padding-bottom:20px;} 
.page-title p {font-size:14px;}
.vlues-panel { font-size:14px;}
.vlues-panel .title-sm { font-size:18px;}
.about-contact { height:500px;}
.tab-btn { margin:0 -8px;}
.tab-btn li { padding:0 8px;}
.tab-btn li a  .contact-panel { font-size:14px;     min-height: inherit;}
.trending-topics-panel .arrow-list li a { font-size:14px;}

.blog-listing {font-size:14px;} 
.blog-date .dd-date {font-size:40px; line-height:40px;}
.blog-date .mm-date {font-size:14px; line-height:14px;}
.blog-listing .post-block .btn-broun {top:10px; left:10px;}
.blog-listing .post-block .figure { height:150px;}
.post-block .title { font-size:16px;}
.blog-listing .post-block:first-child .title{font-size:18px;}
.leftservice-cell { display:block; width:100%;}
.content-slider-bg .data-table .data-cell { display:block;}

.about-contact iframe {
    height: 515px;
} 
.contect-box {    height: 430px;}
.about-contact {
    height: 610px;}
	
#navbar {position:fixed; top:0; right:-230px; width:230px; height:100%; background:#fff; -webkit-transition-duration:0.4s; transition-duration:0.4s; overflow:auto; z-index:99999; padding:0; box-shadow:inset 10px 1px 6px -6px rgba(0,0,0,0.1); margin:0; }
#navbar.open { right:0; }
#header .navbar-nav {margin:0px 0; width:100%;     height: 100%;}
#navbar .navbar-nav li { display:block; text-align:left; float:none;}
#navbar .navbar-nav li a, #header.affix #navbar .navbar-nav li a {padding:10px 20px; position:relative; line-height:normal; font-weight:500; color:#666; border-bottom:1px solid #f7f7f7;}
.navigation#navbar .navbar-nav > li > a.btn-broun, #header.affix #navbar  > li > a.btn-broun {color: #a53236; border-bottom:2px solid  #a53236;}
.navbar-nav  .dropdown-menu {-webkit-transition-duration:0s; transition-duration:0s; display:none;} 
#navbar .navbar-nav li  .dropdown-menu li a { padding-left:25px;}
.navbar-nav .open .dropdown-menu { visibility:visible; display:block;}

}
@media only screen and (max-width:767px){
.navbar-brand { height:40px;}
.banner-text .banner-title {font-size:16px;}
.banner-text { max-width:400px; width:100%; background-color:rgba(0,0,0,0.6); padding:8px;}	
.banner-text p { font-size:14px; line-height:1.3;}
.section {padding:10px 0 20px;}

.content-panel {text-align:center;}
.expert-sec .header-title { padding-bottom:0;}

.footer-nav-title { text-transform:uppercase; border-bottom:1px solid #000; cursor:pointer; display:block; margin:0; padding:10px 40px 10px 0; position:relative; font-size:14px; }
.footer-nav-title:after, .footer-nav-title:before { -webkit-transition: .5s all ease-out; transition: .5s all ease-out; display:inline-block; content:''; width:14px; height:2px; background:#000; position:absolute; top:50%; right:5px; opacity:1; }
.footer-nav-title:before { opacity:1; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.footer-nav-title:after { opacity:1; -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.footer-nav-title.active:before { -webkit-transform: rotate(50deg); transform: rotate(50deg); opacity:1; }
.footer-nav-title.active:after { -webkit-transform: rotate(-50deg); transform: rotate(-50deg); opacity:1; }
.signup .input-group-lg>.form-control {font-size:11px; height: 36px; padding: 5px 5px;}
.signup .input-group-lg>.input-group-btn>.btn {font-size:11px; padding:10px 4px; height: 36px;} 
.header-title { padding:0;}
.header-title .title {font-size:22px;} 
.header-title p  { margin-bottom:20px; font-size:14px;}
.content-panel {padding:8px;}
.toggle-btn {top:-12px;}

#header.fixed .navbar-brand {height:28px;}

.inner-banner { padding-bottom:30%; background-size:100%; background-position:top;}
.banner-text-container { margin-top:0;}
.banner-inner-text-area { padding:10px 0;}
.banner-inner-text-area .title { font-size:22px;}
.breadcrumb {padding:0;}
.page-title {padding:0;}
.service-page-panel .title {margin-top:20px;}
.vlues-panel > .data-cell { display:block; text-align:center;}
.vlues-panel > .data-cell:first-child {width:100%;}
.about-contact {height:auto;}
.about-contact-text {position:relative; height:auto; top:0;}
.about-contact iframe { height:350px;}
.contact-panel { min-height:inherit;}
.tab-btn li a:before, .tab-btn li a:after {height:2px;}
.tab-btn li {
    padding: 0 0px;
}
.tab-btn li { width:100%;}
.contact-sec {padding-top:70px;}
.blog-sec {padding-top:70px;}
.blog-listing .post-block { width:100%;}
.service-offering-network-services .arrow-prev, .service-offering-network-services .arrow-next {    margin-top: -15px;
    width: 20px;
    height: 30px;
    line-height: 20px;}
.service-offering-network-services .arrow-prev {    left: -10px; background-size: 100%;
    background-position: top left;}
	.service-offering-network-services .arrow-next {right: -10px; background-size: 100%;
    background-position: top left;}
	.service-offering-network-services .content-panel { min-height:inherit;}
	#footer {
    padding: 10px 0 0px;}
	.blog-listing .post-block:first-child .social-blog { display:block; float:none; padding-top:10px;}
	
	.social-blog {padding-top: 10px;}
	
	.contect-box {height:auto;}

	.navigation .dropdown-menu { opacity:1;}

}
@media only screen and (max-width:600px){ 
.service-panel { text-align:center;}
.service-panel .service-panel-img { display:inline-block;}
.service-panel-text ul { text-align:left;}
.service-panel-text {min-height:inherit; padding-bottom:15px;}
.service-offerings .slick-dots { margin-top:0;}
.experts-panel { text-align:center;} 
.experts-img {display:inline-block;}
.experts-text {min-height:inherit; padding-bottom:15px;}
.our-experts .slick-dots { margin:0;}
.why_choose ul li { display:block; float:left; width:50%; padding:8px;}
.why_choose ul li a {min-height:150px;}
.circle-border {width:100px; height:100px; line-height:100px;}
.patner-list ul li { width:50%;}
.patner-list ul li:nth-of-type(2):after, .patner-list ul li:nth-of-type(4):after, .patner-list ul li:nth-of-type(6):after, .patner-list ul li:nth-of-type(8):after {visibility:hidden;}
.patner-list ul li:nth-of-type(3):before, .patner-list ul li:nth-of-type(4):before  { visibility:visible;}
}
.btn-black {
margin-bottom:1px;
float:right;
}