#header{display: block; position: fixed; width: 100%; min-width: 320px; max-width: none; height: auto; margin: auto; z-index: 999; background-color: #FFF; top: 0; box-shadow: 0px 3px 6px #00000070;}
#header-shadow{display: inline-block; position: fixed; width: 100%; min-width: 320px; max-width: none; height: 10px; margin: auto; z-index: 998;  background-image: url('../im/header-shadow.png'); background-repeat: no-repeat; background-position: center top; top: 172px;}

#top-nav{display: block; width: 100%; max-width: none; height: 36px; margin: auto; background: linear-gradient(to right, #003078, #006aab, #003078);}

#chefmod{position: absolute; width: 250px; height: 100px;  top: 36px; margin-left: 7px; background-image: url('../im/CHEFMOD-LOGO-BLUE_leftsided.png'); background-size: 280px; background-repeat: no-repeat;}
/* #chefmod:hover{background-position: 0 -81px;} */
#chefmod:hover{filter: invert(49%) sepia(82%) saturate(1620%) hue-rotate(157deg) brightness(97%) contrast(102%);}
#nav{display: table; margin: auto; margin-top: 52px; font-size: 14px; list-style-type: none;}
#nav li{float: left; margin-right: 4px;}
#nav li a{padding: 3px 9px 3px 9px; color: #0e74b4; font-size: 14px; }
#nav li a:hover{color: #FFF; background-color: #0e74b4;}
#nav .selected{color: #FFF; background-color: #0e74b4;}

.nav{display: table; margin: auto; margin-top: 52px; font-size: 14px; list-style-type: none;}
.nav > li {float:left;}
.nav li:hover {color: #FFF; background-color: #0e74b4;}
.nav li:hover a{padding: 3px 9px 3px 9px; color: #FFF; background-color: #0e74b4;}
.nav li:hover ul li a{padding: 3px 9px 3px 9px; color: #0e74b4; font-size: 12px;  background:none;}
.nav li a {padding: 10px 10px 5px 10px; color: #0e74b4; font-size: 16px; text-decoration: none;}
.nav li a:hover {color: #FFF; background-color: #0e74b4;}
.nav li ul {display:none; position:absolute; min-width: 230px; background-color: #FFF; list-style-type: none; text-decoration:none; margin:0; padding:0; padding-top: 3px;}
.nav li:hover > ul {display:block;}
.nav li ul li {position:relative; margin: 0; padding: 0; background-image: url('../im/submenu_arrow.png'); background-repeat: no-repeat; background-position: 220px 0;}
.nav li ul li:hover{color: #FFF; background-color:#8faadc; background-image: url('../im/submenu_arrow.png'); background-repeat: no-repeat; background-position: 220px -25px;}
.nav li ul li:hover a{color: #FFF; background-color:#8faadc;}
.nav li ul li:hover ul li {background:none;}
.nav li ul li:hover ul li a{color: #0e74b4; background:none;}
.nav li ul li:hover ul li:hover{color: #FFF; background-color:#8faadc;}
.nav li ul li:hover ul li:hover a{color: #FFF; background-color:#8faadc;}
.nav li ul li a {padding: 3px 9px 3px 9px; color: #0e74b4; font-size: 12px; line-height: 25px;}
.nav li ul li a:hover{color: #FFF; background-color:#8faadc;}
.nav li ul li ul {right: -230px; top:0; background-color: #FFF; list-style-type: none; margin:0; padding:0;}
.nav li .flecha{font-size: 9px; padding-left: 6px; display: none;}
.nav li a:not(:last-child) 
.flecha {display: inline;}


.subnavegador{display: block; margin: auto; font-size: 14px; list-style-type: none;}
.subnavegador li
.subnavegador li a{padding: 3px 9px 3px 9px; color: #0e74b4; font-size: 14px;}
.subnavegador li a:hover{color: #FFF; background-color: #0e74b4;}

#nav .bt-menu .selected{color: #34bbf3!important;}

#user-nav{position: absolute; right: 5px; top: 6px; font-size: 14px;}
#user-nav .bt-menu{float: left; padding: 3px 5px 3px 5px; margin-left: 5px; color: #FFF; font-size: 13px;}
#user-nav .bt-menu:hover{color: #FFF; background-color: #0077c2;}
#user-nav .selected{color: #FFF; background-color: #0077c2;}

#spring-forward{display: block; width: 100%; max-width: none; max-height: 108px; margin: auto; margin-top: 30px; background-color: #e52b74; color: white; z-index: -1; padding: 10px;}
#spring-forward .text{width: 100%; max-width: none; margin: auto; color: white;  text-align: center; z-index: -1; display: none;}
#spring-forward a{color: #FFF!important; font-weight: bold; font-size: 16px;}

#social-nav{position: absolute; left: 250px; top: 7px;}
#social-nav .google{float: left; width: 20px; height: 20px; background-image: url('../im/header-google2.png'); overflow: hidden; text-indent: -999px;}
#social-nav .google:hover{background-position: 0 -20px;}
#social-nav .instagram{float: left; width: 20px; height: 20px; overflow: hidden; text-indent: -999px; margin-left: 5px;}
#social-nav .instagram:hover{background-position: 0 -20px;}
#social-nav .facebook{float: left; width: 20px; height: 20px; overflow: hidden; text-indent: -999px; margin-left: 5px;}
#social-nav .facebook:hover{background-position: 0 -20px;}
#social-nav .twitter{float: left; width: 20px; height: 20px; background-image: url('../im/header-twitter2.png'); overflow: hidden; text-indent: -999px; margin-left: 5px;}
#social-nav .twitter:hover{background-position: 0 -20px;}
#social-nav .linkedin{float: left; width: 20px; height: 20px; background-image: url('../im/header-linkedin2.png'); overflow: hidden; text-indent: -999px; margin-left: 5px;}
#social-nav .linkedin:hover{background-position: 0 -20px;}

#call-today{position: absolute; left: 18px; top: 7px; background-image: url('../im/header-phone.png'); background-repeat: no-repeat; background-position: left top;}
#call-today .text{float: left; color: #FFF; font-size: 13px;  line-height: 20px; font-style: italic; margin-left: 22px;}

#multiple-locations{position: absolute; width: 148px; height: 68px; right: 35px; top: 50px; background-image: url('../im/header-locations.png'); background-repeat: no-repeat; background-position: right center;}
#multiple-locations .text{width: 96px; margin-top: 14px; color: #9d3292; font-size: 14px; line-height: 14px; padding-bottom: 3px; border-bottom: 3px solid #b319ab;}


#bt-mobile{display: none; position: absolute; width: 42px; height: 23px; right: 18px; top: 62px; cursor: pointer;}
.mobile-open{background-image: url('../im/bt-mobile_open.gif');}
.mobile-close{background-image: url('../im/bt-mobile_close.gif');}
#desplegable_responsive{display: none; position: absolute; width: 100%; height: 1170px; right: 0; z-index: 1000; background-color: #006aad; top: 172px;}
#desplegable_responsive ul{padding: 0; margin-top: 30px; margin: 0;}
#desplegable_responsive ul li{list-style-type: none; border-bottom: 1px solid #FFF; padding-left: 20px;}
#desplegable_responsive ul li a{font-size: 15px; color: #FFF; font-weight: 300; line-height: 38px; text-decoration: none;}
#desplegable_responsive ul li a:hover{text-decoration: none; padding-bottom: 2px; color: #34bbf3;}

#desplegable_responsive ul li ul{padding: 0px; margin-top: 0!important; margin: 0;}
#desplegable_responsive ul li ul li{list-style-type: none; margin-left: -20px; border-bottom: 0; border-top: 1px solid #017cc2;}
#desplegable_responsive ul li ul li a{font-size: 12px!important; line-height: 38px!important; color: #FFF; font-weight: 300;}
#desplegable_responsive ul li ul li a:hover{text-decoration: none; padding-bottom: 2px; color: #34bbf3;}

.close_mobile{font-size: 18px; color: #0e74b4; font-weight: 300; line-height: 32px; cursor: pointer;}
.suboption{margin-left: 4px!important; font-size: 12px!important;}
.suboption-div{margin-left: 18px;}
.mobile-arrow-right{float: left; width: 14px; height: 14px; font-size: 18px!important; line-height: 26px!important; margin-top: 6px; background-image: url('../im/mobile_arrow.png'); background-repeat: no-repeat; margin-top: 5px; cursor: pointer;}
.mobile-arrow-down{float: left; width: 14px; height: 14px; font-size: 18px!important; line-height: 26px!important; margin-top: 6px; background-image: url('../im/mobile_arrow.png'); background-repeat: no-repeat; background-position: 0 -14px; margin-top: 5px; cursor: pointer;}

.mobile-dropdown-more{float: left; width: 16px; height: 16px; line-height: 26px!important; margin-top: 6px; background-image: url('../im/dropdown-mobile.png'); background-repeat: no-repeat; margin-top: 4px; cursor: pointer;}
.mobile-dropdown-less{float: left; width: 16px; height: 16px; line-height: 26px!important; margin-top: 6px; background-image: url('../im/dropdown-mobile.png'); background-repeat: no-repeat; background-position: 0 -17px; margin-top: 5px; cursor: pointer;}

#submenu-why-chefmod{position: fixed; display: none; list-style-type: none; margin: 0; padding: 10px; background-color: #FFF; z-index: 9999; top: 120px; left: 445px}
#submenu-why-chefmod li a{font-size: 11px; color: #808080; font-weight: 300; line-height: 18px;}
#submenu-why-chefmod li a:hover{text-decoration: none; color: #0e74b4;}
@media screen and (max-width:1238px) and (min-width: 320px){
	#main{padding-top: 72px;}

	#promo-logo, #promo-bullets {float:none!important; margin:auto; width:50%}
	#promo-bullets {float:none!important; margin:auto; width:100%}
	#promo-bullets>p {font-size:10pt!important;}
	#header-shadow{top: 196px;}
	#bt-mobile{display: block; top: 60px;}
	#chefmod{position: absolute; top: 38px; margin-left: 0px;}
	
	.nav{display: none;}
	#spring-forward{margin-top: 105px;}
	#spring-forward .text{font-size: 14px;}
	#spring-forward a{font-size: 14px;}
	#desplegable_responsive{top:167px}
	#multiple-locations{display: none;}
	#user-nav-hide{display: none;}
	#social-nav{display:none;right: 17px; top: 9px; left: auto;}
	#call-today {background-size: 16px 16px; background-position: left center;}
	
	#container {margin: 124px auto auto;}

	
	#slider-home{height: 184px;}
	#slider-home .left-quote{font-size: 50px; top: 0;}
	#slider-home .right-quote{font-size: 50px; top: 7px;}
	#slider-home .slide01{top: 50px!important;}
	#slider-home .slide02{top: 75px!important;}
	#slider-home .slide03{top: 70px!important;}
	
	#login{display: inline-block; height: auto; padding: 65px 0 65px 0;}
	#login .container{width: 250px; height: auto; top: 0px;}
	#login .container .form{display: block; float: left; width: 250px; margin-top: 0px;}
	#login .container img{display: none;}
	
	#home-row1{width: 100%;}
	#home-row2{width: 100%;}
	#home-row3{width: 100%;}
	#home-row4{width: 100%;}
	
	#home-row1 .video{width: 100%; height: 272px;}
	#home-row1 .enquiry{width: 100%; height: auto; padding-bottom: 20px; margin-top: 24px;}
	#home-row1 .enquiry .cont{display: table; width: 90%; height: auto; margin: auto;}
	#home-row1 .enquiry .form{display: table; width: 90%; height: auto; margin: auto;}
	
	#home-row2 .column1{width: 100%;}
	#home-row2 .column1 .banner{display: none;}
	#home-row2 .column1 .text{display: table; width: 90%; height: auto; margin: auto; margin-top: 30px; font-size: 13px; padding: 30px 0 0 0px; text-align: center;}
	#home-row2 .column2{width: 100%; margin-left: 0;}
	#home-row2 .column2 .banner{display: none;}
	#home-row2 .column2 .text{display: table; width: 90%; height: auto; margin: auto; margin-top: 30px; padding: 30px 0 0 0px; text-align: center;}
	#home-row2 .column3{width: 100%;}
	#home-row2 .column3 .banner{display: none;}
	#home-row2 .column3 .text{display: table; width: 90%; height: auto; margin: auto; margin-top: 30px; padding: 10px 0 0 0px; text-align: center;}
	/* #home-row2 .text .h4{text-align: center;} */
	
	#home-row3 .members{width: 100%;}
	#home-row3 .members .title .h4{font-size: 20px; letter-spacing: 3px;}
	#home-row3 .banner{display: none;}
	
	#home-row4 .members{width: 100%;}
	#home-row4 .members .title .h4{font-size: 20px; letter-spacing: 3px;}
	#home-row4 .enquiry{width: 100%; height: auto; padding-bottom: 20px; margin-top: 24px;}
	#home-row4 .enquiry .cont{display: table; width: 90%; height: auto; margin: auto;}
	#home-row4 .enquiry .form{display: table; width: 90%; height: auto; margin: auto;}
	
	#footer{height: 170px; position: relative;}
	#footer .column1{left: 100px; top: 35px; font-size: 9px; letter-spacing: 0;}
	#footer .column2{left: 100px; top: 85px; font-size: 9px; letter-spacing: 0;}
	#footer .column3{left: 100px; top: 125px; font-size: 9px; letter-spacing: 0;}
	#footer .column3 a{font-size: 9px; letter-spacing: 0;}
	#social-nav-footer{right: 20px!important; top: 30px;}
	#social-nav-footer .google{float: none; width: 24px; height: 24px; background-image: url('../im/footer-google.png'); overflow: hidden; text-indent: -999px;}
	#social-nav-footer .instagram{float: none; width: 24px; height: 24px; background-image: url('../im/footer-instagram.png'); overflow: hidden; text-indent: -999px; margin-left: 0px;}
	#social-nav-footer .facebook{float: none; width: 24px; height: 24px; background-image: url('../im/footer-facebook.png'); overflow: hidden; text-indent: -999px; margin-left: 0px;}
	#social-nav-footer .twitter{float: none; width: 24px; height: 24px; background-image: url('../im/footer-twitter.png'); overflow: hidden; text-indent: -999px; margin-left: 0px;}
	#social-nav-footer .linkedin{float: none; width: 24px; height: 24px; background-image: url('../im/footer-linkedin.png'); overflow: hidden; text-indent: -999px; margin-left: 0px;}
	
	#footer_login{height: 170px;}
	#footer_login .iso{margin: 24px 0 0 20px;}
	#footer_login .column1{left: 100px; top: 35px; font-size: 9px; letter-spacing: 0;}
	#footer_login .column2{left: 100px; top: 85px; font-size: 9px; letter-spacing: 0;}
	#footer_login .column3{left: 100px; top: 125px; font-size: 9px; letter-spacing: 0;}
	#footer_login .column3 a{font-size: 9px; letter-spacing: 0;}
	#social-nav-footer_login{right: 20px!important; top: 30px;}
	#social-nav-footer_login .google{float: none; width: 24px; height: 24px; background-image: url('../im/header-google.png'); overflow: hidden; text-indent: -999px;}
	#social-nav-footer_login .instagram{float: none; width: 24px; height: 24px; background-image: url('../im/header-instagram.png'); overflow: hidden; text-indent: -999px; margin-left: 0px;}
	#social-nav-footer_login .facebook{float: none; width: 24px; height: 24px; background-image: url('../im/header-facebook.png'); overflow: hidden; text-indent: -999px; margin-left: 0px;}
	#social-nav-footer_login .twitter{float: none; width: 24px; height: 24px; background-image: url('../im/header-twitter.png'); overflow: hidden; text-indent: -999px; margin-left: 0px;}
	#social-nav-footer_login .linkedin{float: none; width: 24px; height: 24px; background-image: url('../im/header-linkedin.png'); overflow: hidden; text-indent: -999px; margin-left: 0px;}
	
	#about-row1{width: 82%;}
	#about-row2{width: 82%;}
	#about-row3{width: 82%;}
	#about-row4{width: 82%;}
	#about-row5{width: 82%;}
	#about-row6{width: 82%;}
	#about-row7{width: 82%;}
	#about-row9{width: 82%;}
	#about-row3 .row .module{width: 100%;}
	#about-row4 .row .module{width: 100%;}
	#about-row5 .row .module{width: 100%;}
	#about-row7 .modules .module1{width: 100%; margin-bottom: 30px;}
	#about-row7 .modules .module2{width: 100%; margin-bottom: 30px;}
	
	#slider-about-us .slide{background-image: url('../im/slide-about-320.png');}
	#slider-why-software .slide{background-image: url('../im/slide-software-320.png');}
	#slider-why-service .slide{background-image: url('../im/slide-service-320.png');}
	#slider-why-enhanced .slide{background-image: url('../im/slide-enhanced-320.png');}
	#slider-team .slide{background-image: url('../im/slide-team-320.png');}
	#slider-careers .slide{background-image: url('../im/slide-careers-320.png');}
	#slider-contact-home .slide{background-image: url('../im/slide-contact-320.png');}
	#slider-get-started .slide{background-image: url('../im/slide-get-started-320.png');}
	
	
	#software-row{width: 82%;}
	#software-row .ico{display: none;}
	#software-row .text{width: 100%}
	#software-row .text{width: 100%}	
	#software-row .col3{display: none;}
	#software-row .col2{display: inline-block;}
	#software-row .row{margin-top: 0;}
	#software-row .row .module{width: 100%;}
	#software-row .important{display: inline-block; width: calc(100% - 80px); padding: 40px; margin-bottom: 30px; background-color: #ffc800;font-size: 14px; line-height: 22px; color: #FFF; text-align: center;}
	
	#service-row{width: 82%;}
	#service-row .ico{display: none;}
	#service-row .text{width: 100%}
	#service-row .col3{display: none;}
	#service-row .col2{display: inline-block;}
	#service-row .row{margin-top: 0;}
	#service-row .row .module{width: 100%;}
	
	#enhanced-row{width: 82%;}
	#enhanced-row .ico{display: none;}
	#enhanced-row .text{width: 100%}
	#enhanced-row .col3{display: none;}
	#enhanced-row .col2{display: inline-block;}
	#enhanced-row .row{margin-top: 0;}
	#enhanced-row .row .module{width: 100%;}
	
	#software-detail-row{width: 82%;}
	#software-detail-row .pagination a{margin-left: 10px;}
	
	#team-row{width: 82%;}
	#team-row img{width: 100%;}
	
	#careers-row{width: 82%;}
	
	#contact{width: 82%;}
	#contact .row .ico{display: none;}
	#contact .row .text1{width: 100%;}
	#contact .row .form{width: 100%; margin-top: 30px;}
	#contact .row .module{width: calc(100% - 20px); margin-right: 0;}
	#contact .row .module .h5{font-size: 13px; line-height: 20px;}
	#contact .row .module p{font-size: 13px; line-height: 20px;}
	#contact .row .module a{font-size: 13px; line-height: 20px;}
	#contact .regional-offices{margin-top: 40px;}
	#contact .get-started-row{margin-top: 40px;}
	
	#get-started{width: 82%;}
	#get-started  .row .ico{display: none;}
	#get-started  .row .text{width: 100%;}
	#get-started  .row .form{width: 100%; margin-top: 60px}
	#get-started  .row .form .col1{float: left; width: 100%;}
	#get-started  .row .form .col2{float: left; width: 100%;}
	
	#additional-services{width: 82%;}
	#additional-services .row {margin-bottom: 0;}
	#additional-services .row .module{width: 100%; margin-right: 0; margin-bottom: 30px;}
	#additional-services .col3{display: none;}
	#additional-services .col2{display: inline-block;}
	
	#slides .slides-container .container{font-size: 11px; line-height: 20px;}
	
	#contact .contact_module{float: none; width: 100%;}
	#contact .get-started_module{/*float: none;*/ width: 100%;}
	
	#indx-freedemo {display:block;}

	#refer-main #colA, #refer-main #colB{display: contents;}
	#refer-main #colB form .h4{text-align: center; margin-left: auto; margin-right: auto; padding-left: 0px;}

}