/* Chrome/Opera/Safari */
::-webkit-input-placeholder {color: #ccc;}
::-webkit-selection{background:#fc4603;color:#fff;text-shadow:0 0 transparent}
 /* Firefox 19+ */
::-moz-placeholder {color: #ccc;}
::-moz-selection{background:#fc4603;color:#fff;text-shadow:0 0 transparent}
 /* IE 10+ */
:-ms-input-placeholder {color: #ccc;}
::-ms-selection{background:#fc4603;color:#fff;text-shadow:0 0 transparent}
/* Firefox 18- */
:-moz-placeholder {color: #ccc;}
::selection{background:#fc4603;color:#fff;text-shadow:0 0 transparent}
img {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none; max-width:100%;transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
a {transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
a:hover {text-decoration:none; }
button[data-dismiss="modal"],
a[data-toggle="modal"]:focus {box-shadow: none; outline: none;}

html,
body { min-height: 100%;font-family: 'Avenir', sans-serif; background: #fff}

.BoxStyle1 {position: relative; margin: 0; padding: 0;}
.BoxStyle1 figcaption {position: absolute; right: 30px; bottom: 30px; max-width: 440px; background: #fc4603; color: #fff; padding: 35px;}
.BoxStyle1 figcaption h3 {font-weight: 300; font-size: 36px; text-transform: uppercase; text-align: right; line-height: 1.6;text-transform: uppercase;}
.BoxStyle1 figcaption h3:before {content:''; width: 31px; height: 27px; display: inline-block; background: url(../images/coma.png) no-repeat; margin-bottom:10px}
.BoxStyle1 figcaption h3:after {content:''; width: 16px; height: 14px; display: inline-block; background: url(../images/coma-bot.png) no-repeat; margin-bottom:20px}

.BoxStyle2 {position: relative; margin: 0; padding: 0; overflow: hidden;}
.BoxStyle2 img {float: left;}
.BoxStyle2 figcaption {position: absolute; max-width: 42%; padding:0 40px; right: 8%; text-align: left;top: 50%; margin: -132px 0 0 0}
.BoxStyle2 figcaption h3 {font-weight: 300; font-size: 36px; text-transform: uppercase;line-height: 1; color: #fc4603; margin: 0 0 20px;text-transform: uppercase;}
.BoxStyle2 figcaption p {color: #686868; font-family: 'Avenir Next', sans-serif; }

.BoxStyle3 {position: relative; margin: 0; padding: 0; overflow: hidden;}
.BoxStyle3 img {float: right;}
.BoxStyle3 figcaption {position: absolute; max-width: 42%; padding:0 40px; left: 8%; text-align: right; top: 50%;margin: -132px 0 0 0}
.BoxStyle3 figcaption h3 {font-weight: 300; font-size: 36px; text-transform: uppercase; line-height: 1; color: #fc4603; margin: 0 0 20px;text-transform: uppercase;}
.BoxStyle3 figcaption p {color: #686868; font-family: 'Avenir Next', sans-serif; }

.multiLineHead h3 {font-family: 'Avenir Next', sans-serif; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; color: #707070; margin: 15px 0 30px;}
.multiLineHead h3 span {color: #fc4603;}
.testy-owl-carousel.owl-carousel {padding:0 70px;}
.threeIcon-owl-carousel.owl-carousel {padding:0 40px;}
.testy-owl-carousel.owl-carousel figure,
.threeIcon-owl-carousel.owl-carousel figure {margin: 0;}
.testy-owl-carousel.owl-carousel figcaption {padding: 20px 0; }
.threeIcon-owl-carousel.owl-carousel figcaption {padding: 20px; }
.testy-owl-carousel.owl-carousel .owl-item h3 {font-family: 'Avenir Next', sans-serif; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; color: #707070; margin:0 0 15px}
.testy-owl-carousel.owl-carousel figcaption p,
.threeIcon-owl-carousel.owl-carousel figcaption p {color: #686868}
.threeIcon-owl-carousel.owl-carousel .owl-item img {display: inline-block; width: inherit;}

.owl-carousel .owl-nav .owl-prev {font-size: 0; position: absolute; width: 27px; height: 90px; left:0; top: 50%; background: rgba(255, 255, 255, 0.85) url(../images/prv.png); margin-top: -45px;}
.owl-carousel .owl-nav .owl-next {font-size: 0; position: absolute; width: 27px; height: 90px; right:0; top: 50%; background: rgba(255, 255, 255, 0.85) url(../images/next.png); margin-top: -45px;}

.owl-carousel .owl-nav.disabled {display: inherit;}

.pageFooter {background: #d7d7d7; color: #686868;font-family: 'Avenir Next', sans-serif; position: relative; z-index: 99}
.pageFooter .linkArya {border-left: 2px solid #fff; border-right: 2px solid #fff;}
.pageFooter h3 {margin:20px 0 0; padding: 0; color: #707070; font-size: 18px;font-family: 'Avenir Next', sans-serif; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;}
.pageFooter h4 {margin:0 0 10px 0; padding: 0; color: #fc4603; font-size: 18px;font-family: 'Avenir Next', sans-serif; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;}
.pageFooter .frmAry h3 {font-size: 32px; font-weight: normal; line-height: 1}
.pageFooter p {font-family: 'Avenir Next', sans-serif;  font-size: 14px; line-height: 1.8; letter-spacing: .5px}
.pageFooter ul {list-style: none; margin:2px 0 0; padding: 0; font-size: 14px; line-height: 1.2}
.pageFooter ul li:not(:last-child) {margin-bottom:10px;}
.pageFooter ul li a {color: #474646}
.pageFooter ul li a:hover {color: #000}
.pageFooter form .form-group {margin-bottom: 10px;}
.pageFooter form .form-control { padding: 0; text-align: right; background: transparent; border-radius: 0; border: 0; border-bottom: 1px solid #a1a1a1 }
.pageFooter form .btn {color: #fc4603}
.pageFooter form .btn:hover {color: #000; text-decoration: none;}
.pageFooter .bg_img {background: url(../images/footer-bg.png) no-repeat center/cover; color: #fff; font-size: 18px;}

.boloBox {position: relative;}
.boloBox figcaption {padding: 0}
.boloBox h3 {background: #fc4603; color: #fff;font-family: 'Avenir Next', sans-serif; font-weight: normal; margin: 0 0 20px; padding:10px 15px; line-height: 1;}
.boloBox p {color: #686868; font-size: 14px; line-height: 1.8;}

.ProductHeader {position: relative; margin: 0;}
.ProductHeader figcaption {position: absolute; bottom: 0; left: 0; right: 0; }
.ProductHeader h3 {background: rgba(252, 70, 3, .7); color: #fff;font-family: 'Avenir Next', sans-serif; font-weight: normal; text-transform: uppercase; margin:0; padding:10px 15px; line-height: 1;}

.bodyText h5.
.bodyText h4 {font-family: 'Avenir Next', sans-serif; font-weight: 500; color: #686868}

.bodyText ol,
.bodyText ul,
.bodyText p {color: #686868; font-size: 14px; line-height: 1.8;}

.fs-14 {font-size: 14px;}
.btn {color: #fc4603}
.btn:hover {color: #000; text-decoration: none;}

.shareBtn {font-size: 0; position: absolute; right: 10px; top: 10px; background:rgba(0,0,0,.7) url(../images/share-icon.png) no-repeat center center; width:50px; height:50px; border-radius: 50%}

.breadcrumb {background: #fff; margin: 0; padding:5px 0; font-size: 14px;}
.breadcrumb a {color: #686868}
.breadcrumb a:hover {color: #fc4603}

.searchForm {padding: 30px 0}
.searchForm .textBox-button {position: relative;}
.searchForm .textBox-button input[type="text"] {display: block; width: 100%; padding:5px 38px 5px 10px; border:0; outline: none; border-bottom:2px solid #fc4603; line-height: 1;}
.searchForm .textBox-button input[type="submit"] { background: url(../images/search-icon.png) no-repeat center; width:20px; height:20px; font-size:0; border:0; outline:0; cursor: pointer; position: absolute; right: 10px; bottom:8px }

.DesktopNav ul li a { position: relative; font-size: 14px; font-family: "Avenir Next"; color: rgb(71, 70, 70); text-transform: uppercase; line-height:1; display: inline-block; padding: 12px 0 }
.DesktopNav ul li a:hover {color: #fc4603}
.DesktopNav ul li a:after { content: ''; position: absolute; right: 0; bottom:5px; height:2px ; width:15px ; background: #fc4603 ;transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.DesktopNav ul li a:hover:after { width: 100%; }
.DesktopNav ul li.active a:after { width: 100%; }

@media (min-width: 768px){

.mobile_header {position: -webkit-sticky; position: sticky; top:0px; max-height: calc(100vh); overflow-y: auto;}
.mobileNavSearch {display: none;}
}
@media (min-width: 1200px){
.container { max-width: 1170px; }
}
@media (min-width: 1300px){
.container { max-width: 1200px; }
}

@media (max-width: 991px){
.container {max-width: 100%}
.contentSecMain { padding-right: 30px }
.BoxStyle1 figcaption { padding: 25px; max-width: 360px; }
.BoxStyle1 figcaption h3 {font-size: 30px; margin: 0}
.BoxStyle3 figcaption { max-width: 50%; padding: 15px; left: 0; margin: -106px 0 0 0;}
.BoxStyle2 figcaption { max-width: 50%; padding: 15px; right: 0; margin: -106px 0 0 0;}
.BoxStyle3 figcaption h3,
.BoxStyle2 figcaption h3 {margin: 0 0 10px;font-size: 24px;}
.BoxStyle3 figcaption p,
.BoxStyle2 figcaption p {margin-bottom: 10px; font-size: 15px; }
}

@media (max-width: 767px){
body {padding-top: 54px}
.mobileNavSearch {position: relative;}
.mobileNavSearch .mobileNav {position: fixed; z-index: 999; display: none; right:15px; background: #fc4603; color: #fff; width:280px; padding:0 15px;top: 54px; max-height: calc(100% - 54px) ;  overflow: auto;}
.mobileNavSearch .mobileNav ul {margin: 0; padding: 0;font-family: 'Avenir Next Demi', sans-serif;  }
.mobileNavSearch .mobileNav ul li a {padding: 10px; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 500; display: block; border-bottom: 1px solid #fff}
.mobileNavSearch .mobileNav ul li:last-child a {border: 0;}

.mobileNavSearch .mobileSearchBox {position: fixed;  z-index: 999; display: none; right:15px; background: #fc4603; color: #fff; left: 15px; padding:15px;top: 54px; }
.mobileNavSearch .mobileSearchBox .searchForm {padding: 5px;}
.mobileNavSearch .mobileSearchBox .searchForm .textBox-button input[type="text"] { background: #fc4603; color: #fff; border-color: #fff ;font-family: 'Avenir Next Demi', sans-serif;}
.mobileNavSearch .mobileSearchBox .searchForm .textBox-button input[type="submit"] {background-image: url(../images/search-icon-white.png)}

.searchBtn {display: inline-block; padding:7px 5px 5px; background: #fc4603; color: #fff; line-height: 1; font-size: 14px; vertical-align: middle; position: relative;}
.searchBtn:hover {color: #fff}
.mobile_header {position: fixed; margin-top: 0 !important; left: 0; top: 0; right: 0; padding-top: 14px !important; padding-bottom: 14px !important; z-index: 999; background: #fff;}
.mobile_logo { width: 200px !important; max-width: 100% ;}
.searchBtn:after,
#hamburger-icon:after {position: absolute; right: 0px; top: 26px; height: 20px; left: 0; background: #fc4603; content: ''; z-index: 1; display: none;}
.searchBtn:before,
#hamburger-icon:before { content:""; display: block; position: fixed; top: 54px; left: 0; height: 0; width:100%; opacity: 0; transition: opacity .2s,width .05s .2s; background:rgba(0, 0, 0,.7);}
#hamburger-icon { position: relative; vertical-align: middle; height:26px; width:26px; padding:4px;z-index: 100; cursor:pointer; display: inline-block; background: #fc4603}
#hamburger-icon div { position: absolute; height:1px; right:5px; left:5px; background-color: #fff; border: 0; -webkit-transition: -webkit-transform .2s ease-in-out .2s,top .2s ease-in-out .2s,background-color .3s; -moz-transition: -moz-transform .2s ease-in-out .2s,top .2s ease-in-out .2s,background-color .3s; -o-transition: -o-transform .2s ease-in-out .2s,top .2s ease-in-out .2s,background-color .3s; transition: transform .2s ease-in-out .2s,top .2s ease-in-out .2s,background-color .3s; vertical-align: top;}
#hamburger-icon div.top { top: 25%; margin-top: 0px; }
.open-nav #hamburger-icon div.top {transform: rotate(-135deg); top: 50%; background:#fff; margin-top: -1px;}
#hamburger-icon div.middle { top:50%; margin-top: -1px; }
.open-nav #hamburger-icon div.middle {opacity:0;}
#hamburger-icon div.bottom { top:75%; margin-top: -2px; }
.open-nav #hamburger-icon div.bottom { transform: rotate(135deg); top: 50%;background:#fff; margin-top: -1px;}
.open-search .searchBtn:before,
.open-nav #hamburger-icon:before {opacity:1;  height: 100%;}

.open-search .searchBtn:after,
.open-search .mobileNavSearch .mobileSearchBox,
.open-nav .mobileNavSearch .mobileNav,
.open-nav #hamburger-icon:after {display: inherit;}

.DesktopNav,
.DesktopSearch {display: none;}
.contentSecMain { padding-right: 15px } 
.pageFooter {background: #fff; border-top: 1px solid #d7d7d7}
.BoxStyle1 figcaption h3:before { width: 24px; height: 20px; background: url(../images/coma.png) no-repeat center/100%; }
.BoxStyle1 figcaption h3 { font-size: 24px; line-height: 1.4; margin: 0;}
.BoxStyle1 figcaption {right:15px; bottom:15px; max-width:280px; padding:15px; }
.BoxStyle1 figcaption h3:after {margin-bottom: 10px;}

.BoxStyle3,
.BoxStyle2 {margin-top: 15px}
.BoxStyle3 figcaption {background: #fc4603; color: #fff;max-width:200px; padding: 15px; top: inherit; margin: 0; left: 15px; bottom: 15px; text-align: left;}
.BoxStyle2 figcaption {background: #fc4603; color: #fff;max-width:200px; padding: 15px; top: inherit; margin: 0; right: 15px; bottom: 15px}
.BoxStyle3 figcaption h3,
.BoxStyle2 figcaption h3 { color: #fff; font-size: 24px; line-height: 1.4; margin: 0 }
.BoxStyle3 figcaption a,
.BoxStyle2 figcaption a { color: #fff; text-transform: uppercase; font-size: 14px }
.BoxStyle3 figcaption p,
.BoxStyle2 figcaption p {display: none;}
.threeIcon-owl-carousel.owl-carousel figcaption { padding: 10px; }
.testy-owl-carousel.owl-carousel {text-align: center;}


.footerAbout,
.frmAry br,
.linkArya {display: none;}

.frmAry {padding:0 40px}
.pageFooter form .form-control {text-align: center;}

.ProductHeader h3 { font-size: 1.4rem;}
}