* {margin: 0px;padding: 0px;}
body {font: 16px 'LATOREGULAR' !important;color: #222 !important;line-height: 22px !important;}
@font-face {
    font-family: 'LATOREGULAR';
    src: url('../fonts/LATOREGULAR.eot');
    src: url('../fonts/LATOREGULAR.eot') format('embedded-opentype'),
         url('../fonts/LATOREGULAR.woff2') format('woff2'),
         url('../fonts/LATOREGULAR.woff') format('woff'),
         url('../fonts/LATOREGULAR.ttf') format('truetype'),
         url('../fonts/LATOREGULAR.svg#LATOREGULAR') format('svg');
}
@font-face {
    font-family: 'LATOBOLD';
    src: url('../fonts/LATOBOLD.eot');
    src: url('../fonts/LATOBOLD.eot') format('embedded-opentype'),
         url('../fonts/LATOBOLD.woff2') format('woff2'),
         url('../fonts/LATOBOLD.woff') format('woff'),
         url('../fonts/LATOBOLD.ttf') format('truetype'),
         url('../fonts/LATOBOLD.svg#LATOBOLD') format('svg');
}

@font-face {
    font-family: 'LATOBLACK';
    src: url('../fonts/LATOBLACK.eot');
    src: url('../fonts/LATOBLACK.eot') format('embedded-opentype'),
         url('../fonts/LATOBLACK.woff2') format('woff2'),
         url('../fonts/LATOBLACK.woff') format('woff'),
         url('../fonts/LATOBLACK.ttf') format('truetype'),
         url('../fonts/LATOBLACK.svg#LATOBLACK') format('svg');
}

@font-face {
    font-family: 'LATOLIGHTITALIC';
    src: url('../fonts/LATOLIGHTITALIC.eot');
    src: url('../fonts/LATOLIGHTITALIC.eot') format('embedded-opentype'),
         url('../fonts/LATOLIGHTITALIC.woff2') format('woff2'),
         url('../fonts/LATOLIGHTITALIC.woff') format('woff'),
         url('../fonts/LATOLIGHTITALIC.ttf') format('truetype'),
         url('../fonts/LATOLIGHTITALIC.svg#LATOLIGHTITALIC') format('svg');
}
.wrapper {width: 100%;}
img {max-width: 100%;}
p{ text-align:justify;}
ol, ul {list-style: outside none none;}
a{transition: all 0.3s ease 0s;}
a:focus, hover{ outline:none !important; background:#fcc61e; text-decoration:none;}
.wrapper {width: 100%;}
h1{ font:34px 'LATOBLACK' !important; color:#000 !important; padding:0px 0 20px 0px;  margin-bottom:0px !important; text-align: center;  margin-top:0px !important; text-transform:uppercase;}
h1 span{ color:#ed2a28;}
h1.title::after {background-color: #a4a4a4;content: "";display: block;height: 2px;left: 37%;
    margin-top: 15px;position: relative;width: 300px;}
h2 {color: #fff !important;font:30px "LATOBOLD" !important;margin-bottom: 10px !important;margin-top: 0 !important;padding: 0px !important; text-transform:uppercase;}
h3{ color:#fff!important; font:20px "LATOBOLD" !important;padding:10px 0; margin:0px !important; text-transform:uppercase;margin:0px !important;}
h4{ color: #000 !important;font: 18px 'LATOBOLD'; padding: 6px 0 6px 0px !important; }
h5{font:33px 'LATOBOLD' !important; color:#000 !important; padding:0px 0 10px 0px;  margin-bottom:0px !important; text-align: left;  margin-top:0px !important; text-transform:uppercase;}
h6{ font:15px 'LATOREGULAR'; color:#fff; padding:5px 0px; text-transform:uppercase; margin:0; line-height:24px;}
.fixed-header {/*left: 0;*/position: fixed !important;top: 0;width: 1140px;box-shadow: 0 1px 8px rgba(0, 0, 0, 1); }

header {position: absolute;top: 32px;width: 100%;z-index: 1000;}
.main-header {/*background-image: linear-gradient(to right, #fff 50%, #17a3df 50%);*/width: 100%;z-index: 1000; box-shadow: 0 1px 14px rgba(0, 0, 0, 1); position:relative;}
.main-header .col-lg-2.col-md-2.col-sm-2.col-xs-12 {padding: 0;}
.logo{ padding:6px 0;}
/*.call {background: #17a3df none repeat scroll 0 0;}
.call::before {
    border-bottom: 70px solid #17a3df;
    border-left: 70px solid transparent;
    content: "";
    left: -70px;
    position: absolute;
    top: 0;
    z-index: 1;
}*/
header {
    position: absolute;
    top: 82px;
    width: 100%;
    z-index: 10000;
}

.main-header .socials {padding: 0; display: inline-block;font-family: "LATOBOLD"; text-align:left;}
.main-header .socials span{}
.main-header .socials .fa {left: 0;position: inherit;}
.main-header .socials a {background-color: #dd3237;border-radius: 50%;color: #fff !important;font-size: 14px;height: 26px;
    line-height: 26px;text-align: center;width: 26px;}
.main-header .socials a:hover {background-color: #222;color:#fff !important;text-decoration: none;}
.main-header .socials a + a {margin-left: 4px;}
.shop {font-size: 16px;  padding:15px 0; text-align:right; text-transform:uppercase;}
.shop-phone {color: #1f1f1f;display: inline-block;margin-right:40px;padding: 3px 0 3px 50px; position:relative; font-family:"LATOBOLD"; text-align:left;}
.shop-phone span{ text-transform: initial !important; font-family: 'LATOREGULAR';}
.shop-phone a {color: #1f1f1f !important;}
.shop-phone a:hover {color: #1f1f1f !important;}
.shop-phone i {background: #dd3237 none repeat scroll 0 0;border-radius: 50%;color: #fff;height: 33px;left: 0;line-height: 33px;position: absolute;text-align: center;top: 8px;
width: 33px;font-size: 18px;}

/*----------------------------------------------------navigation start------------------------------------------------------------------------------------------------*/

.navi::before {
    border-top: 45px solid #dd3237;
    border-left: 45px solid transparent;
    content: "";
    left: -45px;
    position: absolute;
    top: 0;
    z-index: 1;
}
.navi::after {
    border-top: 45px solid #dd3237;
    border-right: 45px solid transparent;
    content: "";
    right: -45px;
    position: absolute;
    top: 0;
    z-index: 1;
}


.navi { background: #dd3237 none repeat scroll 0 0;padding: 0 25px;position: sticky;z-index: 10000;/* left:0;*/}
.navb{ z-index:100000; width:100%;}
.navb > li > a {
    color: #fff !important;display: block;
    width: 100% !important;
	text-decoration:none;
	font-size: 15px!important;
    line-height: 29px!important;
    padding: 8px 18px !important;
    text-transform: uppercase!important;
}
.navb > li > a.active {color: #261815 !important; background:#fcc61e;}
.navi > li > a:focus, .navi > li > a:hover {background-color:#439515 !important;text-decoration: none;color: #fff!important;}
.navi > li > a:focus, .navi > li > a:hover i {color: #fff!important;}
.navi.navb > li {float: left;}
.navi li > ul {background: #232323 none repeat scroll 0 0;
    display: none;
    position: absolute;
    width: 260px;}
.navi li > ul li.has-sub::after {color: #ffffff;content: "\f105";font-family: "FontAwesome";font-size: 0.8em;position: absolute;right: 14px;top: 13px;}
.navi li > ul li a {display: block;font-size: 15px;line-height: 1.5;padding: 7px 10px 7px 15px; color:#FFF;}
.navi li > ul li a:hover {background:#f8c442  none repeat scroll 0 0; border-top:0px; color:#000 !important;}
.navb > li > a.active i{ color:#fff;}
.navi li:hover > ul {display: block;}
.navi li > ul ul {left: 100%;position: absolute;top: 0;}
.navi li > ul li {border-bottom: 1px solid #040404 !important;border-right: 0 none;float: none;left: 0;position: relative;z-index: 1;}
.navi li:hover > ul {display: block;}
.navi li a:hover { background:#fcc61e;text-decoration: none; color:#261815 !important;}
.navb > li > a i {display: block;text-align: center; color:#1fc4fb;}
.navi > li > a {
    display: block;}

.scrolldown {animation: 3000ms ease 0s normal none infinite running bounce !important;left: 67%;margin:-61px 0 0 -61px;position: absolute;top: 175%;}
.scrolldown:focus {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.carousel-control{ z-index:1000 !important;}
#gurubanner {position: relative;}
.banner_part {position: absolute;top: 131px;width: 100%; z-index:100;}
#quick-enquiry {background:rgba(0, 0, 0, 0.75) none repeat scroll 0 0;max-width: 290px;padding: 10px 15px;width: 100%; border:1px solid #4f4e4e;position:relative; right:0px; float:right; top: -70px;}
#quick-enquiry p{ font-size:15px;line-height: 22px; text-align:left; color:#FFF;}
#quick-enquiry h2 {color: #fff !important;font-size: 18px !important;margin: 0;padding: 6px 0 !important; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif !important; font-weight:bold !important; border-bottom:none !important; margin-bottom:0px !important;}
#quick-enquiry h3 {color: #fff !important;font: 400 15px/24px "Roboto Condensed" !important;margin: 0 0 5px !important;padding: 3px 0;}
form {margin: 0;padding: 0;}
#quick-enquiry input {background: #fff none repeat scroll 0 0;border: medium none;color: #000 !important;font: 100 12px 'LATOREGULAR' !important;
    margin: 7px 0 !important;padding:4px 10px;width: 100%;}
input, textarea:focus {outline: medium none;}
#quick-enquiry select { -moz-appearance: none;background: #fff url("../images/dropdown.png") no-repeat scroll 96% center;
    border: medium none;font: 12px 'LATOREGULAR' !important;margin: 7px 0 !important;padding:4px 10px;width: 100%;}
#quick-enquiry textarea {background: #fff none repeat scroll 0 0;border: medium none;color: #000 !important;font: 100 12px 'LATOREGULAR' !important;margin: 7px 0 !important;min-height: 84px;padding:4px 10px;width: 100%;}
#quick-enquiry .submit {background: #fcbd2c none repeat scroll 0 0;border: medium none;color: #000 !important;cursor: pointer;font: 14px Arial, Helvetica, sans-serif !important;margin: 0px 0 5px !important;padding: 11px 0;text-transform: uppercase;width: 100%;}
.lgo {background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;border: 2px solid #555;/*margin-left: auto;*/padding: 8px;
margin-right: auto;max-width: 410px;text-align: center;margin-top: 282px; position:relative; right:-50px; float:right; top: -338px;}
.lgo h2{color: #fff !important;
    font: 22px "LATOBOLD" !important;
    margin-bottom: 0px !important;
    margin-top: 0 !important;
    padding: 0px !important;
    text-transform: uppercase;
}
.lgo h3{
    color: #fff!important;
    font: 16px "LATOBOLD" !important;
    padding: 10px 0;
    margin: 0px !important;
    text-transform: none;
    /* margin: 0px !important; */
}

	
/* -------- HOME ICONS  -------- */
#home_icon {
    background: #ed2a28;
}
#home_icon .col-md-2 {
  padding: 0;
}
#home_icon .home_feature {
  background: transparent;
  display: block;
  padding: 26px 0;
  width: 100%;
  cursor: pointer;
}
#home_icon .home_feature h4{
  font-size: 16px;
  margin: 7px 0;
  font-weight: bold;
  letter-spacing: 2px; text-transform:uppercase;
}
#home_icon .home_feature h4,
#home_icon .home_feature p,
#home_icon .home_feature i{
	color: #fff !important;
}
#home_icon .home_feature:hover h4,
#home_icon .home_feature:hover p,
#home_icon .home_feature:hover i{
    color: #ed2a28 !important;
}
#home_icon .home_feature p{
    font-size: 12px; text-align:center;
}
#home_icon .home_feature i{
    font-size: 40px;
}
#home_icon .home_feature:hover{
  background:#fff; text-decoration:none!important;
  -moz-transition: color 1000ms ease 0s, background .5s ease;
  -ms-transition: color 1000ms ease 0s, background .5s ease;
  -o-transition: color 1000ms ease 0s, background .5s ease;
  -webkit-transition: color 1000ms ease 0s, background .5s ease;
  transition: color 1000ms ease 0s, background .5s ease;
}
.text-center {
    text-align: center;
}
/* -------- HOME ICONS Ends -------- */	
#home_icon::after{ background: #000; border-left:10px solid #F00; border-right:10px solid #F00; position: absolute; width:500px; height:500px;}

#guruabout {padding: 60px 0px;width: 100%;}
#guruabout p {color: #222;font-size: 16px;padding:0 0px; line-height: 22px;}

#guruproject {padding: 60px 0 0;text-align: center;width: 100%; background:rgba(0, 0, 0, 0) url("../images/project.jpg") no-repeat fixed center center / cover;}
#guruproject h1{ font:34px 'LATOBLACK' !important; color:#fff !important; padding:0px 0 20px 0px;  margin-bottom:0px !important; text-align: center;  margin-top:0px !important; text-transform:uppercase;}
#guruproject h1 span{ color:#ed2a28;}
#guruproject h1.title::after {background-color: #fff;content: "";display: block;height: 2px;left: 40%;
    margin-top: 15px;position: relative;width:260px;}
#guruproject h2 {color: #fff !important;font:30px/25px "LATOREGULAR" !important;margin: 0 !important;padding: 8px 20px 50px;text-transform: uppercase;text-shadow: none;}
#guruproject .lft{  padding:50px 0px; text-align:center;}
#guruproject .lft .box {background: #fff none repeat scroll 0 0;border: 5px solid #fcbd2c;border-radius: 50%;box-shadow: 5px 3px 4px #333;height: 250px;padding: 20px;
    text-align: center;width: 250px;margin-left: auto;    margin-right: auto;}
#guruproject .lft a.btn {background: #ed2a28 none repeat scroll 0 0;border-radius: 50px;color: #fff;font-size: 15px;padding: 10px 20px; text-transform:uppercase; box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;font-family:'LATOREGULAR'; margin-right:5px;}
#guruproject .lft a.btn:hover {background:#fcbd2c none repeat scroll 0 0;color: #000;}	
#guruproject .lft .fa{ margin-right:10px; font-size:15px;}
#guruproject .lft img{  display: block;margin-left: auto;margin-right: auto;/*padding-top: 65px;*/padding-top: 40px;}


#guruwhy {padding: 60px 0px;width: 100%;}
#guruwhy p {color: #222;font-size: 16px;padding:0 0px; line-height: 22px;}
#guruwhy ul {margin: 0 0 20px !important;padding: 0;}
#guruwhy ul li {list-style: outside none none;}
#guruwhy ul li {color: #252525 !important;list-style: outside none none;padding: 2px 0 2px 20px;position: relative;}
#guruwhy ul li::before {color: #222;content: "\f0a9";font-family: FontAwesome;font-size: 14px;left: 0;line-height: 20px;margin-right: 10px;position: absolute;top:4px;}



#gurugallery {padding: 60px 0px;width: 100%;background:rgba(0, 0, 0, 0) url("../images/gllry.jpg") no-repeat fixed center center / cover;}
#gurugallery h1{ font:34px 'LATOBLACK' !important; color:#fff !important; padding:0px 0 20px 0px;  margin-bottom:0px !important; text-align: center;  margin-top:0px !important; text-transform:uppercase;}
#gurugallery h1 span{ color:#ed2a28;}
#gurugallery h1.title::after {background-color: #fff;content: "";display: block;height: 2px;left: 38%;
    margin-top: 15px;position: relative;width:275px;}
/*-------------------------------------------------------------------gallery--------------------------------------------------------------------*/	
.gallery-box {margin: 10px 0;padding: 0 10px;}
.gallery-box h5 {color: #fff !important;font-size: 15px !important;font-weight: 100;margin: 10px 0 !important;text-align: center; background:#ed2a28; padding:10px 0 !important;}
.gallery-box > .box {border: 1px solid #7D7D7D;padding: 5px;position: relative;text-align: center;}
.gallery-box > .box img {/*max-width: 300px;*/width: 100%;}
.gallery-box > .box a.zoom-btn {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;height: 100%;left: 0;position: absolute;top: 0;transition: all 0.5s ease-in-out 0s;width: 100%;}
.gallery-box > .box:hover a.zoom-btn {background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;display: block;}
.gallery-box > .box a.zoom-btn::after {background: rgba(0, 0, 0, 0) url("../images/zoom-icon.png") no-repeat scroll 0 0;bottom: 0;content: "";height: 32px;left: 45%;opacity: 0;position: absolute;transition: all 0.5s ease-in-out 0s;width: 32px;}
.gallery-box > .box:hover a.zoom-btn::after {bottom: 45%;left: 45%;opacity: 1;}
/*-------------------------------------------------------------------gallery--------------------------------------------------------------------*/

#gurucont {padding: 60px 0;width: 100%;  background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; background-image: url('../images/cont.jpg');}
#gurucont h1{ font:34px 'LATOBLACK' !important; color:#fff !important; padding:0px 0 20px 0px;  margin-bottom:0px !important; text-align: center;  margin-top:0px !important; text-transform:uppercase;}
#gurucont h1 span{ color:#ed2a28;}
#gurucont h1.title::after {background-color: #fff;content: "";display: block;height: 2px;left: 36%;
    margin-top: 15px;position: relative;width:320px;}
#gurucont p {font-size: 17px;color:#fff; text-align:center; padding:10px 0 22px; line-height:29px; margin:0px;}
.contact {padding: 0 11px;width: 100%;}
.contact h4 {border: medium none;color: #fff !important;font: 20px "LATOREGULAR" !important;margin-bottom: 0;padding: 6px 0 !important;}
.contact ul {margin: 0 0 10px;padding: 0;}
.contact li {border-bottom: 1px dotted #ababab;line-height: 25px;list-style: outside none none;padding: 8px 0 8px 50px;position: relative; color:#FFF;}
.contact li span {color: #fff;font-weight: bold;}
.contact ul li a {color: #fff !important;padding: 0 0 0 2px;text-decoration: none;}
.contact ul li a:hover {color: #DE6140 !important;}
.contact li .fa {background: #ed2a28 none repeat scroll 0 0;border-radius: 50%;color: #fff;height: 35px;left: 0;
    line-height: 35px;position: absolute;text-align: center;top: 9px;width: 35px;}
.contact .socials {overflow: hidden; margin-top:20px;}
.contact .socials .fa {color:#fff !important;left: 0;padding-right: 0;position: inherit;}
.contact .socials a {background-color:#ed2a28;border-radius: 50%;color: #fff !important;font-size: 20px;height:35px;line-height: 35px;text-align: center;width: 35px;}
.contact .socials a:hover {background-color:#fcbd2c !important;color: #000 !important;text-decoration: none;}
.contact .socials a + a {margin-left: 5px;}
   
.right input {background-color: transparent;color: #fff !important;margin: 4px 0 !important;padding: 10px 5px;width: 100%; border:1px solid #fff;}
.right textarea {background-color: transparent;border: 1px solid #fff;color: #fff;margin: 4px 0 !important;min-height: 120px;padding: 10px 5px;width: 100%;}
.right label {display: inline-block;font-weight: 500 !important;margin-bottom: 10px;margin-top: 10px;max-width: 100%; color:#FFF;}
.btn-success {
    background-color: #F43438 !important;
    border-color: #F43438 !important;
    color: #fff !important;
    font-size: 17px !important;
    padding: 7px 36px !important; border-radius:0px; margin-top:10px;
} 
.map{ border-top:1px solid #ccc;}
.footer-btm {background: #ed2a28 none repeat scroll 0 0;color: #fff;font-size: 15px;padding: 20px 0;width: 100%;}

.copy{}
.copyright {text-align: right;}
.copyright a {color: #fff !important;text-decoration: none;}
.copyright a:hover {color:#fff !important;text-decoration: underline;}

#guruprice {padding: 60px 0px;width: 100%;}
.carousel-control:focus, .carousel-control:hover{ background:none !important;}

.tab-content {
    border: 1px solid #d8d8d8;
    padding: 20px 20px 30px; 
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #dd3237;
    border-color: #dd3237 #dd3237 transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    cursor: default;
}
.nav-tabs > li > a {
    background: #f5b839 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    line-height: 1.42857; text-transform:uppercase;
    margin-right: 2px;
}
.nav > li > a:focus, .nav > li > a:hover {
    background-color: #83b748;
    color: #fff;
    text-decoration: none;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
.main-header {box-shadow: none;}	
header {top: 142px;}
.logo img {margin-left: auto;margin-right: auto;}
.navi::after{ display:none;}
.navi::before{ display:none;}
.navi {left:0; width:100%; background: #dd3237 none repeat scroll 0 0;padding: 0;position: sticky;z-index: 10000;}
.navb > li > a {line-height:inherit !important;}
.main-header .socials{display:none;}
.shop {font-size: 12px;padding: 5px 0;text-align: left;text-transform: uppercase;}
.shop-phone {display: inline-block;margin: 0 9px;padding: 3px 0 3px 27px;position: relative;text-align: left;}
.shop-phone i {font-size: 10px;height: 20px;line-height: 20px;width: 20px;}
.mean-container a:focus.meanmenu-reveal{ background:none;}
.lgo{ display:none;}
.scrolldown{ display:none;}
.banner_part {position: inherit; top:auto;}
#quick-enquiry{ position:unset; right:auto;}
h1.title::after {left: 4%; width: 270px;}
#guruproject h1.title::after {left: 6%;}
#guruproject h2 {font: 22px/25px "LATOREGULAR" !important;}
#gurugallery h1.title::after {left: 9%;width: 240px;}
#gurucont h1.title::after {left: 3%;width: 273px;}
.footer-btm {text-align: center !important;}
.copyright {text-align: center !important;}
.nav > li > a {padding: 10px 4px;}
.nav-tabs > li > a {font-size: 12px;text-transform: inherit;}

}

@media only screen 
and (min-width : 320px) 
and (max-width : 480px)
and (orientation : landscape)  {

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (min-width : 321px) 
and (max-width : 640px)
and (orientation : portrait) {

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) 
and (max-width : 640px)
and (orientation : landscape)  {

}

/* Smartphones (portrait) ----------- */
@media (min-width: 0px) and (max-width:640px){

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {

	
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {



}

/* iPads (portrait) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 800px) 
and (max-width : 1280px) 
and (orientation : portrait) {
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-pixel-ratio : 1.5),
only screen and (min-pixel-ratio : 1.5) {
/* Styles */
}
/*---------------------------------------------------------------media-----------------------------------------------------------------------------*/