/** ---------html/Body Design-- */
html, body {height: 100%;}
body { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.7; color: #777; margin:0px }
ol { list-style: decimal; }
ul { list-style: disc; font-weight:300; font-size: 14px; }
li { display: list-item; }
ol, ul { margin-left: 1.7rem; }
ul li { padding-left: .4rem; }
ul ul, ul ol, ol ol, ol ul { margin: .6rem 0 .6rem 1.7rem; }
hr { margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 1px solid #adadad; }


/** ---------Header ----------- */
header { width: 100%;position: absolute;top: 0px;left: 0px;right: 0px;padding: 10px 0px; z-index: 10000; 
-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
header .row { width: auto; height: 70px; z-index: 10000; position: relative; }
header .logo { margin-top: 0px; margin-bottom: 0px; margin-left:17px; z-index: 10000; position: absolute; left: 0px; top: 45%; -webkit-transform: translateY(-50%); 	-ms-transform: translateY(-50%); transform: translateY(-50%); }
header .logo a { margin: 0; padding: 0; border: none; text-shadow: none; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.sticky { position: fixed; background: #000000db; top: 0; padding:10px 0; }
.topbar { border-bottom: 1px solid #39353e; height: auto !important; color: #fff; font-size: 12px; margin:0 0px; font-family: 'Poppins', sans-serif; font-weight:300; }
.topbar .col { padding: 0px 0 8px; }
.topbar a { color:#fff !important; margin-left:20px; }
.topbar a:first-child { margin-left: 0px; }
.sticky .topbar { display:none; }

@media only screen and (max-width:768px) { 
header { top: 0; padding: 6px 0; }
}


/** ---------Footer ---------- */
footer { padding: 5rem 0; background: #f9f9f9; color: #777;  font-size: 1em; border-t: solid 1px #c8c8c8; font-size: 0.9em; font-weight: 400;  }
footer p { line-height: 25px; margin-top:0px; font-size: 1em; } 
footer a, footer a:visited { color: #777; font-weight:400; font-size: 1em; line-height: 30px; }
footer strong { font-size:1em; }
footer h4 { margin: 1em 0; font-size: 1.2em; color: #000; font-weight: 500; }
.smallfont { font-size: 11px; line-height: 20px; }
.copyright { font-size: 11px; color:#b9b9b9; line-height:15px; }

/** ---------Text Style ------- */
a, a:visited { font-size:.9em; text-decoration: none; }
a:hover, a:focus { color:#000; text-decoration:none; }
p, p.lead { font-size: 14px; line-height: 1.7; color: #777; }
strong, b { font-weight:600; font-size: 1.3rem; line-height: 20px; }
.txt-center { text-align:center; }
.txt-left { text-align:left; }
.txt-right { text-align:right; }
.w400 {font-weight: 400;}
.font15 { font-size: 15px; }
.font20 { font-size: 20px; }
.txt-justify { text-align:justify; }
.text-uppercase { text-transform: uppercase !important; }
.subtext { font-size: 20px; line-height: 1.5; color: #1a1a1a; padding:0 150px; }
.txtwt { font-weight: 100; font-size:35px; }
.para { font-size: 13px; line-height: 20px; letter-spacing: .3px; color: #000; }


/** ---------title Style ------- */
h1, h2, h3, h4, h5, h6, .h01, .h02, .h03, .h04, .h05, .h06 { font-family: 'Poppins', sans-serif; margin-bottom: 2.1rem; }
h3, .h03, h4, .h04 {margin-bottom: 1.8rem;}
h5, .h05, h6, .h06 {margin-bottom: 1.2rem;}
h1, .h01 { font-size: 3rem; line-height: 1.35; font-weight: 100; }
h2 { font-size: 36px; margin-bottom: 20px; line-height: 1.5; font-weight: bold; color: #000; position: relative; padding-bottom: 10px; }
h3, .h03 { font-size: 1.8rem; line-height: 1.5; }
h4, .h04 { font-size: 1.5rem; line-height: 1.76; }
h5, .h05 { font-size: 1.3rem; line-height: 1.7; text-transform: uppercase; letter-spacing: .08rem; }
h6, .h06 { font-size: 14px; line-height: 1.5em; color: #222; font-family: "Poppins",sans-serif; text-transform: uppercase; }


@media only screen and (max-width:600px) {
h2 { font-size: 25px; margin-top: 0px; }
h1 { font-size: 25px; margin-top: 0px; }
}

/** ---------Paddings  -------- */
.padd60 { padding-left: 60px; }


/** ---------Buttons ---------- */
.default-btn { border: 1px solid transparent; color: #fff; line-height: 42px; display: inline-block; font-weight: 500; transition: all 0.3s ease 0s; cursor: pointer; background:#c52620; padding: 0px 30px; text-transform: uppercase; margin-top: 10px; font-size:14px; border-radius: 4px; }
.default-btn:hover { background: transparent; border:1px solid #c52620; color: #c52620; }
.pbtn { background: #651f1d; color: #fff !important; padding: 3px 8px; display: inline-block; margin-top: 10px; font-size: 10px; }


/** ---------Images ----------- */
img { max-width: 100%; width: auto; }
.imgfull { width: 100% }



/** ---------Home Slider---------- */
#home-banner { color: #fff; background:url(../images/clectronics-surveillance-security-systems-cache-tech-pune.jpg); background-size:100%; background-attachment:fixed; }
#home-banner p { color:#fff; font-weight: 300; font-size: 14px; }
.paddbotm { margin-bottom: 100px; }
#home-banner h1 { color: #fff; font-size: 43px; font-weight: 700; margin-top: 20px; margin-bottom: 20px; line-height: 1.2em; padding-bottom: 10px; }
#home-banner h2 { color: #fff; font-size: 43px; font-weight: 700; margin-top: 20px; margin-bottom: 20px; line-height: 1.2em; }
#home-banner h3 { font-size: 2.2rem; line-height: 1.25; color: #fff; font-weight: 500; }
.slider-container { width: 100%; position: relative; overflow: hidden; }
.slider-container ul li { padding-left:0px; }
.slider { margin: 0; padding: 0; width: 100%; height: 100%; list-style: none; }
.slide { position: absolute; top: 0; left: 0; width: 100%; }
.slide-bg { position: relative; overflow: hidden; z-index: 1; }
.slide-bg img { width: 100%; height: 700px; display: block; }
.slide-content { position: absolute; top: 0; width: 100%; z-index: 2; color: white; padding: 20rem 30rem 10rem; text-align:center; text-shadow: 0 1px 2px rgba(0,0,0,0.1); }
.lowpadd { padding: 15rem 30rem 15rem !important; }
.slider-controls { position: absolute; top: 0; width: 100%; height: 100%; }
.slide-nav .prev, .slide-nav .next { position: absolute; top: 45%; z-index: 10; color: white; }
.slide-nav .prev { left: 20px; }
.slide-nav .next { right: 20px; }
.slide-list { position: absolute; bottom: 5%; z-index: 10; margin: 0; padding: 0; width: 100%; list-style: none; text-align: center; }
.slide-list li { margin: 0 10px; display: inline-block; }
.slide-list li a { opacity: 0.7; width: 7px; height: 7px; display: block; background: white; border-radius: 20px; text-indent: -9999px; }
.slide-list li.active a { opacity: 1; }
.slide-list li a:hover { opacity: 1; }

@media only screen and (max-width: 640px) {
.slide-content { padding: 100px 30px 0; text-align: center; }
.slide-bg img { height: 500px; }
.slide-content h2, .slide-content h1 { font-size: 32px !important; }
.slide-content p { font-size: 16px; margin: 0 0 10px; }
}


/** ---------Sections---------- */
#bannerbar { background-color:#f2f2f2; }
.usps { color:#616161; padding:30px; font-size:16px; display:inline-block; font-weight:500; letter-spacing:-1px; }
.usps2 { color:#795548; padding: 6px; font-size:1.2rem; display:inline-block; font-weight:300; letter-spacing:.2px; line-height:15px; }
.usp3 { color:#fff; padding: 6px; font-size:1.2rem; display:inline-block; font-weight:300; letter-spacing:.2px; line-height:15px; }
#bannerbar .fa { color: #828282; font-size: 30px; margin-bottom: 15px; }
#bandfooter{ padding: 1rem 0; background-image:url('../images/tajmahal.jpg'); background-size: cover; text-align:center;}
#bandfooter h2 {color: #fff;}

#bcrumbs { padding:15px; background:#f3f3f3; color:#888; font-size:12px; }
#bcrumbs a { color:#000; font-size:12px;}
#bcrumbs span { color:#000; font-size:16px;}

#white-section { padding: 8rem 0; background:#fff; color: #000; text-align:center; }
#white-section h2:before { position: absolute; bottom: 0; content: ""; width: 50px; margin-left: -25px; height: 2px; left: 50%; background: #c52620; }
#white-section .icon { width: 90px; height: 90px; border: 1px solid #d6d6d6; display: table; text-align: center; margin: 0 auto 30px auto; border-radius: 50%; }
#white-section .fa { display: table-cell; vertical-align: middle; height: 90px; font-size: 40px; line-height: 40px; color: #c6211b; }
#white-section h3 { font-size: 18px; color: #000; position: relative; font-weight: 400; }

#dark-section { padding: 8rem 0; background:#210302; color: #fff; }
#dark-section h2 { color: #fff; }
#dark-section .subtext { color: rgba(255, 255, 255, 0.7) }
#dark-section h2:before { position: absolute; bottom: 0; content: ""; width: 50px; margin-left: -25px; height: 2px; left: 50%; background: #c52620; }
#dark-section .icon { width: 90px; height: 90px; border: 1px solid #d6d6d6; display: table; text-align: center; margin: 0 auto 30px auto; border-radius: 50%; }
#dark-section .fa { display: table-cell; vertical-align: middle; height: 90px; font-size: 40px; line-height: 40px; color: #c6211b; }

#contact { padding: 8rem 0; background:url('../images/contact-us.jpg'); background-attachment:fixed; background-size:100%; color: #fff; }
#contact h2 { color: #fff; }
#contact .subtext { color: rgba(255, 255, 255, 0.7) }

#testimonials { padding: 8rem 0; background:#fff; color: #fff; }
#testimonials h2 { padding-bottom:0px; margin-bottom: 0px; }
#testimonials h4 { color: #4f4f4f; font-size: 20px; font-weight: 400; margin-bottom: 0px; margin-top: 0px;}
#testimonials h5 { margin-top: 0px; color: #c5251f; text-transform: none; font-weight: 400; letter-spacing: 0px; }
#testimonials img { border-radius: 50%; max-width: 150px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); }
#testimonials .fa { display: block !important; height: auto !important; font-size: 20px !important; }
#testimonials .subtext { padding:0px; }
.testdiv { border: 1px solid #ddd; padding:20px; background: #f9f9f9; } 

#inner-banner { padding: 11rem 0 4rem; color: #fff; background:url(../images/computer-products-sales-and-services.jpg); background-size:100%; background-attachment:fixed; text-align:center; }
#inner-banner p { color:#fff; font-weight: 300; font-size: 16px; }
#inner-banner h1 { font-size: 35px; font-weight: 500; color: #fff; line-height: 1.2em; margin-bottom: 0px; margin-top: 20px; }
#inner-banner h2 { font-size: 25px; font-weight: 500; color: #fff; line-height: 1.2em; margin-bottom: 20px; margin-top: 0px; }
#inner-container { padding: 8rem 0; color: #000; background:#fff; }
.graybg { background:#f7f7f7 !important; }
.esss { background:url('../images/electronics-surveillance-security-systems-banner02.jpg') !important; background-size:100% !important; background-attachment:fixed !important; background-position:bottom;}
.npss { background:url('../images/networking-products-sales-and-services.jpg') !important; background-size:100% !important; background-attachment:fixed !important; background-position:bottom;}
.contact { background:url('../images/contactusbg.jpg') !important; background-size:100% !important; background-attachment:fixed !important; background-position:bottom;}
.clientsbg  { background:url('../images/clientsbg.jpg') !important; background-size:100% !important; background-attachment:fixed !important; background-position:bottom;}
.aboutbg  { background:url('../images/aboutbg.jpg') !important; background-size:100% !important; background-attachment:fixed !important; background-position:bottom;}
.cctvbg { background:url('../images/cctvbg.jpg') !important; background-size:100% !important; background-attachment:fixed !important; background-position:bottom;}
.testimonialsbg { background:url('../images/testimonialsbg.jpg') !important; background-size:100% !important; background-attachment:fixed !important; background-position:bottom;}

/** ---------Menu-------------- */
#main-nav-wrap, .main-navigation { margin: 0; padding: 0; }
a.menu-toggle { display: none; }
#main-nav-wrap { width:70%; z-index: 10000; font-weight:600; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; position: absolute; top: 0; right: 0px; }
.main-navigation { display: inline-block; width: auto; text-align: right; margin-top: 15px; }
.main-navigation li { position: relative; display: inline-block; list-style: none; padding: 0; margin: 0; height: auto; }
.main-navigation li.current a { color:#ff6203; }
.main-navigation li.current a::after { position: absolute; left: 50%; bottom: 0; width: 80%; height: 3px; }
.main-navigation li.highlight a { color: #68beca; }
.main-navigation li a { font-size: 12px; font-weight: 500; color: #fff; margin: 0 12px; letter-spacing: 0px; display: inline-block; padding: 5px 0px; font-family: 'Poppins', sans-serif; }
.main-navigation li a:active { background-color: transparent !important; }
.main-navigation li a:hover { color: #ff6203; text-decoration:none; }
.sticky .main-navigation li a { color: #fff; }
#main-nav-wrap .sticky .main-navigation li a { color: #000 !important; }


/** --------- Image Effect -------------- */
.hovereffect { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%); background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%); border-radius:5px; }
.hovereffect .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; padding: 3em; text-align: left; }
.hovereffect img { display: block; position: relative; max-width: none; width: calc(100% + 60px); -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;  transition: opacity 0.35s, transform 0.45s; -webkit-transform: translate3d(-40px,0,0); transform: translate3d(-40px,0,0); -webkit-filter: sepia(70%); filter: sepia(70%); }
.hovereffect h3 { text-transform: uppercase; color: #fff; position: relative; font-size: 17px; background-color: transparent; padding: 27% 0 10px 0; font-weight:400; text-align: left; }
.hovereffect .overlay:before { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; border: 1px solid #fff; content: ''; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.45s; transition: opacity 0.35s, transform 0.45s; -webkit-transform: translate3d(-20px,0,0);   transform: translate3d(-20px,0,0); }
.hovereffect a, .hovereffect p { color: #FFF; opacity: 0; font-size:15px; font-weight:400; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.45s; transition: opacity 0.35s, transform 0.45s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); }
.hovereffect:hover img { opacity: 0.6; filter: alpha(opacity=60); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.hovereffect:hover .overlay:before, .hovereffect:hover a, .hovereffect:hover p { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0); }
.sepia { -webkit-filter: sepia(60%); filter: sepia(60%); }
.clients img { border:1px solid #ddd; margin-bottom:30px; }

/*** mobile view - primary navigation  **/
@media only screen and (max-width:768px) {
.dropdown-menu { background:#0469d5; }
#main-nav-wrap { display: block; width: 100%; position: absolute; top: 72px; right: 0; }
a.menu-toggle { display: block; width: 40px; height: 40px; position: absolute; top: 49%; right: 20px; margin-top: -20px; }
a.menu-toggle span { display: block; width: 24px; height: 3px; margin-top: -1.5px; position: absolute; right: 8px; top: 50%; bottom: auto; left: auto; background-color: #fff; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -webkit-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; font: 0/0 a; text-shadow: none; color: transparent; }
a.menu-toggle span::before, a.menu-toggle span::after { content: ''; width: 100%; height: 100%; position: absolute; background-color: inherit; left: 0; -moz-transition-duration: 0.2s, 0.2s; -o-transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; -ms-transition-duration: 0.2s, 0.2s; transition-duration: 0.2s, 0.2s; -moz-transition-delay: 0.2s, 0s; -o-transition-delay: 0.2s, 0s; -webkit-transition-delay: 0.2s, 0s; -ms-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s; }
a.menu-toggle span::before { top: -8px; -moz-transition-property: top, transform; -o-transition-property: top, transform; -webkit-transition-property: top, transform; -ms-transition-property: top, transform; transition-property: top, transform; }
a.menu-toggle span::after { bottom: -8px; -moz-transition-property: bottom, transform; -o-transition-property: bottom, transform; -webkit-transition-property: bottom, transform; -ms-transition-property: bottom, transform; transition-property: bottom, transform; }
.menu-toggle.is-clicked span { background-color: rgba(255, 255, 255, 0); }
.menu-toggle.is-clicked span::before, .menu-toggle.is-clicked span::after { background-color: #fff; -moz-transition-delay: 0s, 0.2s; -o-transition-delay: 0s, 0.2s; -webkit-transition-delay: 0s, 0.2s; -ms-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s; }
.menu-toggle.is-clicked span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.menu-toggle.is-clicked span::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.main-navigation { background: #000000d9; padding: 48px 42px 54px 42px; margin: 7px 0 0; width: 100%; height: auto; clear: both; display: none; }
.main-navigation > li { display: block; height: auto; text-align: left; border-bottom: 1px dotted rgba(200, 200, 200, 0.08); padding: 0; }.main-navigation > li:first-child { border-top: 1px dotted rgba(200, 200, 200, 0.08); }
.main-navigation li { margin-top:20px }
.main-navigation li a { display: block; color: #fff; width: auto; padding: 6px 0; line-height: 2px; border: none; }
.main-navigation li a:hover { color: #fff; } 
.main-navigation li.current > a { background: none; color: #fff; }
.main-navigation li.current > a:after { display: none; }
}

/*** Tab view - primary navigation  **/
@media only screen and (min-width:769px) {
#main-nav-wrap ul.main-navigation { display: block !important; }
}

/** ---------Forms-------------- */
fieldset { border: none; }
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea,
select { display: block; width:100%; margin-bottom:20px; padding: 1.2rem 2rem; border: 0; outline: none; vertical-align: middle; color: #000; font-size: 1.1rem; line-height: 1rem; border-radius: 3px; background: #e8e8e8; max-width: 100%; border: 0px; }
::-webkit-input-placeholder { color: #888; }
:-moz-placeholder { /* Firefox 18- */ color: #888; }
::-moz-placeholder { /* Firefox 19+ */ color: #888; }
:-ms-input-placeholder { color: #888; }
.placeholder { color: #888 !important; }


/** ---------Slider------------- */

.MultiCarousel { float:left;overflow:hidden;padding:0;width:100%;position:relative;}
.MultiCarousel .MultiCarousel-inner{transition:all 1s ease;float:left;}
.MultiCarousel .MultiCarousel-inner .item{float:left;}
.MultiCarousel .MultiCarousel-inner .item > div { width: 100% }
.plandiv { background:none!important;padding:15px!important;margin:10px!important; }
.MultiCarousel .leftLst, .MultiCarousel .rightLst{position:absolute;top:calc(50% - 20px);}
.MultiCarousel .leftLst { top: 26%; left:0; background: #ff6203; border: 0px; border-bottom-right-radius: 20px; border-top-right-radius: 20px; padding: 5px 15px; font-size: 20px; color: #fff; }
.MultiCarousel .rightLst { top: 26%; right: 0; background: #ff6203; border: 0px; border-bottom-left-radius: 20px; border-top-left-radius: 20px; padding: 5px 15px; font-size: 20px; color: #fff; }
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over{pointer-events:none;background:#ccc; }


@media screen and (min-width: 0px) and (max-width:768px) {
#hideinmobile { display: none; }   /* hide it elsewhere */
.hideinmobile { display: none; }   /* hide it elsewhere */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] { line-height: 45px !important; }
header .logo { left:2%; }
.mobmemberlogin { z-index: 10000; display: inline-block !important; position: absolute; right: 5%; top: 36%; color: #fff; font-size: 20px !important; }
.sticky .mobmemberlogin { color: #000 }
#home-banner { background-size:cover !important; }
#home-banner h1, #home-banner h2 { font-size: 24px !important; }
#home-banner .paddbotm { margin-bottom: 40px !important; }
#inner-banner { background-size:cover !important; }
#white-section, #dark-section, #contact { padding:40px 0px; }
.subtext { padding:0px; font-size:18px; }
}


@media screen and (min-width: 768px) and (max-width: 2000px) {
#hideindesktop { display: none; }   /* hide it elsewhere */
.hideindesktop { display: none; }   /* hide it elsewhere */
.MultiCarousel .leftLst, .MultiCarousel .rightLst { display:none; }
}


@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}