@font-face{font-family: calibri;src: url(../fonts/calibri.ttf);}
@font-face{font-family: calibriB;src: url(../fonts/calibriB.ttf);}
@font-face{font-family: OpenSansCB;src: url(../fonts/OpenSansCB.ttf);}
@font-face{font-family: PTSans;src: url(../fonts/PTSans.ttf);}
@font-face{font-family: PTSansI;src: url(../fonts/PTSansI.ttf);}
@font-face{font-family: PTSansB;src: url(../fonts/PTSansB.ttf);}
@font-face{font-family: PTSansBI;src: url(../fonts/PTSansBI.ttf);}

body{background:#fff;margin: 0;padding: 0;font-family: calibri;overflow-x:hidden;color:#42414a;font-size:15px;letter-spacing: 0.5px;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
h1, h2, h3, h4, h5{margin:0; padding:0; font-weight:normal; color:#2a2a2a;}
h1 {color: #fff;font-size: 60px;text-shadow: 4px 2px 0 RGB(31, 43, 103);font-family:OpenSansCB; text-transform: uppercase;}
h1 span{display:block;}
a {text-decoration:none; color:#ae0c1d; transition:all 0.3s ease-in-out;}
a:focus {outline:none;}
a:hover {transition:0.3s;cursor:pointer; color: RGB(31, 43, 103);}
p{line-height:26px;margin-bottom:30px;}
hr{border-bottom: 1px solid #c2c2c2;border-top: 0;margin:0;}
.mobieView{display:none;}
.container-fluid{float:left;width:100%}
.container {width:100%;max-width:1240px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.hContent .container {max-width:1050px;}
.container:after {clear: both;}
.row {display: flex;}
.fullWidth{float:left;width:100%;}
.img-left{margin-bottom: 15px;float: left;margin-right:30px;}
.img-right{float: right;margin-bottom: 15px;margin-left:30px; width:300px;}
ul{list-style:none}
.topHeader {padding-top: 15px;padding-bottom: 12px;}
.topHeader .container{max-width:1280px;}
.navMain {border-top: 1px solid #bfbec7;}
.topLogo, .topLogo a, .topLogo a img {float: left;}
.tCont, .tCont a{color: #42414a;font-family:OpenSansCB;font-size: 30px;}
.tAddr, .tAddr a{color: #42414a;}
.tContent{float:right;display:flex;align-items: center;padding-top: 20px;}
.tDetails{margin-right:30px;text-align:right;}
.tDetails, .tSocialCont {display: inline-block;}
.tSocialCont a{margin: 0 2px;}
.tSocialCont a, .tSocialCont a img{float:left;transition:all 0.3s ease-in-out;}
.tSocialCont a:hover img{opacity: 0.6;}

.hContent {float: left;width: 100%;padding-bottom: 50px;}

.iBanner {text-align: center;text-transform: uppercase;letter-spacing: 2px;min-height: 122px;background: RGB(31, 43, 103);color: #fff;display: flex;justify-content: center;align-items: center;float:left;width:100%;}
.iContent h1{font-size: 27px;text-shadow:none;font-family:calibri;letter-spacing:4px;}

.main-content ul {
  margin: 20px 0;
}

.main-content li {
  margin: 10px 0;
  list-style-type: disc;
}

.special-img {
  float: left;
  margin: 20px;
}

.title {
  background-color: RGB(31, 43, 103);
  color: #fff;
  text-align: left;
  display: table-row;
  padding: 10px;
  height: 60px;
}

.specs {
  padding: 10px;
}

.error {
	color: #ffffff;
	background-color: #bc1414;
	border-radius: 10px;
}
.success {
	color: #ffffff;
	background-color: #31ce0e;
	border-radius: 10px;
}

#Result_Msg {
  padding: 15px;
  width: 100%;
  font-size: 18px;
  display: none;
  text-align: center;
}

.refrigeration-boxes{margin-bottom: 90px;margin-top: -108px;z-index: 9;position: relative;}
.heading-caption{font-family:calibriB;font-size:22px;padding-left:60px;background:url(../images/dashLineBlack.jpg) no-repeat;background-position:left center;margin-bottom: 5px;}
h2{font-family:OpenSansCB;letter-spacing: -3px;line-height: 55px;font-size: 58px;color: RGB(31, 43, 103);margin-bottom:35px;text-transform: uppercase;}
h2 span{display:block;color: #42414a;}

.rBox{width:100%; float:left;background:#fff;border:1px solid #9b9a9f;text-align:center;padding:15px 20px 20px;margin-right: 50px;}
.rBox:hover .rBoxTitle{color: RGB(31, 43, 103);}
.rBox:last-child{margin-right: 0;}
.rBoxIcon{margin-bottom:15px;float:left;width:100%;}
.rBoxTitle{font-family:OpenSansCB;float:left;width:100%;font-size:26px; line-height:30px; color: RGB(31, 43, 103);margin-bottom:20px; text-transform: uppercase;letter-spacing: 1.5px;}
.rBoxContent{font-size:20px;padding: 0 25px;float:left;width:100%;}

/* Slider */
.slick-slider { position: relative; display: block;}
.slick-slider .slick-list { overflow: hidden; display: block; margin: 0px; padding: 0px; }
.slick-slider .slick-track { position: relative; left: 0px; top: 0px; }
.slick-slider .slide { float: left; min-height: 1px; }
.slick-slider .slide img { display: block;width: 100%;}
.slick-slider .slide { display: none; }
.slick-initialized .slide { display: block; display:flex;align-items:center;justify-content: center;text-align:center;}
.slick-slider .slick-prev { position: absolute; background: url('../images/sprite.png') 0 0 no-repeat; display: block; height: 64px; width: 64px; text-indent: -9999px; top: calc(50% - 20px); margin-top: -20px; left: 25px; padding: 0px; }
.slick-slider .slick-next { position: absolute; background: url('../images/sprite.png') -67px 0 no-repeat; display: block; height: 64px; width: 64px; text-indent: -9999px; top: calc(50% - 20px); margin-top: -20px; right: 25px; padding: 0px; }
.slick-slider .slick-prev:focus { outline: none }
.slick-slider .slick-next:focus { outline: none }
.slick-slider .slick-next.disabled { background-position: -90px -90px }
.slick-slider .slick-prev.disabled { background-position: -50px -90px }
.sldrContBg{position:absolute;width:768px;letter-spacing: -3px;line-height: 80px;}
.sldrCHeading{color:#fff;font-size:52px;line-height:53px;font-family:PTSansB;text-transform:uppercase;float:left;width:100%;}

/* Footer */
.fSections {background: RGB(31, 43, 103);color: white;font-size:19px;font-family:calibri;padding-top: 60px;padding-bottom: 100px;}
.fSections .container {max-width: 1080px;}
.fSec{float:left;width:100%;}
.fGiTouch{max-width:400px;}
.fContainers{max-width:415px;}
.fResources{max-width:210px;}
footer hr {border: 0;border-top: 1px solid rgba(255, 255, 255, 0.5);margin: 0;background: RGB(31, 43, 103);height: 10px;width: 100%;float: left;}
.fGiTouch .fSecTitle {padding-left: 60px;}
.fSec ul{padding: 0;margin: 0;}
.fSec li{padding-left: 60px;margin-bottom: 24px;}
.fSec .fSecTitle {font-family: calibri;font-size: 30px;letter-spacing: 2px;font-weight: 600;margin-bottom:35px;background: url(../images/dashLine.jpg) no-repeat;background-position: left center;}
.fSec li a{color: white;letter-spacing: 1px;}
.fSec li a:hover{color: #6797d6;}
.fSec li a span{display:block;padding-top:6px;}
.fDetails {padding-left: 30px;}
.fAddr{padding-left: 35px;background: url(../images/map.png) no-repeat;margin-bottom:30px;}
.fAddr a{color: #fff;}
.fAddr span{display: block;padding-top: 8px;}
.fContList{padding-left: 35px;background: url(../images/phone.png) no-repeat;}
.fCont {margin-bottom: 8px;}
.fCont a{color: White;}
.fSocialCont{margin-top:30px;}
.fSocialCont .fSocial, .fSocialCont .fSocial img{float: left;transition: all 0.3s ease-in-out;}
.fSocialCont .fSocial:hover img{opacity: 0.6;}
.fSocialCont .fSocial{margin-right:5px;}
.copyrightSec {font-family: calibri;font-size: 18px;color: #42414a;letter-spacing: 1px;padding: 17px 0;}
.copyrightSec a{color: RGB(31, 43, 103);}
.copyrightSec .csLeft a{color: #42414a;}
.copyrightSec a:hover, .copyrightSec .csLeft a:hover{color: #6797d6;}
.csSitemap {margin-left: 8px;}
.csSitemap a{border-left: 1px solid #42414a;padding-left: 15px;line-height: 17px;display: inline-block;}
.csLeft {float: left;}
.csRight {float: right;}

.iMainContent{float:left;width:100%;padding-top:40px;padding-bottom:20px;}
.left-sidebar{float:left;width:100%; max-width: 415px;}
.warranty-card {float: left;width: 100%;max-width: 340px;padding:10px;background: linear-gradient(155deg, RGB(31, 43, 103), #81a4d4);}
.quote-card {margin-top:30px; float: left;width: 100%;max-width: 340px;padding:10px;background: linear-gradient(155deg, #8a0c03, #db1304);}
.wCard-sub{background: linear-gradient(175deg, RGB(31, 43, 103), #376bae);border: 1px solid rgba(255, 255, 255, 0.6);padding:20px 50px 30px;text-align:center;color: #fff;letter-spacing:1px;}
.sCard-sub{background: linear-gradient(175deg, #8a0c03, #db1304);border: 1px solid rgba(255, 255, 255, 0.6);padding:20px 50px 30px;text-align:center;color: #fff;letter-spacing:1px;}
.sCard-sub:hover {
  background: linear-gradient(175deg,#db1304,#8a0c03);
}
.wcHeading{text-transform:uppercase;font-size:17px;line-height:15px;margin-top:22px;margin-bottom:17px;float:left;width:100%;}
.wcHeading span{font-size:39px;line-height:35px;letter-spacing:2px;font-family: calibriB;}
.findMore{color:#fff;font-family: calibriB;}

.video-action{float:left;width:100%; max-width: 340px;margin-top: 30px;}
.vAction-card-dark{background: #42414a; padding:25px 0;}
.vacContent{width: calc(100% - 20px);border-left: 1px solid #fff;border-right: 1px solid #fff;margin: 0 auto;padding: 0 15px;min-height: 77px;display: flex;align-items: center;}
.vaccDetail a{text-align:left;float:left;letter-spacing: 1px;font-size: 17px;line-height:17px;color: #fff; text-transform: uppercase;margin-left: 26px;}
.vaccDetail span{float:left;width:100%;font-size: 39px;line-height:32px;font-family:calibriB;letter-spacing:3px;}

.main-content{float:left;width:100%; max-width: calc(100% - 415px);padding-left:15px;}

.container-div {
  width: 100%;
  float: left;
  margin: 10px 0;
  padding: 15px;
  border-radius: 10px;
}

.container-div:nth-child(odd){
  background-color:#f5f4f4;
}

.details-btn {
  background-color:RGB(31, 43, 103);
  color:#fff;
  padding: 10px 20px;
  font-size: 25px;
  border-radius: 10px;
  text-align: center;
}

.details-btn:hover {
  cursor:pointer;
  opacity: 0.6;
}

.container-thumb {
  max-width: 25%;
  max-height: 200px;
  float: right;
  padding: 0 0 10px 10px;
  border: none;
}

.container-name {
  color:RGB(31, 43, 103);
  font-weight:bold;
  font-size: 30px;
}

.container-image-block {
  width: 31%;
  margin: 0 2% 0 0;
  float: left;
  text-align: center;
  display: block;
}

.prod-list-img-thumb {
  width: 23%;
  margin: 1%;
  float: left;
}

.prod-list-img {
  max-width: 100%;
}

.container-info-block-full {
  width: 100%;
  float: left;
}

.container-info-block {
  width: 64%;
  float: left;
  margin: 0 0 0 2%;
  display: block;
}

/* Responsive css */
@media(min-width:981px){
#cssmenu ul {display: block !important;}
}
@media(max-width: 1240px){
.iContent .container{max-width:1050px}

.left-sidebar {max-width: 360px;}
.main-content {max-width: calc(100% - 360px);}

.iContent h2 {font-size: 55px;}
}
@media(max-width: 1080px){
h1{font-size: 70px;line-height: 73px;}
h2{line-height: 45px;font-size: 48px;}
.iContent h2 {line-height: 45px;font-size: 48px;}
.container{width: 980px;}
#cssmenu>ul>li>a {padding: 13px 30px;}
.rBox{margin-right: 20px;}

.fGiTouch {max-width: 350px;}
.fContainers {max-width: 385px;}

.left-sidebar {max-width: 310px;}
.warranty-card {max-width: 290px;padding: 5px;}
.wCard-sub {padding: 20px 20px 30px;}
.video-action {max-width: 290px;}
.vAction-card-dark {zoom: 0.85;}
.main-content {max-width: calc(100% - 310px);}


}
@media(max-width: 980px){
.mobieView{display:inline-block;}
.deskView{display:none;}
#cssmenu > ul {background: #3a87bb;}
#cssmenu>ul>li>a{color:#fff;padding:15px 0}
#cssmenu #menu-button {margin-right: 15px;}
#cssmenu>ul>li:hover>a{color: #ffffff;background: RGB(31, 43, 103);}
.container{width: 100%;}
h1 {font-size: 40px;line-height: 43px;}

.topHeader .container {max-width: calc(100% - 50px);float: left;}
.topLogo a img {max-height: 65px;}
.tContent {padding-top: 0;}
.navMain .container {padding-left: 0;padding-right: 0;}

.rBox {padding: 15px 10px 20px;}
.rBoxTitle {font-size: 22px;line-height: 26px;letter-spacing: 1px;}
.rBoxContent {font-size: 18px;padding: 0 5px;}
.refrigeration-boxes {margin-top: -80px;margin-bottom: 60px;}

.fSections {padding-bottom: 0px;}
.fSec {margin-bottom: 50px;}
.fGiTouch, .fContainers, .fResources{max-width:100%;text-align: center;}
.fAddr, .fContList, .fSec .fSecTitle {background: unset;}
.fSec .fSecTitle, .fDetails, .fAddr, .fContList, .fSec li {padding-left: 0;}
.fSocialCont {display: inline-block;}


.left-sidebar {max-width: 270px;}
.main-content {max-width: calc(100% - 270px);}
.video-action, .warranty-card {zoom: 0.9;}
.iContent h1 {font-size: 24px;letter-spacing: 2px;}
}
@media(max-width: 767px){
.csLeft {margin-bottom: 10px;}
.csLeft, .csRight{width: 100%; text-align: center;} 

.left-sidebar{width:100%;max-width:100%;text-align:center;margin-bottom: 50px;}
.lsBoxes{width:100%;max-width:270px;display: inline-block;}
.main-content{float:left;width:100%;max-width:100%;padding-left:0;}

}
@media(max-width: 720px){
.row {display: block;}
.rBox {margin-bottom: 15px;}
.refrigeration-boxes {margin-top: 15px;}
.tAddr {display: none;}
.tContent {padding-top: 5px;}
.topLogo a img {max-height: 55px;}
#cssmenu #menu-button {margin-top: -58px;}
.tDetails {margin-right: 10px;}
.slick-slider .slick-next, .slick-slider .slick-prev {zoom: 0.5;}
.container-image-block {
  float: right;
  width: 100%;
  margin: 0;
}
.container-info-block {
  width: 100%;
  margin: 0 0 15px 0;
}
}
@media(max-width: 580px){
h1 {font-size: 25px;line-height: 27px;letter-spacing: 0px;}
h2, .iContent h2 {line-height: 32px;font-size: 35px;letter-spacing: -2px;}

.tCont span {float: left;}
.tCont a {float: left;font-size: 22px;line-height: 23px;}
.tSocialCont a img {height: 28px;}
.tCont img {float: left;margin-right: 3px;}
.tContent {padding-top: 3px;}
.topLogo a img {max-height: 35px;}
#cssmenu #menu-button {margin-top: -47px;}
.refrigeration-boxes {margin-bottom: 40px;}
.heading-caption {font-size: 16px;padding-left: 25px;background-size: 20px;}

.img-left, .img-right{display: block; float:none;margin: 0 auto; width: 200px;}
.iBanner {min-height: 90px;}
.iContent h1 {font-size: 24px;letter-spacing: 0;}
}
@media(max-width: 480px){
.tCont{display:none;}
.tSocialCont a img {height: 35px;}
h1 {font-size: 21px;line-height: 22px;letter-spacing: 0px;text-shadow: 2px 1px 0 RGB(31, 43, 103);}
h2 {font-size: 30px;}
.fSections {font-size: 16px;}
.fSec .fSecTitle {font-size: 26px;}
.csSitemap {margin-left: 8px;float: left;width: 100%;margin: 7px 0 0 0;}
.csSitemap a {border-left: 0;padding-left: 0;}
}
@media(max-width: 430px){
}
@media(max-width: 360px){
}