@charset "utf-8";



/* CSS Document */



/* FONTS DECLARATION */



@font-face {



    font-family: 'IBM Plex Sans';



    src: local('IBM Plex Sans Medium'), local('IBMPlexSans-Medium'),



        url('../../fonts/subset-IBMPlexSans-Medium.woff2') format('woff2'),



        url('../../fonts/subset-IBMPlexSans-Medium.woff') format('woff');



    font-weight: 500;



    font-style: normal;



}



@font-face {



    font-family: 'IBM Plex Sans';



    src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),



        url('../../fonts/subset-IBMPlexSans-SemiBold.woff2') format('woff2'),



        url('../../fonts/subset-IBMPlexSans-SemiBold.woff') format('woff');



    font-weight: 600;



    font-style: normal;



}



@font-face {



    font-family: 'IBM Plex Sans';



    src: local('IBM Plex Sans ExtraLight'), local('IBMPlexSans-ExtraLight'),



        url('../../fonts/subset-IBMPlexSans-ExtraLight.woff2') format('woff2'),



        url('../../fonts/subset-IBMPlexSans-ExtraLight.woff') format('woff');



    font-weight: 200;



    font-style: normal;



}



@font-face {



    font-family: 'IBM Plex Sans';



    src: local('IBM Plex Sans'), local('IBMPlexSans'),



        url('../../fonts/subset-IBMPlexSans.woff2') format('woff2'),



        url('../../fonts/subset-IBMPlexSans.woff') format('woff');



    font-weight: normal;



    font-style: normal;



}



@font-face {



    font-family: 'IBM Plex Sans';



    src: local('IBM Plex Sans Light'), local('IBMPlexSans-Light'),



        url('../../fonts/subset-IBMPlexSans-Light.woff2') format('woff2'),



        url('../../fonts/subset-IBMPlexSans-Light.woff') format('woff');



    font-weight: 300;



    font-style: normal;



}







html{font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale; line-height: 1;}



/* base declaration */



.big-font {



  font-size: 18px;



  line-height: 25px;



}



p span {



  font-weight: 600;



}



.center {



  margin: 0 auto;



}



a:hover,



a:focus,



a:active{text-decoration: none; color: #d43337;}



.fullWidth{ float: left; display: inline-block; width: 100%; position: relative;}



body{background: #fff;font-family: 'Raleway', sans-serif; font-size: 16px; color: #333; margin: 0; overflow-x: hidden; overflow-y: auto; font-weight: 400; font-style: normal; text-rendering: optimizeLegibility; /*letter-spacing: 1.11px;*/ line-height: 1;}



html,body{height: 100%;}



body.inNav{overflow: hidden;}



body.inNav .menu--trigger{z-index: 10000;}



section, header, main, footer{line-height: 1.57;}



p{color: #030202; word-wrap: break-word;}



.label--head{line-height: 1.75;}



p:not(:last-of-type){margin-bottom: 1rem;}



p + .label--head{margin-top: 1rem;}



.label--head{margin-bottom: 1.357rem;}



/* fonts Declaration */



.e-light{font-weight: 200 !important;}



.light{font-weight: 300 !important;}



.normal{font-weight: 400 !important;}



.mdum{font-weight: 500 !important;}



.s-bold{font-weight: 600 !important;}



/* fonts Declaration */



h1,h2,h3,h4,h5,h6{color: #030202; word-wrap: break-word;}



.row{width: -moz-calc(100% + 30px);width: -webkit-calc(100% + 30px);width: calc(100% + 30px); float: left;}



/* Other Base */



.padder--custom{padding-left: 3.57rem; padding-right: 3.57rem;}



.blocker{float: left; width: 100%; position: relative;}







.black {



  color: #333;



}



.grey-bg {



  background-color: #efefef;



}



.img-100 {



  width: 100%;



}



.red {



  color: #B01115;



}



/* Other Base */







.header--wrap{text-align: left;}



.menu--trigger{display: none;}



/* Logo Img Header */



.logo-area{float: left; display: inline-block; width: 100%; position: relative; max-width: 300px; text-align: left; margin-right: 15px;transition: max-width  0.24s linear; -o-transition: max-width 0.24s linear; -webkit-transition:  max-width 0.24s linear; -moz-transition: max-width 0.24s linear; -ms-transition: max-width 0.24s linear; }



.logoLink{display: inline-block; float: none; position: relative;}



.logoImg{display: inline-block; float: none; max-width: 100%; position: relative;}



.uc{text-transform: uppercase;}



.underlined{text-decoration: underline !important;}



.rightHeader__header{display: inline-block; float: left; width: 100%; position: relative; text-align: center;}



/* Logo Img Header */







/*.logo Svg*/



.logoLink{background-image: url(../../../../images/logo.png); background-repeat: no-repeat; background-size: contain; background-attachment: scroll; background-position: left center; display: inline-block; float: none;}



.inline--link{color: inherit; font-size: inherit; opacity: 1; display: inline-block; float: none; position: relative; font-weight: inherit;}



.inline--link:focus,



.inline--link:hover,



.inline--link:active{color: inherit; opacity: 1; text-decoration: none; outline: none;}



.white{color: #fff !important;}



.bgWhite{background-color: #fff !important;}







.social-header {



  list-style: none;



  margin-top: -10px;



}



.social-header li {



  display: inline-block;



  padding-left: 5px; padding-right: 5px;



}



.social-header li img {



  width: 80%;



}



/*header*/



.iconHeader{ -moz-transform: scale(1.357); -webkit-transform: scale(1.357); -ms-transform: scale(1.357); -o-transform: scale(1.357);transform: scale(1.357);}



.large--icon.iconHeader{ -moz-transform: scale(1.57); -webkit-transform: scale(1.57); -ms-transform: scale(1.57); -o-transform: scale(1.57);transform: scale(1.57);}



/*icon Header*/



.topMostHeader{background-color: #030202; color: #fff; font-size: 0.85rem; font-weight: 400; opacity: 1; text-rendering: geometricPrecision; letter-spacing: 1.1428px; text-align: right; width: 100%;}



.topMostHeader > div > * {padding-top: 0.55rem; padding-bottom: 0.5rem; display: inline-block;}



.topMostHeader > div:not(:last-of-type){margin-right: 3.57rem;}



.overlayMenu{display: none !important;}



/*banner Area*/







.products img {



    width: 100%;



}



.work {



    background:url(../../images/work-bg.jpg);



    background-size: cover;



    min-height: 500px;



    margin-top: 50px;



}



.work .innerDivforAnim {



    padding-top: 100px;



    padding-bottom: 100px;



}


/* Listing Page starts */


.products-div {



  padding-bottom: 30px;



}



/* Checkbox Style Starts Here */



.prod-check-list {

  display: block;

  position: relative;

  padding-left: 20px;

  margin-bottom: 5px;

  cursor: pointer;

  font-size: 14px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



/* Hide the browser's default checkbox */

.prod-check-list input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;

}



/* Create a custom checkbox */

.checkmark {

  position: absolute;

  top: 3px;

  left: 0;

  height: 15px;

  width: 15px;

  background-color: #eee;

}



/* On mouse-over, add a grey background color */

.prod-check-list:hover input ~ .checkmark {

  background-color: #ccc;

}



/* When the checkbox is checked, add a blue background */

.prod-check-list input:checked ~ .checkmark {

  background-color: #E13435;

}



/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



/* Show the checkmark when checked */

.prod-check-list input:checked ~ .checkmark:after {

  display: block;

}



/* Style the checkmark/indicator */

.prod-check-list .checkmark:after {

  left: 6px;

  top: 3px;

  width: 4px;

  height: 8px;

  border: solid white;

  border-width: 0 3px 3px 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}



/* Checkbox Style Ends Here */



/* Radio Button Style Starts Here */



.prod-radio-list {

  display: block;

  position: relative;

  padding-left: 20px;

  margin-bottom: 5px;

  cursor: pointer;

  font-size: 14px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



/* Hide the browser's default radio button */

.prod-radio-list input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

}



/* Create a custom radio button */

.radiomark {

  position: absolute;

  top: 3px;

  left: 0;

  height: 16px;

  width: 16px;

  background-color: #eee;

  border-radius: 50%;

}



/* On mouse-over, add a grey background color */

.prod-radio-list:hover input ~ .radiomark {

  background-color: #ccc;

}



/* When the radio button is checked, add a blue background */

.prod-radio-list input:checked ~ .radiomark {

  background-color: #E13435;

}



/* Create the indicator (the dot/circle - hidden when not checked) */

.radiomark:after {

  content: "";

  position: absolute;

  display: none;

}



/* Show the indicator (dot/circle) when checked */

.prod-radio-list input:checked ~ .radiomark:after {

  display: block;

}



/* Style the indicator (dot/circle) */

.prod-radio-list .radiomark:after {

  top: 5px;

  left: 5px;

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background: white;

}





/* Radio Button Style Ends Here */





/* Listing Sidebar Filters Style Starts */

.products-filters {

  padding-top: 5px;

}

.products-filters .card {

  border:0px;

}

.products-filters i {
  margin-top: 5px; 
}


.products-filters .card-header {

  padding: 5px 10px;

  margin-bottom: 5px;

  border-bottom: 0px;

}

.products-filters .card-link {

  font-size: 1.2rem;

  color: #030202;

}



.products-filters .card-body {

  padding: 0.5rem 1rem;

}

.products-div h4 {



  text-align: center;



  margin-top: 10px;



}



.products-div p {



  font-size: 13px;



  padding-left: 20px;



  padding-right: 20px;



}



.products-div p a {



  color: #D43337;



  font-size: 15px;



}

.products-right {
  padding-right: 25px;
}

/*
.modified-accordion .card-header{ position: relative;}
.modified-accordion .card-header:after{ content: ''; position: absolute; width: 100%; 
 height: 100%; left: 0; top: 0;}
.modified-accordion .collapse:not(.show){ display: block;}*/

.style-list {



  padding-left: 15px;



}




.footer a:hover {



    color: #d43337;



}



.contact-link {



    border-bottom:2px solid #d43337;



    color: #fff;



}



.footer h4 {



  font-size: 20px;



}







.float-left {



    float: left;



}



.float-right img {



    float: right;



}







.copyrightDiv span.icon {



    font-size: 25px;



    margin-right: 10px;



}



.copyrightDiv .float-right span {



    float: right;



}



.footer-bdr {



    border-top: 1px solid rgba(255,255,255,0.2);



    padding-bottom: 10px;



}



.footer h1 {



    font-weight: 200;



}



.contact {



    font-size: 18px;



}







.enquire-us {



    position: fixed;



    right: -45px;



    top: 50%;



    background-color: #d43337;



    color: #fff;



    z-index: 999;



    padding: 10px 15px;



    transform: rotate(90deg);



    font-size: 16px;



    text-transform: uppercase;



}







.enquire-us a, .enquire-us a:hover {



    color: #fff;



}



.bdr-white {



  border-top: 1px solid #fff;



  width: 10%;



  display: inline-block;



  margin-left: 5px;



  margin-bottom: 25px;



  margin-right: 5px;



}



.bdr {



  border-top: 1px solid #000;



  width: 10%;



  display: inline-block;



  margin-left: 5px;



  margin-bottom: 25px;



  margin-right: 5px;



}



.heading-style {



  display:inline-block;



  font-size: 4rem;



  font-weight: 400;



  text-transform: uppercase;



  color: #000;



}



.sub-head {



  text-align: center; width: 100%; font-size: 24px; letter-spacing: 5px;



  margin-bottom: 20px;



}



.heading-home {



  margin: 0 auto;



  text-align: center;



}



.home-btn {



  background:url(../../images/grey-bg.jpg) no-repeat;



  background-size: cover;



 padding: 50px 20px;



 text-transform: uppercase;



 font-size: 30px;



 border-right: 1px solid #fff;



}



.home-btn a {



  color: #000;



}



.red-bg {



  background-color: #D43337;



}



.home-about-bg {



  background-image: url(../../images/about-bg.jpg);



  background-size: cover;



  background-repeat: no-repeat;



}



.home-about img {



  margin-bottom: 20px;



}



.home-about h1 {



  font-size: 2.5rem;



  font-weight: 400;



  margin-top: 15px;



}



.home-about h4 {



  font-weight: 400;



}



.home-about > div > div {



  padding: 30px;



  border:1px solid #ddd;



  margin-left: -1px;



  margin-top: -1px;



}



footer .social-icons a {



  color: #fff;



}



footer .social-icons span {



  font-size: 2rem;



  margin-left: 10px;



  margin-right: 10px;



}



footer h4 {



  line-height: 30px;



}







/* Image Hover Effects */



.content {



  position: relative;



  width: 100%;



  /*max-width: 400px;*/



  /*margin:0 auto;



  overflow: hidden;*/



}







.content .content-overlay {



  background: rgba(0,0,0,0.8);



  position: absolute;



  height: 99%;



  width: 100%;



  left: 0;



  top: 0;



  bottom: 0;



  right: 0;



  opacity: 0;



  -webkit-transition: all 0.4s ease-in-out 0s;



  -moz-transition: all 0.4s ease-in-out 0s;



  transition: all 0.4s ease-in-out 0s;



}







.content:hover .content-overlay {



  opacity: 1;



}







.content-image {



  width: 100%;



}







.content-details {



  position: absolute;



  text-align: center;



  padding-left: 1em;



  padding-right: 1em;



  width: 100%;



  top: 50%;



  left: 50%;



  opacity: 0;



  -webkit-transform: translate(-50%, -50%);



  -moz-transform: translate(-50%, -50%);



  transform: translate(-50%, -50%);



  -webkit-transition: all 0.3s ease-in-out 0s;



  -moz-transition: all 0.3s ease-in-out 0s;



  transition: all 0.3s ease-in-out 0s;



}







.content:hover .content-details {



  top: 50%;



  left: 50%;



  opacity: 1;



}







.fadeIn-bottom {



  top: 80%;



}



.content-title {



    color:#fff;



}



/* Image Hover Effects */







.our-work {



  margin-bottom: 50px;



}



.our-work > div > div {



  margin-bottom: 20px;



}







/* Product Listing Style Starts here */



.prod-list h5 {



  padding-top: 10px;


  padding-bottom: 10px;


  background-color: #D43337;


  font-size: 16px;


  color: #fff;


}



/* Ends */











/* Detail Page Style Starts Here */



.detail-left {



  padding-left: 20px;



}



.detail-left .thumbs a {



  margin-bottom: 15px;



  float: left;



}



.detail-right {



  padding-right: 20px;



}







/* Ends */







/*



.swiper-pagination{text-align: center;}



.swiper-pagination-bullet{border: 1px solid #eee;}



.base--colored{color: #FF0000;}*/



.categoriesListWrap{background-color: #030202; letter-spacing: 1.1428px; font-weight: 300;letter-spacing: 1px;}



.list--ul{float: left; display: inline-block; width: 100%; position: relative;letter-spacing: 1px;}



.listBulleted{float: left; display: inline-block; width: 100%; position: relative; padding-left: 24px; font-size: 1.357rem; font-weight: 100; letter-spacing: 1px;}



.list--ul > li:not(:last-of-type){margin-bottom: 1rem;}



.listBulleted:before{position: absolute; content: "\f3d3"; font-family: "Ionicons"; left: 0; top: 1px; display: inline-block; float: left; z-index: 10; font-size: 1.457rem; text-rendering: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: inherit;}



.posStatic{position: static;}



footer.footer{/*background-color: #030202;*/ background-image: url(../../images/contactbg.jpg); color: #fff; padding-top: 7rem !important; background-position: center; background-size: cover;}



footer.footer *{text-rendering: optimizeLegibility;}



.footerIcon{ position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);transform: translateY(-50%); font-size: 1.357rem;}



.footerTrigger{font-size: 1.25rem; padding-right: 30px; padding-top: 1rem; padding-bottom: 1rem;}



.footerTrigger[aria-expanded="false"] .ion-plus{display: inline-block;}



.footerTrigger[aria-expanded="false"] .ion-minus{display: none;}



.footerTrigger[aria-expanded="true"] .ion-minus{display: inline-block;}



.footerTrigger[aria-expanded="true"] .ion-plus{display: none;}



.faded--div{opacity: 0.71;}



.blocker *,



.blocker{line-height: 1.6;}



#footer--abt .faded--div{max-width: 375px;}



.footerLinks a.inline--link:not(:last-of-type){margin-right: 1.75rem; display: inline-block; float: none;}



.footerLinks a.inline--link{color: #FF0000 !important; opacity: 0.75; font-style: 1.6rem;}



.footerLinks a.inline--link:hover,



.footerLinks a.inline--link:focus,



.footerLinks a.inline--link:active{opacity: 1;}



.footerLinks a.inline--link i{width: 25px; height: 25px; line-height: 37px; vertical-align: middle; background-size: contain; background-repeat: no-repeat; background-attachment: scroll; background-position: center; display: inline-block; float: left;}



.footerLinks a.inline--link i:before{ font-size: 1.6rem;}



.footerLinks a.inline--link.lgIcon i:before{font-size: 1.75rem;}



footer .list--ul{height: 150px;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}



footer .list--ul li{display: inline-block; width: 100%; float: left; -webkit-order: 0;-ms-flex-order: 0;order: 0;-webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;-webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto; max-width: 120px; padding-right: 6px; word-wrap: break-word; border-top: 1px solid #eee;}



footer .list--ul li a{display: inline-block; float: none; opacity: 1 !important; word-wrap: break-word;}



.copyrightDiv{/*background-color: #030202;*/}



a, button, div, span{outline: none !important;}



/*video*/



section[data-videoHeighter]{overflow: hidden; background-color: #000; perspective: 1000px;}



.absVideoDivHome{position: absolute; top: -100%; left: 0; width: 100%; overflow: hidden; opacity: 0; height: 100%;-webkit-transition: 0s top cubic-bezier(0.4, 0, 0.2, 1) 0.55s, 1.75s opacity cubic-bezier(0.4, 0, 0.2, 1) 0.11s, 1.25s -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.55s;-moz-transition: 0s top  cubic-bezier(0.4, 0, 0.2, 1) 0.55s, 1.75s opacity cubic-bezier(0.4, 0, 0.2, 1) 0.11s, 1.25s -moz-transform cubic-bezier(0.4, 0, 0.2, 1) 0.55s; transition: 0s top cubic-bezier(0.4, 0, 0.2, 1) 0.55s, 1.75s opacity cubic-bezier(0.4, 0, 0.2, 1) 0.11s, 1.25s transform cubic-bezier(0.4, 0, 0.2, 1) 0.55s; -ms-transition: 0s top cubic-bezier(0.4, 0, 0.2, 1) 0.55s, 1.75s opacity cubic-bezier(0.4, 0, 0.2, 1) 0.11s, 1.25s -ms-transform cubic-bezier(0.4, 0, 0.2, 1) 0.55s; -webkit-transform: scaleX(1) scaleY(1); -moz-transform: scaleX(1) scaleY(1); -ms-transform: scaleX(1) scaleY(1); -o-transform: scaleX(1) scaleY(1);transform: scaleX(1) scaleY(1); transform-origin: center top; -webkit-transform-origin: center top; -moz-transform-origin: center top; perspective-origin: center top;}



.Loaded .absVideoDivHome{top: 0; opacity: 1;-webkit-transform: scaleX(1) scaleY(0); -moz-transform: scaleX(1) scaleY(1); -ms-transform: scaleX(1) scaleY(1); -o-transform: scaleX(1) scaleY(1);transform: scaleX(1) scaleY(1);}



.videoHome{position: relative; display: inline-block; float: left; width: 100%; object-fit: cover; object-position: center; z-index: 100;}



.arrowHolder{position: absolute; bottom: 5px; left: 50%; text-align: center; width: 30px; overflow: visible; margin-left: -15px; font-size: 3.5rem; color: #fff !important; z-index: 101;}



.bounce{-moz-animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite; -ms-animation: bounce 2s infinite; animation: bounce 2s infinite; animation-fill-mode: both;-moz-animation-fill-mode: both;-webkit-animation-fill-mode: both;-ms-animation-fill-mode: both;



  animation-delay: 0.33s;-ms-animation-delay: 0.33s;-moz-animation-delay: 0.33s;-webkit-animation-delay: 0.33s; animation-play-state: running;-ms-animation-play-state: running;-moz-animation-play-state: running; -webkit-animation-play-state: running; display: inline-block; float: none; text-align: center; line-height: 50px;}



.arrowHolder:hover .bounce,



.arrowHolder:focus .bounce,



.arrowHolder:active .bounce{animation-play-state: paused;-ms-animation-play-state: paused;-moz-animation-play-state: paused; -webkit-animation-play-state: paused;}



/*.styledHeading{float: none; display: inline-block; position: relative; padding-top: 6px; padding-bottom: 6px; line-height: 1.5; vertical-align: middle; overflow: visible; font-size: 4rem; font-weight: 400; text-transform: uppercase;}*/







.styledHeading{float: none; display: inline-block; position: relative; padding-left: 20px; padding-right: 20px; vertical-align: middle; overflow: visible; font-size: 4rem; font-weight: 400; text-transform: uppercase; border-left: 2px solid #333; border-right: 2px solid #333;}







.text--enlarged .normalText{font-size: 1.1428rem;}



.centeredDivContent{float: none; display: inline-block; position: relative; max-width: 1070px;}



/*.styledHeading:before,



.styledHeading:after{position: absolute; left: 24%; background-color: #030202; height: 1px; border-radius: 2px; background-clip: padding-box; overflow: hidden; content: ""; display: inline-block; float: left; z-index: 10; width: 100%; max-width: 52%;}



.styledHeading:before{top: 0;}



.styledHeading:after{bottom: 0;}*/











/*.styledHeading-white{float: none; display: inline-block; position: relative; padding-top: 6px; padding-bottom: 6px; line-height: 1.5; vertical-align: middle; overflow: visible; font-size: 4rem; font-weight: 500; text-transform: uppercase;}*/







.styledHeading-white{float: none; display: inline-block; position: relative; padding-left: 20px; padding-right: 20px; vertical-align: middle; overflow: visible; font-size: 4rem; font-weight: 400; text-transform: uppercase; border-left: 2px solid #fff; border-right: 2px solid #fff;}







/*.styledHeading-white:before,



.styledHeading-white:after{position: absolute; left: 24%; background-color: #fff; height: 1px; border-radius: 2px; background-clip: padding-box; overflow: hidden; content: ""; display: inline-block; float: left; z-index: 10; width: 100%; max-width: 52%;}



.styledHeading-white:before{top: 0;}



.styledHeading-white:after{bottom: 0;}*/







.mobile-social-links {



  display: none !important;



}







.btn-style {



    border:0;



    background-color: #d43337;



    color: #fff;



    padding:10px 30px;



    font-size: 18px;



}







.u-none{text-transform: none;}



/*.iconHolder__abt{text-rendering: optimizeSpeed; width: 210px; height: 210px; border-radius: 50%; background-clip: padding-box; overflow: hidden; background-color: #d43337; color: #fff; margin-bottom: 1rem;-webkit-transition: 0.53s -webkit-box-shadow cubic-bezier(0.4, 0, 0.2, 1), 0.53s -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: 0.53s -moz-box-shadow cubic-bezier(0.4, 0, 0.2, 1), 0.53s -moz-transform cubic-bezier(0.4, 0, 0.2, 1); transition: 0.53s box-shadow cubic-bezier(0.4, 0, 0.2, 1), 0.53s transform cubic-bezier(0.4, 0, 0.2, 1); -o-transition: 0.53s box-shadow cubic-bezier(0.4, 0, 0.2, 1), 0.53s -o-transform cubic-bezier(0.4, 0, 0.2, 1); -ms-transition: 0.53s box-shadow cubic-bezier(0.4, 0, 0.2, 1), 0.53s -ms-transform cubic-bezier(0.4, 0, 0.2, 1);-webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.15);-moz-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.15);box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.15);}



.iconHolder__abt:hover,



.iconHolder__abt:focus,



.iconHolder__abt:active{-webkit-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.65);-moz-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.65);box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.65); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px);  -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);}*/



.absTextContent{float: left; display: inline-block; width: 100%; text-align: center; position: absolute; top: 50%; left: 0; padding: 5px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);transform: translateY(-50%);}



.absTextContent h3{font-weight: 400;}



.icon__abt{width: 50px; height: 50px;float: none; display: inline-block; position: relative; background-repeat: no-repeat; background-size: contain; background-attachment: scroll; background-position: center;}



section{ overflow: visible; }



.aboutUsSection div[clas*="col-"]{overflow: visible;}



.aboutUsSection{z-index: 10; background-color: #D43337;}







/* Inner Pages Style Starts Here */



.parallax {



  position: relative;



  background-attachment: fixed;



  background-position: center bottom;



  background-repeat: no-repeat;



  background-size: cover;



  min-height: 100%;



  height: 500px;



}



.parallax:before {



  content: '';



  position: absolute;



  top: 0;



  right: 0;



  bottom: 0;



  left: 0;



  background-color: rgba(0,0,0,0.6);



  opacity: .5;



}



.parallax h4 {



   padding-top: 20px;



}



.about-bg {



  background-image: url('../../images/banner-contact.jpg');



  height: 500px;



  background-position: top center;



}



.inner-banner-text h1 {



  color: #fff;



  position: absolute;



  bottom: 50px;



  left: 5%;



  text-transform: uppercase;



}



.bdr-btm-red {



  border-bottom: 2px solid #D43337;



  width: 50px;



  padding-top: 5px;



  margin:0 auto;



}



.text-alignleft {



    float: left !important;



}



.inner-heading .bdr-btm {



  border-bottom: 2px solid #D43337;



  width: 50px;



  padding-top: 5px;



}



.inner-heading {



  padding-top: 50px;



}











/* Contact Us Page Style Starts Here */







  .contact-text {



    margin:45px auto;



  }







  .mail-message-area{



    width:100%;



    padding:0 15px;



  }







  .mail-message{



    width: 100%;



    background:rgba(255,255,255, 0.8) !important;



    -webkit-transition: all 0.7s;



    -moz-transition: all 0.7s;



    transition: all 0.7s;



    margin:0 auto;



    border-radius: 0;



  }







  .not-visible-message{



    height:0px;



    opacity: 0;



  }







  .visible-message{



    height:auto;



    opacity: 1;



    margin:25px auto 0;



  }







/* Input Styles */







  .form{



    width: 100%;



    padding: 15px;



    /*background:#f8f8f8;*/



    border:1px solid rgba(0, 0, 0, 0.2);



    margin-bottom:25px;



    color:#727272 !important;



    font-size:13px;



    -webkit-transition: all 0.4s;



    -moz-transition: all 0.4s;



    transition: all 0.4s;



  }







  .form:hover{



    border:1px solid #ddd;



  }







  .form:focus{



    color: white;



    outline: none;



    border:1px solid #ddd;



  }







  .textarea{



    height: 100px;



    max-height: 100px;



    max-width: 100%;



  }



  



/* Generic Button Styles */







  .button{



    padding:8px 12px;



    background:#0A5175;



    display: block;



    width:120px;



    margin:10px 0 0px 0;



    border-radius:3px;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    transition: all 0.3s;



    text-align:center;



    font-size:0.8em;



    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);



    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);



    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);



  }







  .button:hover{



    background:#8BC3A3;



    color:white;



  }







/* Send Button Styles */







  .form-btn{



    width:180px;



    display: block;



    height: auto;



    padding:15px;



    color:#fff;



    background:#d43337;



    border:none;



    border-radius:3px;



    outline: none;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    transition: all 0.3s;



    /*margin:auto;*/



    float:left;



    text-align: center;



    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);



    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);



    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);



  }







  .form-btn:hover{



    background:#111;



    color: white;



    border:none;



  }







  .form-btn:active{



    opacity: 0.9;



  }











#map {



  width: 100%;



  height: 350px;



}



/* Contact Us Page Style Ends Here */







/* Inner Pages Style Ends Here */







/* responsiveness */ 



@media all and (max-width: 1199.98px) {



    .section{padding-top: 2.1428rem; padding-bottom: 2.1428rem;}



    .topMostHeader{text-align: center; white-space: nowrap;}



    .topMostHeader > div:not(:last-of-type){margin-right: 1rem;}



    .topMostHeader > div{font-size: 0.75rem;}



    .iconHolder__menu{transform: scale(0.75);transform: scale(0.75);transform: scale(0.75);transform: scale(0.75);transform: scale(0.75); transform-origin: right center;}



    .menuWrapper__header{float: left; display: inline-block; position: static;}



    .logoLink{min-height: 80px; width: 100%; display: inline-block; float: left; position: relative;}



    .logo-area{max-width: 270px; margin-right: 20px;}



    .header--wrap{background-color: #fff;-webkit-box-shadow: 2px 3px 20px rgba(0,0,0,.23);-moz-box-shadow: 2px 3px 20px rgba(0,0,0,.23);



    box-shadow: 2px 3px 20px rgba(0,0,0,.23); z-index: 9999; position: fixed; top: 0; left: 0;}



    .overlayMenu{display: none !important;}



    .inNav .overlayMenu{display: inline-block !important; background-color: rgba(0,0,0,0.25); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999;}



    .logo{max-width: 190px;}



    .menu--trigger{float: left; margin-right: 0; z-index: 9999; text-align: center; display: inline-block; -webkit-transition: 0.53s right cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: 0.53s right  cubic-bezier(0.4, 0, 0.2, 1);-o-transition: 0.53s right  cubic-bezier(0.4, 0, 0.2, 1);transition: 0.53s right cubic-bezier(0.4, 0, 0.2, 1); display: block; position: fixed; top: 25px; display: inline-block; z-index: 10000; background-color: transparent; right: 0; text-align: right;}



    .menu--trigger.cross{margin-top: 0; margin-left: 0; right: 250px; z-index: 10000;}



    .headerInner{position: static; z-index: 9998; padding-top: 0.5rem; padding-bottom: 0.33rem;}



    #nav-icon4 {width: 50px;height: 45px;position: relative;margin: 0 auto;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}



    #nav-icon4 span {display: block;position: absolute;height: 3px;width: 100%;background: #030202;border-radius: 8px;opacity: 1;left: 0; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}



    #nav-icon4 span:nth-child(1) {top: 10px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}



    #nav-icon4 span:nth-child(2) {top: 20px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}



    #nav-icon4 span:nth-child(3) {top: 31px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}



    .menu--trigger.cross #nav-icon4 span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 2px;left: 8px;}



    .menu--trigger.cross #nav-icon4 span:nth-child(2) {width: 0%;opacity: 0;}



    .menu--trigger.cross #nav-icon4 span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 39px;left: 8px;}



    .inNav .headerInner{background-color: #fff; z-index: 9999;}



    .nav-wrap.aside{position: fixed; right: -301px; top: 0; height: calc(100%) !important; height: -webkit-calc(100%) !important; height: -moz-calc(100%) !important; z-index: 10000; width: 250px; max-width: 250px; opacity: 1;-webkit-transition: 0.53s right cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: 0.53s right  cubic-bezier(0.4, 0, 0.2, 1);-o-transition: 0.53s right  cubic-bezier(0.4, 0, 0.2, 1);transition: 0.53s right cubic-bezier(0.4, 0, 0.2, 1); display: inline-block; overflow: visible; border-top: 1px solid transparent; border-right: 1px solid transparent; float: right; background-color: #fff; display: inline-block; height: 100%;}



    .inNav .nav-wrap.aside{right: 0; visibility: visible; opacity: 1; -webkit-box-shadow: -2px 0px 15px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: -2px 0px 15px 0px rgba(50, 50, 50, 0.75); box-shadow: -2px 0px 15px 0px rgba(50, 50, 50, 0.75); border-left-color: #ddd;}



    .home-menu .NextBtn{display: inline-block !important; float: right; position: absolute; right: 0; padding-top: 15px; padding-bottom: 15px; font-size: 2.14283rem; padding-left: 10px; padding-right: 10px; top: -1px;}



    /* Sub Menus & Other Menus */



    .nav-wrap .subMenu {position: static !important;}



    .nav-wrap ul li{display: inline-block; float: left; overflow: visible;}



    .nav-wrap ul li a{text-align: left; line-height: 21px; font-size: 1rem; color: #030202;}



    .nav-wrap ul{float: left; display: inline-block; position: static; color: #fff; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.77px; margin: 0; padding: 0; overflow: visible;height: calc(100vh) !important; height: calc(100vh) !important; height: calc(100vh) !important; width: 250px;}



    .home-menu > li{position: static; padding: 0; width: 100%; max-width: 250px;display: inline-block; float: left;}



    .home-menu li.excepList{display: inline-block; float: left; background-color: #f7f7f7 !important; color: #030202;}



    .home-menu li.excepList:hover,



    .home-menu li.excepList:focys,



    .home-menu li.excepList:active{outline: none; background-color: #f7f7f7 !important; color: #030202;}



    .nav-wrap ul.home-menu{position: static; width: 100%; direction: ltr; height: 100%; }



    .nav-wrap ul li{border-bottom: 1px solid #eee;}



    .home-menu > li a{font-weight: 300; color: #030202; display: inline-block; padding: 15px 20px 15px; position: relative; border-bottom: 1px solid transparent; width: 100%; position: relative;}



    .home-menu > li.has--menu > a{color: #030202;}



    .home-menu li:hover,



    .home-menu li:focus,



    .home-menu li:active{outline: none; background-color: #fff;}



    .home-menu li:hover > a,



    .home-menu li:focus > a,



    .home-menu li:active > a{color:#030202; text-decoration: none; list-style-type: none;}



    .SubMenuHolder, .levelHold{display: inline-block; float: left; width: 250px; background-color: #fff; text-align: center; -webkit-transition: 0.3553s opacity cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: 0.3553s opacity  cubic-bezier(0.390, 0.575, 0.565, 1.000);-o-transition: 0.3553s opacity  cubic-bezier(0.390, 0.575, 0.565, 1.000);transition: 0.3553s opacity cubic-bezier(0.390, 0.575, 0.565, 1.000); opacity: 0; visibility: hidden; position: absolute;top: 0; height: 100%; z-index: -1000; padding: 0 0 0; left: -100%; overflow: hidden; -moz-transform: translateZ(0px); -webkit-transform: translateZ(0px); -ms-transform: translateZ(0px); -o-transform: translateZ(0px); transform: translateZ(0px); z-index: -1111; max-width: 250px;}



    .SubMenuHolder > .container{padding: 0; display: inline-block; width: 100%; float: left; position: static;}



    .nav-wrap .subMenu{padding: 0 0 15px; float: left; position: relative; background-color: #fff;}



    .subMenu > li.back{position: static; padding: 0; width: 100%; display: inline-block; float: left; text-align: left; cursor: pointer; color: #030202;}



    .subMenu > li.back span{font-weight: 300; color: inherit; display: inline-block; padding: 15px 20px 15px; position: relative; border-bottom: 1px solid transparent; width: 100%; position: relative;}



    .subMenu > li > a{font-weight: 400;  color: #fff; font-size: 0.85rem; display: inline-block; padding: 0 0; position: relative; float: none; opacity: 1; text-align: left;}



    .subMenu > li:not(.back){position: static; padding: 0; width: 100%; max-width: 250px;display: inline-block; float: left;}



    .subMenu > li > a{font-weight: 300; color: #fff; display: inline-block; padding: 15px 20px 15px; position: relative; border-bottom: 1px solid transparent; width: 100%; position: relative;}



    .aside-backdrop{position: fixed; left: -100%; z-index: -111; background-color: #000; opacity: 0;-webkit-transition: 0.53s opacity cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: 0.53s opacity  cubic-bezier(0.4, 0, 0.2, 1);-o-transition: 0.53s opacity cubic-bezier(0.4, 0, 0.2, 1);transition: 0.53s opacity cubic-bezier(0.4, 0, 0.2, 1); display: inline-block; float: left; overflow: hidden; width: 100%; height: 100%; top: 0;}



    .aside-backdrop.in{left: 0; opacity: 0.4456; z-index: 9990;}



    /* Menu Items Here */



    .wrap_inner_menu{position: relative; width: 100%; display: inline-block; float: left; display: inline-block; padding-bottom: 0; z-index: 9; height: calc(100vh) !important; height: calc(100vh) !important; height: calc(100vh) !important; direction: ltr; width: 250px; overflow-x: hidden; overflow-y: auto;-webkit-transition: 0.3553s all cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: 0.3553s all  cubic-bezier(0.4, 0, 0.2, 1);-o-transition: 0.3553s all  cubic-bezier(0.4, 0, 0.2, 1);transition: 0.3553s all cubic-bezier(0.4, 0, 0.2, 1); padding-top: 0; background-color: #fff;}



    main.main{margin-top: 92px;}



    .iconHolder__abt{width: 150px; height: 150px;}



    .icon__abt{width: 35px; height: 35px;}



    .iconHolder__abt h4{font-size: 1rem;}



}







@media all and (max-width: 1024.98px) {



    html{font-size: 13.5px;}



}



@media all and (max-width: 991.98px) {



  .mobile-social-links a {



    float: left !important;



    display: inline-block !important;



    width: auto !important;



    padding-left: 7px !important;



    padding-right: 7px !important;



  }



  .social-header {



    display: none !important;



  }



  .mobile-social-links {



    display: block !important;



  }



}



@media all and (max-width: 767.98px) {



  body {



    font-size: 14px;



  }

  /*.modified-accordion .collapse:not(.show){ display: none;}
  .modified-accordion .card-header:after{ display: none;}
*/


  .padder--custom{padding-left: 1rem; padding-right: 1rem;}



  .headerInner{padding-top: 0.35rem;padding-bottom: 0.23rem;}



  .logo-area{ max-width: 180px; }



  .menu--trigger{top: 18px;}



  .logoLink{min-height: 70px;}



  main.main{margin-top: 78px;}



  .icon__abt{width: 30px; height: 30px; }



  .iconHolder__abt{width: 135px; height: 135px;}



  .iconHolder__abt h4{font-size: 1rem;}



  .enquire-us {



      position: fixed;



      right: -45px;



      top: 50%;



      background-color: rgba(212,51,55,1);



      color: #fff;



      z-index: 999;



      padding: 10px 15px;



      transform: rotate(90deg);



      font-size: 16px;



      text-transform: uppercase;



  }



  .footer-logo img {



      width: 200px;



      float: left;



      margin-top:30px !important;



  }



  .heading-style {



    font-size: 2rem;



  }



  .bdr {



    margin-bottom: 12px;



  }



  .section {



    padding-top: 1rem;



   /* padding-bottom: 1rem;*/



  }



  /*.section > div {



    padding: 0;



  }*/



  .home-about-div {



    text-align: justify;



  }



  .footer h1 {



    margin-bottom: 15px !important;



  }



  .footer h1 span.white {



    font-size: 1.7rem;



    line-height: 20px !important;



  }



  .footer h4 {



    font-size: 16px;



    line-height: 20px;



  }



  footer.footer {



    padding-top: 4rem !important;



  }



  .footer-logo img {



    width: 125px;



    float: none;



  }







  /* About Style Starts Here */



  .inner-banner-text h1 {



    bottom:20px;



  }



  .about-1-bg {



    height: 500px;



  }



  .about-2-bg {



    height: 500px;



  }



  .about-3-bg {



    height: 500px;



  }



  .inner-heading {



    padding-top: 50px;



  }



  .contact-1-bg {



    height: 500px;



  }



  /* About Style Ends Here */







  .detail-right {



    margin-top: 20px;



  }



  



}



@media all and (max-width: 575.98px) {







}



@media all and (min-width: 576px) {







}



@media all and (max-width: 767px) {



.products-filters {

  margin-bottom: 20px !important;

}



}



@media all and (min-width: 992px) {



    footer .blocker{display: inline-block !important;}



    .footerTrigger{display: none;}


    .w-20 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20% !important;
          flex: 0 0 20% !important;
  max-width: 20%;
}
}



@media all and (min-width: 1025px) {}







@media all and (min-width: 1200px) {



    html{font-size: 14.5px;}



    .section{padding-top: 2.75rem; padding-bottom: 2.75rem;}



    .padder--custom{padding-left: 4.57rem; padding-right: 4.57rem;}



    .menuWrapper__header{float: left; display: inline-block; position: static; width: -webkit-calc(100% - 315px);width: -moz-calc(100% - 315px); width: calc(100% - 315px);}



    .logoLink{min-height: 80px; width: 100%; display: inline-block; float: left; position: relative;}



    .logo-area{max-width: 210px; margin-right: 20px;}



    /*Nav-wrap*/



    .menuWrapper__header{float: right; display: inline-block; width: -moz-calc(100% - 230px);width: -webkit-calc(100% - 230px);width: calc(100% - 230px); position: relative; padding: 23.5px 0 0;}



    .nav-wrap{float: left; display: inline-block; text-align: right;}



    .wrap_inner_menu{float: left; display: inline-block; width: 100%;}



    .home-menu{float: left; /*width: 100%;*/ position: static; margin-bottom: 0; white-space: nowrap;}



    .home-menu > li{float: none; display: inline-block; position: relative; padding-top: 0.4rem; padding-bottom: 0.5rem; height: 60px;}



    .home-menu > li > a{position: relative; overflow:hidden;}



    .home-menu > li > a:before{position: absolute; right: 100%; background-color: #d43337; height: 2px; width: 100%; float: left; display: inline-block; content: ""; bottom: 0; -moz-transition: 0.35s right cubic-bezier(1.000, 0.000, 0.000, 1.000);transition: 0.35s right cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transition: 0.35s right cubic-bezier(1.000, 0.000, 0.000, 1.000);}



    .home-menu > li:hover > a:before,



    .home-menu > li:active > a:before,



    .home-menu > li:focus > a:before{right: 0;}



    .home-menu > li:not(:last-of-type){margin-right: 8px;}



    .home-menu > li > a{display: inline-block; float: none; color: #030202; opacity: 0.88; font-size: 1rem; text-transform: none; font-weight: 500; /*letter-spacing: 1px;*/}



    .home-menu > li:hover > a,



    .home-menu > li:focus > a,



    .home-menu > li:active > a {color: #d43337 !important; opacity: 1;}



    .social-header li {



      padding-left: 2px;



      padding-right: 2px;



    }



    /* Sub Menu Opening */



    .SubMenuHolder > .container{max-width: 1170px;display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex;  -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;  -webkit-flex-wrap: nowrap;  -ms-flex-wrap: nowrap;  flex-wrap: nowrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute;  justify-content: space-around; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch;  -ms-flex-align: stretch;  align-items: stretch; text-align: center; width: 100%; float: none; position: relative; padding-left: 15px; padding-right: 0;}



    li.has--menu:not(.singleMenuHolder) .SubMenuHolder > .container{height: 285px;}



    .SubMenuHolder > .container > *{-webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; padding-top: 0;}



    body .SubMenuHolder > .container > .subMenu > li.excepList {display: none;}



    body .SubMenuHolder > .container > .subMenu{ -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 15px;}



    .header--wrap{background-color: #fff;-webkit-box-shadow: 2px 3px 20px rgba(0,0,0,.135);-moz-box-shadow: 2px 3px 20px rgba(0,0,0,.135);



    box-shadow: 2px 3px 20px rgba(0,0,0,.135); z-index: 9999; position: fixed; top: 0; left: 0;}



    .headerInner{transition: all  0.24s linear; -o-transition: all 0.24s linear; -webkit-transition:  all 0.24s linear; -moz-transition: all 0.24s linear; -ms-transition: all 0.24s linear; padding-top: 1rem; padding-bottom: 0.65rem;}



    body.scrollAchieved .headerInner{padding-top: 0.15rem; padding-bottom: 0.10rem;}



    body.scrollAchieved .logo-area{max-width: 220px;}



    .SubMenuHolder{display: inline-block; float: left; width: 100%; background-color: rgba(255,255,255,0.90); text-align: center; -webkit-transition: 0.53s opacity cubic-bezier(1.000, 0.000, 0.000, 1.000), 0.55s -webkit-transform cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition: 0.53s opacity  cubic-bezier(1.000, 0.000, 0.000, 1.000), 0.55s -moz-transform cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition: 0.53s opacity  cubic-bezier(1.000, 0.000, 0.000, 1.000), 0.55s -o-transform cubic-bezier(1.000, 0.000, 0.000, 1.000); transition: 0.53s opacity cubic-bezier(1.000, 0.000, 0.000, 1.000), 0.55s transform cubic-bezier(1.000, 0.000, 0.000, 1.000); -ms-transition: 0.53s opacity cubic-bezier(1.000, 0.000, 0.000, 1.000), 0.55s -ms-transform cubic-bezier(1.000, 0.000, 0.000, 1.000); opacity: 1; visibility: visible; position: absolute; top: 100%; overflow: hidden; margin-top: -2px; z-index: -1000; padding: 0 0 0px; left: 50%; text-align: center; letter-spacing: 1.11px; overflow: hidden;min-width: 575px; margin-left: -70px; background-clip: padding-box; border-radius: 0; -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px); transform: translateY(0px); opacity: 0;}



    li.has--menu:not(:hover):not(:active):not(:focus) .SubMenuHolder{-webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none;pointer-events: none; background-color: transparent; min-height: 0;}



    li.has--menu:hover > a, 



    li.has--menu:focus > a,



    li.has--menu:active > a{color: #ff0000 !important;}



    li.has--menu:hover .SubMenuHolder,



    li.has--menu:focus .SubMenuHolder,



    li.has--menu:active .SubMenuHolder{overflow: visible; visibility: visible; border: 1px solid transparent; background-color: rgba(255,255,255,0.90); z-index: 1000; -webkit-pointer-events: auto; -moz-pointer-events: auto; -ms-pointer-events: auto;pointer-events: auto; margin-top: -3px;-webkit-transform: translateY(-4px); -moz-transform: translateY(-4px);-ms-transform: translateY(-4px);-o-transform: translateY(-4px); transform: translateY(-4px); opacity: 1;background-color: #fff; color: #fff; padding-top: 15px; border-radius: 0; background-clip: padding-box; -webkit-box-shadow: 0px 10px 20px 0px rgba(51, 51, 51, 0.15); -moz-box-shadow: 0px 10px 20px 0px rgba(51, 51, 51, 0.15); box-shadow: 0px 10px 20px 0px rgba(51, 51, 51, 0.15);}



    .arrowHolderTop:before{position: absolute; top: -6px; display: inline-block; width: 0; z-index: 0; background-color: transparent; height: 0; border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: 10px solid #fff; content: ""; left: 50px;}



    li.has--menu:not(:hover) .SubMenuHolder .arrowHolderTop:before,



    li.has--menu:not(:focus) .SubMenuHolder .arrowHolderTop:before,



    li.has--menu:not(:active) .SubMenuHolder .arrowHolderTop:before{display: none;}



    li.has--menu:hover .SubMenuHolder .arrowHolderTop:before,



    li.has--menu:focus .SubMenuHolder .arrowHolderTop:before,



    li.has--menu:active .SubMenuHolder .arrowHolderTop:before{display: inline-block; border-bottom-color: #fff;-webkit-box-shadow: 0px 10px 20px 0px rgba(51, 51, 51, 0.15); -moz-box-shadow: 0px 10px 20px 0px rgba(51, 51, 51, 0.15); box-shadow: 0px 10px 20px 0px rgba(51, 51, 51, 0.15);}



    .arrowHolderTop{position: relative;}



    li.has--menu:not(:hover):not(:active):not(:focus) .SubMenuHolder a{visibility: hidden;}



    li.has--menu:hover .SubMenuHolder a,



    li.has--menu:focus .SubMenuHolder a,



    li.has--menu:active .SubMenuHolder a{visibility: visible;}



    .nav-wrap{float: left; width: 100%; display: inline-block;}



    .nav-wrap .subMenu{padding: 10px 0; float: left; position: relative; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex;  -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start;  justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch;  -ms-flex-align: stretch;  align-items: stretch; padding-left: 10px; width: -moz-calc(100%);width: -webkit-calc(100%);width: calc(100%); text-align: left; padding-right: 10px; background-color: transparent;}



    .SubMenuHolder > .container > .subMenu{width:  -moz-calc(100% - 275px);width:  -webkit-calc(100% - 275px);width: calc(100% - 275px);}



    .nav-wrap .subMenu:not(:only-of-type){max-width: -moz-calc(33.33% - 103.4px);max-width: -webkit-calc(33.33% - 103.4px); max-width: calc(33.33% - 103.4px);}



    li.has--menu:hover > a,



    li.has--menu:focus > a,



    li.has--menu:active > a{color: #030202; opacity: 1;}



    .SubMenuHolder > .container {position: static;}



    .nav-wrap .subMenu .subMenu{padding: 0;}



    .nav-wrap .subMenu .subMenu li{padding-left: 0; padding-right: 0;}



    .subMenu > li.back{display: none !important;}



    .subMenu > li:not(:last-of-type){margin-bottom: 1rem;}



    .subMenu > li > a{font-weight: 300;  color: #030202; font-size: 0.95rem; display: inline-block; padding: 0 0; position: relative; float: none; opacity: 0.88; text-align: left;}



    .subMenu > li > a:before{display: none; background-color: #d43337; height: 1px; width: 100%; content: ""; position: absolute; bottom: -4px; right: 0; float: left; border-radius: 2px; background-clip: padding-box;}



    .subMenu > li:hover > a,



    .subMenu > li:focus > a,



    .subMenu > li:active > a{color: #d43337; opacity: 1;}







    .subMenu > li:hover > a:before,



    .subMenu > li:focus > a:before,



    .subMenu > li:active > a:before{display: inline-block;}







    .subMenu > li:hover,



    .subMenu > li:focus,



    .subMenu > li:active {}







    .subMenu > li:not(.back){-webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; display: inline-block; text-align: left; width: 100%; padding: 2.5px 15px; color: #fff; word-wrap: break-word; float: left; max-width: 200px;}



    .subMenu > li > a{display: inline-block; float: none;position: relative;word-wrap: break-word;font-weight: 400; text-transform: none;}



    .innerSubMenu > .subMenu > li > a{text-transform: none;}



    /* .subMenu li.excepList{display: none !important;} */



    .subMenu li.excepList > a{font-weight: 600;}



    .nav-wrap .subMenu:only-child{margin-right: 0; margin-left: 0; float: none; width: 100%;}



    .nav-wrap .container{text-align: center; width: 100%;}



    .nav-wrap .subMenu{text-align: left;}



    /*Nav-wrap*/



    main.main{margin-top: 108px;}



    .swiper-pagination-bullet{width: 18px; height: 18px;}



    section[data-videoHeighter]{height: -moz-calc(100vh - 108px);height: -webkit-calc(100vh - 108px);height: calc(100vh - 108px);}



    /*.iconHolder__abt{width: 175px; height: 175px;}



    .iconHolder__abt h4{font-size: 1rem;}*/



}



@media all and (min-width: 1300px) {



    html{font-size: 14.5px;}



    .section{padding-top: 2.75rem; padding-bottom: 2.75rem;}



    .padder--custom{padding-left: 4.57rem; padding-right: 4.57rem;}



    .menuWrapper__header{float: left; display: inline-block; position: static; width: -webkit-calc(100% - 315px);width: -moz-calc(100% - 315px); width: calc(100% - 315px);}



    .logoLink{min-height: 80px; width: 100%; display: inline-block; float: left; position: relative;}



    .logo-area{max-width: 270px; margin-right: 20px;}



    /*Nav-wrap*/



    .menuWrapper__header{float: right; display: inline-block; width: -moz-calc(100% - 290px);width: -webkit-calc(100% - 290px);width: calc(100% - 290px); position: relative; padding: 23.5px 0 0;}



    .nav-wrap{float: left; display: inline-block; text-align: right;}



    .wrap_inner_menu{float: left; display: inline-block; width: 100%;}



    .home-menu{float: left; /*width: 100%;*/ position: static; margin-bottom: 0; white-space: nowrap;}



    .home-menu > li{float: none; display: inline-block; position: relative; padding-top: 0.4rem; padding-bottom: 0.5rem; height: 60px;}



    .home-menu > li > a{position: relative; overflow:hidden;}



    .home-menu > li > a:before{position: absolute; right: 100%; background-color: #d43337; height: 2px; width: 100%; float: left; display: inline-block; content: ""; bottom: 0; -moz-transition: 0.35s right cubic-bezier(1.000, 0.000, 0.000, 1.000);transition: 0.35s right cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transition: 0.35s right cubic-bezier(1.000, 0.000, 0.000, 1.000);}



    .home-menu > li:hover > a:before,



    .home-menu > li:active > a:before,



    .home-menu > li:focus > a:before{right: 0;}



    .home-menu > li:not(:last-of-type){margin-right: 15px;}



    .home-menu > li > a{display: inline-block; float: none; color: #030202; opacity: 0.88; font-size: 1rem; text-transform: none; font-weight: 500; /*letter-spacing: 1px;*/}



    .home-menu > li:hover > a,



    .home-menu > li:focus > a,



    .home-menu > li:active > a {color: #d43337 !important; opacity: 1;}



    /* Sub Menu Opening */



    .SubMenuHolder > .container{max-width: 1170px;display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex;  -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;  -webkit-flex-wrap: nowrap;  -ms-flex-wrap: nowrap;  flex-wrap: nowrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute;  justify-content: space-around; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch;  -ms-flex-align: stretch;  align-items: stretch; text-align: center; width: 100%; float: none; position: relative; padding-left: 15px; padding-right: 0;}



    li.has--menu:not(.singleMenuHolder) .SubMenuHolder > .container{height: 285px;}



    .SubMenuHolder > .container > *{-webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; padding-top: 0;}



    body .SubMenuHolder > .container > .subMenu > li.excepList {display: none;}



    body .SubMenuHolder > .container > .subMenu{ -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 15px;}



    .header--wrap{background-color: #fff;-webkit-box-shadow: 2px 3px 20px rgba(0,0,0,.135);-moz-box-shadow: 2px 3px 20px rgba(0,0,0,.135);



    box-shadow: 2px 3px 20px rgba(0,0,0,.135); z-index: 9999; position: fixed; top: 0; left: 0;}



    .headerInner{transition: all  0.24s linear; -o-transition: all 0.24s linear; -webkit-transition:  all 0.24s linear; -moz-transition: all 0.24s linear; -ms-transition: all 0.24s linear; padding-top: 1rem; padding-bottom: 0.65rem;}



    body.scrollAchieved .headerInner{padding-top: 0.15rem; padding-bottom: 0.10rem;}



    body.scrollAchieved .logo-area{max-width: 220px;}



    .SubMenuHolder{display: inline-block; float: left; width: 100%; background-color: rgba(255,255,255,0.90); text-align: center; -webkit-transition: 0.53s opacity cubic-bezier(1.000, 0.000, 0.000, 1.000), 0.55s -webkit-transform cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition: 0.53s opacity  cubic-bezier(1.000, 0.000, 0.000, 1.000), 0.55s -moz-transform cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition: 0.53s opacity  cubic-bezier(1.000, 0.000, 0.000, 1.000), 0.55s -o-transform cubic-bezier(1.000, 0.000, 0.000, 1.000); transition: 0.53s opacity cubic-bezier(1.000, 0.000, 0.000, 1.000), 0.55s transform cubic-bezier(1.000, 0.000, 0.000, 1.000); -ms-transition: 0.53s opacity cubic-bezier(1.000, 0.000, 0.000, 1.000), 0.55s -ms-transform cubic-bezier(1.000, 0.000, 0.000, 1.000); opacity: 1; visibility: visible; position: absolute; top: 100%; overflow: hidden; margin-top: -2px; z-index: -1000; padding: 0 0 0px; left: 50%; text-align: center; letter-spacing: 1.11px; overflow: hidden;min-width: 575px; margin-left: -70px; background-clip: padding-box; border-radius: 0; -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px); transform: translateY(0px); opacity: 0;}



    li.has--menu:not(:hover):not(:active):not(:focus) .SubMenuHolder{-webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none;pointer-events: none; background-color: transparent; min-height: 0;}



    li.has--menu:hover > a, 



    li.has--menu:focus > a,



    li.has--menu:active > a{color: #ff0000 !important;}



    li.has--menu:hover .SubMenuHolder,



    li.has--menu:focus .SubMenuHolder,



    li.has--menu:active .SubMenuHolder{overflow: visible; visibility: visible; border: 1px solid transparent; background-color: rgba(255,255,255,0.90); z-index: 1000; -webkit-pointer-events: auto; -moz-pointer-events: auto; -ms-pointer-events: auto;pointer-events: auto; margin-top: -3px;-webkit-transform: translateY(-4px); -moz-transform: translateY(-4px);-ms-transform: translateY(-4px);-o-transform: translateY(-4px); transform: translateY(-4px); opacity: 1;background-color: #fff; color: #fff; padding-top: 15px; border-radius: 0; background-clip: padding-box; -webkit-box-shadow: 0px 10px 20px 0px rgba(51, 51, 51, 0.15); -moz-box-shadow: 0px 10px 20px 0px rgba(51, 51, 51, 0.15); box-shadow: 0px 10px 20px 0px rgba(51, 51, 51, 0.15);}



    .arrowHolderTop:before{position: absolute; top: -6px; display: inline-block; width: 0; z-index: 0; background-color: transparent; height: 0; border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: 10px solid #fff; content: ""; left: 50px;}



    li.has--menu:not(:hover) .SubMenuHolder .arrowHolderTop:before,



    li.has--menu:not(:focus) .SubMenuHolder .arrowHolderTop:before,



    li.has--menu:not(:active) .SubMenuHolder .arrowHolderTop:before{display: none;}



    li.has--menu:hover .SubMenuHolder .arrowHolderTop:before,



    li.has--menu:focus .SubMenuHolder .arrowHolderTop:before,



    li.has--menu:active .SubMenuHolder .arrowHolderTop:before{display: inline-block; border-bottom-color: #fff;-webkit-box-shadow: 0px 10px 20px 0px rgba(51, 51, 51, 0.15); -moz-box-shadow: 0px 10px 20px 0px rgba(51, 51, 51, 0.15); box-shadow: 0px 10px 20px 0px rgba(51, 51, 51, 0.15);}



    .arrowHolderTop{position: relative;}



    li.has--menu:not(:hover):not(:active):not(:focus) .SubMenuHolder a{visibility: hidden;}



    li.has--menu:hover .SubMenuHolder a,



    li.has--menu:focus .SubMenuHolder a,



    li.has--menu:active .SubMenuHolder a{visibility: visible;}



    .nav-wrap{float: left; width: 100%; display: inline-block;}



    .nav-wrap .subMenu{padding: 10px 0; float: left; position: relative; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex;  -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start;  justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch;  -ms-flex-align: stretch;  align-items: stretch; padding-left: 10px; width: -moz-calc(100%);width: -webkit-calc(100%);width: calc(100%); text-align: left; padding-right: 10px; background-color: transparent;}



    .SubMenuHolder > .container > .subMenu{width:  -moz-calc(100% - 275px);width:  -webkit-calc(100% - 275px);width: calc(100% - 275px);}



    .nav-wrap .subMenu:not(:only-of-type){max-width: -moz-calc(33.33% - 103.4px);max-width: -webkit-calc(33.33% - 103.4px); max-width: calc(33.33% - 103.4px);}



    li.has--menu:hover > a,



    li.has--menu:focus > a,



    li.has--menu:active > a{color: #030202; opacity: 1;}



    .SubMenuHolder > .container {position: static;}



    .nav-wrap .subMenu .subMenu{padding: 0;}



    .nav-wrap .subMenu .subMenu li{padding-left: 0; padding-right: 0;}



    .subMenu > li.back{display: none !important;}



    .subMenu > li:not(:last-of-type){margin-bottom: 1rem;}



    .subMenu > li > a{font-weight: 300;  color: #030202; font-size: 0.95rem; display: inline-block; padding: 0 0; position: relative; float: none; opacity: 0.88; text-align: left;}



    .subMenu > li > a:before{display: none; background-color: #d43337; height: 1px; width: 100%; content: ""; position: absolute; bottom: -4px; right: 0; float: left; border-radius: 2px; background-clip: padding-box;}



    .subMenu > li:hover > a,



    .subMenu > li:focus > a,



    .subMenu > li:active > a{color: #d43337; opacity: 1;}







    .subMenu > li:hover > a:before,



    .subMenu > li:focus > a:before,



    .subMenu > li:active > a:before{display: inline-block;}







    .subMenu > li:hover,



    .subMenu > li:focus,



    .subMenu > li:active {}







    .subMenu > li:not(.back){-webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; display: inline-block; text-align: left; width: 100%; padding: 2.5px 15px; color: #fff; word-wrap: break-word; float: left; max-width: 200px;}



    .subMenu > li > a{display: inline-block; float: none;position: relative;word-wrap: break-word;font-weight: 400; text-transform: none;}



    .innerSubMenu > .subMenu > li > a{text-transform: none;}



    /* .subMenu li.excepList{display: none !important;} */



    .subMenu li.excepList > a{font-weight: 600;}



    .nav-wrap .subMenu:only-child{margin-right: 0; margin-left: 0; float: none; width: 100%;}



    .nav-wrap .container{text-align: center; width: 100%;}



    .nav-wrap .subMenu{text-align: left;}



    /*Nav-wrap*/



    main.main{margin-top: 108px;}



    .swiper-pagination-bullet{width: 18px; height: 18px;}



    section[data-videoHeighter]{height: -moz-calc(100vh - 108px);height: -webkit-calc(100vh - 108px);height: calc(100vh - 108px);}



    /*.iconHolder__abt{width: 175px; height: 175px;}



    .iconHolder__abt h4{font-size: 1rem;}*/



}











@media all and (min-width: 1440px) {



    .home-menu > li:not(:last-of-type){margin-right: 23px;}



    .icon__abt{width: 40px; height: 40px; }



    .iconHolder__abt h4{font-size: 1.357rem;}



}







@media all and (min-width: 1920px) {



    html{font-size: 14.75px;}    



    .section{padding-top: 3.25rem; padding-bottom: 3.25rem;}



    .home-menu > li:not(:last-of-type){margin-right: 65px;}



    .iconHolder__abt{width: 220px; height: 220px;}



}



/* responsiveness */



/*animation*/



@-moz-keyframes bounce {



  0%, 20%, 50%, 80%, 100% {



    -moz-transform: translateY(0);



    transform: translateY(0);



  }



  40% {



    -moz-transform: translateY(-40px);



    transform: translateY(-40px);



  }



  60% {



    -moz-transform: translateY(-15px);



    transform: translateY(-15px);



  }



}



@-ms-keyframes bounce {



  0%, 20%, 50%, 80%, 100% {



    -ms-transform: translateY(0);



    transform: translateY(0);



  }



  40% {



    -ms-transform: translateY(-40px);



    transform: translateY(-40px);



  }



  60% {



    -ms-transform: translateY(-15px);



    transform: translateY(-15px);



  }



}



@-webkit-keyframes bounce {



  0%, 20%, 50%, 80%, 100% {



    -webkit-transform: translateY(0);



    transform: translateY(0);



  }



  40% {



    -webkit-transform: translateY(-40px);



    transform: translateY(-40px);



  }



  60% {



    -webkit-transform: translateY(-15px);



    transform: translateY(-15px);



  }



}



@keyframes bounce {



  0%, 20%, 50%, 80%, 100% {



    transform: translateY(0);



  }



  40% {



    transform: translateY(-40px);



  }



  60% {



    transform: translateY(-15px);



  }



}







/* responsiveness */



.aos--disabled [data-aos]{opacity: 1 !important; -webkit-transform: translate3d(0px, 0px, 0px) scale(1) rotate(0deg) !important; -moz-transform: translate3d(0px, 0px, 0px) scale(1) rotate(0deg) !important; -ms-transform: translate3d(0px, 0px, 0px) scale(1) rotate(0deg) !important; -o-transform: translate3d(0px, 0px, 0px) scale(1) rotate(0deg) !important; transform: translate3d(0px, 0px, 0px) scale(1) rotate(0deg) !important;}



.aos--disabled .toBeAnimated{opacity: 1 !important; -webkit-transform: translate3d(0px, 0px, 0px) scale(1) rotate(0deg) !important; -moz-transform: translate3d(0px, 0px, 0px) scale(1) rotate(0deg) !important; -ms-transform: translate3d(0px, 0px, 0px) scale(1) rotate(0deg) !important; -o-transform: translate3d(0px, 0px, 0px) scale(1) rotate(0deg) !important; transform: translate3d(0px, 0px, 0px) scale(1) rotate(0deg) !important;}



/* About Us */











/*.svg { width: 350px; height: 350px; }*/



.svg path { fill: #000 !important; }











#demo img {



  width: 100%;



}



.home-heading-2 {



  font-size: 30px;



}



.bdr.two {



  margin-bottom: 10px;



}



.presence {



  font-size: 18px;



}



.ludhiana {



  margin: 0 auto;



}







.about-1-bg {



  background-image: url(../../images/ambient-media.jpg);



  background-size: cover;



  background-position: right center;



  background-repeat: no-repeat;



}



.about-2-bg {



  background-image: url(../../images/isbt-ludhiana.jpg);



  background-size: cover;



  background-repeat: no-repeat;
background-position:center !important;


}



.about-3-bg {



  background-image: url(../../images/unipoles-about.jpg);



  background-size: cover;







  background-repeat: no-repeat;

background-position:center !important;

}







.contact-1-bg {



  background-image: url(../../images/pillar.png);



}







.ldh-bdr {



  border-top: 1px solid #000;



  width: 8%;



  display: inline-block;



  margin-left: 5px;



  margin-bottom: 10px;



  margin-right: 5px;



}







/* Sidebar Contact Slide Div Starts Here */



.sidebar-contact{



  position:fixed;



  top:60%;



  left:-350px;



  transform:translateY(-50%);



  width:350px; 



  height:auto;



  padding:40px;



  background:#fff;



  /*box-shadow: 0 20px 50px rgba(0,0,0,.5);*/



  box-sizing:border-box;



  transition:0.5s;



  z-index: 100;



}



.sidebar-contact.active{



  left:0;



  box-shadow: 0 20px 50px rgba(0,0,0,.5);



}



.sidebar-contact input,



.sidebar-contact textarea, select {



  width:100%;



  /*height:36px;*/



  padding:5px;



  margin-bottom:10px;



  box-sizing:border-box;



  border:1px solid rgba(0,0,0,.2);



  outline:none;



  border-radius: 3px;



  padding: 10px;



}



.sidebar-contact select {



  color: #777;



}



.sidebar-contact h2{



  margin:0 0 20px;



  padding:0;



  font-size: 20px;



}



.sidebar-contact textarea {



  /*height:60px;*/



  resize:none;



}



.sidebar-contact input[type="submit"] {



  background:#d43337;



  color:#fff;



  cursor:pointer;



  border:none;



  font-size:18px;



  border-radius: 3px;



  padding: 15px;



}



.sidebar-contact input[type="submit"]:hover {



  background-color: #000;



}



/*.toggle{



  position:absolute;



  height:48px;



  width:150px;



  text-align:center;



  cursor:pointer;



  background:#85C226;



  top:16%;



  right:-28%;



  line-height:48px;



  transform: rotate(-90deg);



  color: #fff;



  text-transform: uppercase;



  font-size: 14px;



}*/



/*.toggle:before{



  content:'\f003';



  font-family:fontAwesome;



  font-size:18px;



  color:#fff;



}



.toggle.active:before{



  content:'\f00d';



}*/







.toggle {



    position: absolute;



    height: 60px;



    width: 0;



    text-align: center;



    cursor: pointer;



    background: #85C226;



    top: 45%;



    right: -25px;



    line-height: 48px;



    transform: rotate(-90deg);



    color: #fff;



    text-transform: uppercase;



    font-size: 14px;



}



.toggle img {



  width: 200px;



}






@media only screen and (min-width: 768px) {
  .modified-accordion .card-header{ position: relative;}
  .modified-accordion .card-header:after{ content: ''; position: absolute; width: 100%; 
   height: 100%; left: 0; top: 0;}
  .modified-accordion .collapse:not(.show){ display: block;}
}




@media(max-width:768px) {



  .sidebar-contact{



    width:100%;



    height:100%;



    left:-100%;



  }



  .sidebar-contact .toggle {



    top:50%;



    /*transform:translateY(-50%);*/



    transition:0.5s;



    /*right: -27%;*/



  }



  .sidebar-contact.active .toggle {



    top:0;



    right:54%;



    transform:translateY(0);



  }



  .scroll {



    width:100%;



    height:100%;



    overflow-y:auto;



  }



}



/* Sidebar Contact Slide Div Ends Here */











.carousel-item { min-height:200px; background:#efefef; }



.press-release h3 {



  color: #B01115;



  font-family: Oswald;



  font-weight: 600;



  text-transform: uppercase;



}



.press-release .big-date {



  font-size: 50px;



}



.press-release .small-date {



  font-size: 24px;



}



.press-release .carousel-caption {



  left: 10%;



  top: 20%;



  text-align: left;



}



.bdr-right {



  border-right: 1px solid #ddd;



}



.bdr-grey-btm {



  border-bottom: 1px solid #ddd;



  padding-bottom: 20px;



  padding-top: 20px;



}