html,body{
	height:100% !important;
	/*width:100%;*/
	margin:0px;
	padding:0px;
	 
} 
body{   
	font-family: 'Prompt', tahoma,arial, sans-serif;
	/*font-family: 'Nunito', sans-serif;*/
	color: #ffffff;
	font-size: 18px; 
	font-weight:400;
	line-height: 1.42857;
	margin: 0px;
	padding:;
	background:#000000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; 
}

.arial{font-family:Arial, Helvetica, sans-serif;}
a{  
	-webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
::-moz-selection {
	background: #666666;
	color: white;
	text-shadow: none;
}

::selection {
	background: #666666;
	color: white;
	text-shadow: none;
}


.upper{ text-transform:uppercase}

.green{ color:#00a453}
.white{ color:#fff !important}
.orange{ color:#cf6430}
.blue{ color:#003471}
.brown{ color:#743605}
.black{ color:#414141}
.gray{ color:#333333}
.red{ color:#ed242f !important} 
.star{ color:#f45d5d!important}
.bold{ font-weight:bold !important}
.pink{ color:#f0537c}
.super-bold{font-weight: 800;}

a.orange{ color:#e69d37}
a.blue{ color:#4385a5}
a.brown{ color:#97866b}
 

.font10{ font-size:10px;}
.font11{ font-size:11px;}
.font12{ font-size:12px; line-height:18px;}
.font13{ font-size:13px; line-height:16px;}
.font14{ font-size:14px;}
.font15{ font-size:15px;}
.font16{ font-size:16px;}
.font17{font-size:17px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font21{ font-size:21px;}
.font22{ font-size:22px;}
.font24{ font-size:24px; line-height:24px}
.font26{ font-size:26px}
.font28{ font-size:28px;}
.font30{ font-size:30px}
.font32{ font-size:32px}
.font34{ font-size:34px;}
.font36{ font-size:36px; line-height:40px}
.font40{ font-size:40px; line-height:40px}
.font48{ font-size:48px; line-height:40px}
.font50{ font-size:50px;}

.img_fullwidth{ width:100%}
.text_top{ vertical-align:top; top:3px; position:relative;}
 


b, strong{ font-weight:700}
h1,h2,h3,h4,h5,h6{  
	font-weight: 600;
	margin:0; 
	font-family: 'Nunito', sans-serif;
}
 
 

table{
	max-width: 100%;
    width: 100%;
}
 

.buttons{
	display:block;
	margin:25px 0 20px;
	text-align: center;
}
.buttons .btn + .btn{
	margin-left: 5px
}
 
.nomargin-bottom{ margin-bottom:0 !important}
.nomargin-top{ margin-top:0 !important}
.nopadding-right{ padding-right:0 !important}

 
.icons{
	display:inline-block;
	position:relative;
	vertical-align:top;
	background-image:url(../img/icons.png);
	background-repeat:no-repeat;
}
.icon-next-section{
	width: 48px;
	height: 48px;
	background-position: 0 0;
}
.icon-next-section-blue{
	width: 48px;
	height: 48px;
	background-position:0 -50px;
}
.icon-totop-section{
	width: 48px;
	height: 48px;
	background-position:-48px -27px;
	cursor: pointer;

	-webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
.icon-download{
	width: 17px;
	height: 17px;
	background-position:-53px -1px;
}
.icon-download-white{
	width: 17px;
	height: 17px;
	background-position:-74px -1px;
} 
.icon-phone{
	width: 42px;
	height: 42px;
	background-position:-96px -1px;
} 
.icon-mail{
	width:53px;
	height:40px;
	background-position:-142px -1px;
} 
.icon-location{
	width: 44px;
	height:53px;
	background-position:-198px -1px;
} 

.icon-menu{
	width:40px;
	height:35px;
	background-position:-247px 1px;
}
.icon-menu-white{
	width:40px;
	height:35px;
	background-position:-339px 1px;
}

.icon-menu-close{
	width:40px;
	height:35px;
	background-position:-294px 1px;
}

.icon-wifi{
	width:21px;
	height:23px;
	background-position:-96px -72px;
}
.icon-bluetooth{
	width:13px;
	height:23px;
	background-position:-126px -72px;
}
.icon-gigabit-ethernet{
	width:23px;
	height:23px;
	background-position:-147px -72px;
}
.icon-poe{
	width:21px;
	height:23px;
	background-position:-179px -72px;
}

.icon-wifi-xs{
	width:17px;
	height:17px;
	background-position:-100px -50px;
}
.icon-bluetooth-xs{
	width:11px;
	height:17px;
	background-position:-122px -50px;
}
.icon-gigabit-ethernet-xs{
	width:17px;
	height:17px;
	background-position:-138px -52px;
}
.icon-poe-xs{
	width:17px;
	height:17px;
	background-position:-159px -50px;
}




.arrow-left{
	position: absolute;
	left: 0;
	top: 0;
	width:5px;
	 height:5px;
	 vertical-align:top;
	 margin-left:3px;
	 border-top: 1px solid #ffffff;
	 border-left: 1px solid #ffffff;
	 -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); 

    -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.arrow-right{
	position: absolute;
	left: -5px;
	top: 0;
	width:5px;
	 height:5px;
	 vertical-align:top;
	 margin-left:3px;
	 border-top: 1px solid #ffffff;
	 border-left: 1px solid #ffffff;
	 -webkit-transform: rotate(135deg);
    transform: rotate(135deg); 

    -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.arrow-up{
	position: absolute;
	left:0;
	top: 0;
	 width:15px;
	 height:15px;
	 vertical-align:top;
	 margin-left:3px;
	 border-top: 3px solid #000000;
	 border-left: 3px solid #000000;
	 -webkit-transform: rotate(45deg);
    transform: rotate(45deg);  
}

.totop-bubble{
	width: 43px;
	height: 43px;
	background-color:#deb87c; 
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 1000;
	display: none;
	cursor: pointer;

	 -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.totop-bubble .arrow-up{
	left: 11px;
    top: 17px;
}
.totop-bubble:hover{ opacity: 0.85 }
 
 	
input.error,
textarea.error{
	border:1px solid #e84646 !important;
}

.field-error input,
.field-error textarea,
.field-error.input-file,
.field-error.select-wrap .customSelect,
.fileinput.field-error .fileinput-filename{
	border:1px solid #ed939e !important;
	background-color: #fbf0f1 !important;
}
.field-error span.error{ display:none !important}

/*.field-error.checkbox-group-box label{ color: #ed939e }*/
.field-error.checkbox-group-box .checkbox-group label:before, 
.field-error.checkbox-group-box .radio-group label:before {
	border-color: #ed939e;
	background-color: #fbf0f1 !important;
}
 
span.error{
	font-size:11px;
	line-height:13px;
	color:red;
	display:none;
	margin-top:3px;
	display:none !important
}
 
.select-wrap span.error{
	position:absolute;
	bottom:-15px;
	left:0px;
}
.input-wrap .input-small + .error,
.input-wrap .input-price + .error{
	position:absolute;
	bottom:-5px;
	left:0px;
}
.input-wrap.field-error{ padding-bottom:10px}

/* Background Parallax
================================*/ 
.parallax{
	/*background-repeat:no-repeat;
	background-size:cover; 
	background-position: 50% 50%;
/*	background-attachment:fixed;*/
	
}

/* Fullscreen background
================================*/ 
.fullscreen{
	background-size:cover;
	background-repeat:no-repeat;
	/*background-position: center center;*/
	width:100%;
    min-height:100%;
}

/*=============================*/

.radio-group, 
.checkbox-group{ 
	padding-left:0; 
	position:relative;
	list-style-type:none;
	margin:0px;
	padding:0px;
	text-align:center;
	display:inline-block;
	vertical-align:top
}
.radio-group{ display:inline-block; position:relative}


.radio-group input[type="radio"],
.checkbox-group input[type="checkbox"] {
	/*display: none;*/
	visibility: hidden;
	opacity: 0;
	height: 0;
	position: absolute;
	width: 0
}
.checkbox-group label:before,
.radio-group label:before {
	content: "";
	display: inline-block;

	width:16px;
	height:16px;

	margin-right: 5px;
	position: absolute;
	left:0;
	top:0;
	background-color: #fff;
	border:1px solid #d7dada;

	-webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.radio-group label:before {
	width: 13px;
	height: 13px;
 
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
	
}
.radio-group label,
.checkbox-group label {
	position:relative;
	padding-left:23px;
	padding-right:10px;
	text-align:left;
	margin:1px 0;
	display:block;
	font-weight:normal;
	font-size:14px;
	line-height:14px;
	cursor:pointer;

	-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.checkbox-group label{color: #a4a7a7;}
.checkbox-group:hover label{color: #000000;}
 
.radio-group input[type="radio"]:checked + label:after {
    content: "";
    color: #ea6f21;
	background-color:#555555;
	border-radius: 50%;
	position:absolute;
	left:3px;
	top:3px;
	width:7px;
	height:7px;
}
 

.checkbox-group input[type="checkbox"]:checked + label:after,
.checkbox-group input[type="checkbox"]:checked + .error + label:after {
	content:'';
	width:14px;
	height:14px;
	position:absolute;
	top:4px;
	left:3px;
	display:block;
	background:url(../img/icons.png) -178px -1px no-repeat;
	
}
.checkbox-group input[type="checkbox"]:checked + label:before { 
	background-color: #107aaf;
	border:1px solid #107aaf;
}
.checkbox-group input[type=checkbox]:checked + label{ color: #107aaf }

.checkbox-disable.checkbox-group label:before{
	background-color:#c0c0c0;
	border:2px solid #b1b1b1;
	cursor:default !important
}
.checkbox-disable.checkbox-group input[type="checkbox"]:checked + label:after {
	content:'';
}

.select-wrap{
	position:relative;
	padding-left:0 !important;
	cursor:pointer;
	display:block;
	margin-bottom:20px;  
	
}
.select-wrap.inline-block{
	display: inline-block;
}
.select-wrap:before{
	content:'';
	position:absolute;
	top:50%;
	right:13px;
	margin-top: -3px;
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	
	border-top: 6px solid #3c3c3c;
 
}
.select-wrap:after{
	content: '';
	position: absolute;
	right: 35px;
	top: 0px;
	width: 2px;
	height: 100%;
	border-left:1px solid #ebebeb 
}

.select-wrap .customSelect{ 
	height: 45px;
	line-height: 45px;
	width:100%;
	color: #3c3c3c;
	padding-left:10px; 
	cursor:pointer;  
	display:block;
	font-size:16px;
	border: 1px solid #ebebeb;
  	background-color: #ffffff;
	font-family: tahoma,Arial;

   -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
	
	 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
} 
.select-wrap .customSelect.customSelectChanged{ color: #4a4f50 }
.select-wrap select{
	width:100%;	
}
.select-wrap select option{ 
	font-size:12px;
	padding:2px;
	color:#8a8c8f; font-family:Arial, Helvetica, sans-serif
}
 

.page{
	padding:0px;
	margin:0;
	display:block;  

	opacity: 0;

	/*width:100%;
	height:100%;
	z-index:1;
	opacity:0;
	 -webkit-overflow-scrolling: touch;*/
}
 
.fullwidth, .section, .section-fullwidth{
	display:block;
	float:left;
	width:100%;
	padding:0 0;
	z-index:9;
	position:relative;

}
.section{
	overflow: hidden;
    position: relative; 
}

.section-title{
	font-weight:700;
	font-size: 48px;
	margin-bottom: 20px; 
}

.section-title.text-center{
	text-align: center;
}


.section-inner{
	display: block;
	position: absolute;
	top: 50%;
	left: 15px;
	right: 15px;

	-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


.fullscreen .container,
.fullscreen .container-fluid{
	height: 100%;
	position: relative; 
}
 

.header{
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
	padding: 40px 0 20px;
	/*pointer-events: none;
     -moz-user-select: none;*/
	
}
.logo-parent{
	
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	pointer-events: none;
     -moz-user-select: none;
     display: none;
}

 
.logo-site{
	float: right;
	/*position: absolute;*/
	position: fixed;
	top: 40px;
	right: 80px;
	z-index: 99;
}
.logo-site a{
	display: block;
	width:197px;
	height:49px;
	background-size:cover;
	background-repeat: no-repeat;;
	background-position: 0 0;
	background-image:url(../img/logo.png); 
}
.logo-site.white a{background-image:url(../img/logo-white.png); }

.lang{
	float: left;
}
.header .lang.lang-hidden .btn-lang{ opacity: 0 }

.lang .btn-lang{
	background-color: transparent !important;
	color: #fff;
	font-weight: 400;
	font-size:18px;
	font-family: "Prompt",tahoma,arial,sans-serif;
	line-height: 1.6;
	height: auto;
	padding: 0; 
	position: relative;
	top: 20px;
} 
.lang .btn-lang:hover{ opacity: 0.75 }
.lang .btn-lang:before{
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	left: -100px;
	height: 2px;
	width: auto;
	border-bottom: 1px solid #fff;
}

.menu-wrapper .lang .btn-lang{ 
	color: #000;
	left: 100px;
	top: 40px;
	opacity: 1
}
.menu-wrapper .lang .btn-lang:before{border-bottom: 1px solid #000;}

/**/
.section-body-container{
	position: relative;
}
.sticky-wrapper{ height:100% !important; }

.menu-btn{
	background-color: transparent !important;
	padding: 0 !important;
	position: absolute;
	top: 40px;
	left: 50%;
	z-index: 100;
	width: 40px;
	height: 35px;
	margin-left: -20px;

	 -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
}
.menu-btn:hover{
	background-color: transparent;
}
.menu-btn span{
	display: block;
	width: 40px;
	height: 35px;
	position: absolute;
	top: 0px;
	left: 0px;

	-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.menu-btn .icon-menu{
	visibility:visible;
	opacity: 1;
}
.menu-btn .icon-menu-white{
	visibility:visible;
	opacity: 1;
}
.menu-btn .icon-menu-close{
	visibility: hidden;
	opacity: 0;
}

.menu-open .menu-btn .icon-menu{
	visibility: hidden;
	opacity: 0;
}
.menu-open .menu-btn .icon-menu-close{
	visibility:visible;
	opacity: 1;
}

.menu-parent{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	/*pointer-events: none;
     -moz-user-select: none; */
}
.menu-btn.in-section{
	margin-left: 0;  
	position: fixed;
	left: 40px;
	top: 35px;
	display: none;
}

.pc-wrap .logo-parent,
.pc-wrap .menu-parent{ 
	clip: rect(0, auto, auto, 0);
	display: block; 
}
.device-wrap .logo-parent,
.device-wrap .menu-parent{  
	display: none; 
}


/*.menu-btn{
	float:right;
	height: 30px;
    width: 28px; 
	position:absolute;
	top: 0;
	left: 0;
	padding:0px;
	z-index: 104;
	cursor: pointer;
	background-color: transparent;

	 -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px; 
} 

.menu-btn span {
  background: #00bff3;
  border: none;
  height: 4px;
  width:100%;
  position: absolute;
  top: 0;
  left:0;
  right:auto;
  margin-top:6px;
  -webkit-transition: all .1s ease;
          transition: all .1s ease;
  cursor: pointer;

}
.menu-btn span:nth-of-type(2) {
  top: 8px; 
}
.menu-btn span:nth-of-type(3) {
  top: 16px; 
}

.menu-open .menu-btn span:nth-of-type(2){ opacity:0}
.menu-open .menu-btn span:nth-of-type(1){
	 -webkit-transform: translateY(6px) translateX(0) rotate(45deg);
      -ms-transform: translateY(6px) translateX(0) rotate(45deg);
          transform: translateY(6px) translateX(0) rotate(45deg);
}
.menu-open .menu-btn span:nth-of-type(3){
	width: 28px;
	top: 12px;
	 -webkit-transform: translateY(-6px) translateX(0) rotate(-45deg);
      -ms-transform: translateY(-6px) translateX(0) rotate(-45deg);
          transform: translateY(-6px) translateX(0) rotate(-45deg);
}*/


.menu-wrapper{
	position:fixed;
	top: 0;
	left:0;
	bottom: 0;
	z-index: 9;
	opacity: 0;


	width: 980px;

	background-color: #fff;

	  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

	/*pointer-events: none;
     -moz-user-select: none;*/

     -webkit-transform: translateY(0) translateX(-980px);
      -ms-transform: translateY(0) translateX(-980px);
          transform: translateY(0) translateX(-980px);

	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.menu-wrapper.stuck{
	left: 0;
	opacity: 1;
	z-index: 100;

	-webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;

	 -webkit-transform: translateY(0) translateX(-870px);
      -ms-transform: translateY(0) translateX(-870px);
          transform: translateY(0) translateX(-870px);
}
.menu-open .menu-wrapper.stuck{
	left: 0;
	opacity: 1; 
	 -webkit-transform: translateY(0) translateX(0px);
      -ms-transform: translateY(0) translateX(0px);
          transform: translateY(0) translateX(0px);
}

.menu-list{
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;


	 -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}
.menu-list ul{
	margin: 0px;
	padding: 0px;
	position: relative;
	left: -60px;

	list-style-type: none; 
}
.menu-list ul li{
	display: block;
	padding: 0px;
	margin: 0px;
}
.menu-list ul li a{
	color: #000000;
	font-weight: 600;
	font-size: 46px;
	font-family: "Nunito",sans-serif;
	line-height: 1.3;
	padding: 0;
	white-space: nowrap;
	display: block;

	/*-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;*/
}
.menu-list ul li a:hover{ color: #00bff3}

/*effects*/
/*.menu-list ul li{

	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;

	opacity: 0;
	-webkit-transform: translateX(-30px);
	transform: translateX(-30px);
	-webkit-transition: -webkit-transform 0.8s, opacity 0.4s;
	transition: transform 0.8s, opacity 0.4s;
}

.menu-open .menu-list ul li{
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);

	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.menu-open .menu-list ul li:nth-child(2) {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.menu-open .menu-list ul li:nth-child(3){
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.7s;
}

.menu-open .menu-list ul li:nth-child(4) {
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}

.menu-open .menu-list ul li:nth-child(5) {
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}

.menu-open .menu-list ul li:nth-child(6){
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.menu-open .menu-list ul li:nth-child(7) {}
*/
/*end effects*/


.menu-bar{
	background-color: #fff;
	width: 110px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	border-left:1px solid #cccccc 
} 
.menu-bar ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left; 
	width: 110px;
 
	position: absolute;
	top:0;
	left: 0;
	bottom:0;

	/*transform-origin: left top;
	 -webkit-transform: translateY(100%) translateX(0) rotate(-90deg);
      -ms-transform: translateY(100%) translateX(0) rotate(-90deg);
          transform: translateY(100%) translateX(0) rotate(-90deg);*/
}
.menu-bar ul li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #000;
	font-size: 46px;
	font-weight: 500;
	margin-top: 0;
	width: 100%;
	text-align: center; 

	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;

	visibility: hidden;
	opacity: 0;

	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.menu-bar ul li a{ 
	color: #000;
	padding: 0px;
	cursor: text;
	display: block;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-image:url(../img/menubar-section--1.png);
	background-color: #fff;
}
.menu-bar ul li.active,
.menu-bar ul li:first-child{
	visibility: visible;
	opacity: 1;
}

.menu-bar ul li.s1 a{background-image:url(../img/menubar-section--1.png);} 
.menu-bar ul li.s2 a{background-image:url(../img/menubar-section--2.png);} 
.menu-bar ul li.s3 a{background-image:url(../img/menubar-section--3.png);} 
.menu-bar ul li.s4 a{background-image:url(../img/menubar-section--4.png);} 
.menu-bar ul li.s5 a{background-image:url(../img/menubar-section--5.png);} 
.menu-bar ul li.s6 a{background-image:url(../img/menubar-section--6.png);} 

.menu-overlay{
	background-color: rgba(0,0,0,.8);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	visibility: hidden;
	opacity: 0;

	-webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
}
.menu-open .menu-overlay{
	visibility: visible;
	opacity: 1;
}
.menu-dot-wrapper{
	position: fixed;
	top: 0;
	right:0px;
	bottom: 0;
	width: 40px;
	z-index: 9;
	visibility: hidden;
	opacity: 0;

	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.menu-dot-wrapper.stuck{
	opacity: 1;
	visibility: visible;
}

.menu-dot ul{
	padding: 0;
	margin: 0;
	list-style-type: none;

	position: absolute;
	top: 50%;
	left:0px; 

	-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.menu-dot ul li{
	display: block;
	width: 12px;
	height: 12px;
	background-color: #fff;
	border:2px solid #fff; 
	margin:18px 0; 

	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;

	 -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.menu-dot ul li.active{ background-color: transparent; }

.dot-blue .menu-dot ul li{
	background-color: #00bff3;
	border:2px solid #00bff3;  
}
.dot-blue .menu-dot ul li.active{
	background-color:transparent; 
}
/**/

.next-section{
	display: block;
	text-align: center;
	position: absolute;
	bottom: 40px;
	left: 50%;
	width: 100px;
	z-index: 99;
	margin-left: -50px;
}
.next-section .icons{ opacity: 0.65 }
.next-section .icons:hover{ opacity: 1 }

.section-contactus .next-section{
	left: auto;
	right: 95px;
	width: auto;
	margin-left: 0;
}


.section-banner{
	background-position: top center;
	background-size:cover;
	background-repeat: no-repeat; 
	position: relative; 
}

.section-banner:before{
	content: '';
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 99;
	background:url(../img/header-shadow.png) 0 0 repeat-x;
	width: 100%;
	height:230px;
	pointer-events: none;
     -moz-user-select: none;
}
.section-banner .banner-img-hidden{
	width: 100%;
	opacity: 0;
}
.section-banner .total-slides-wrap{
	position: absolute;
	right:95px;
	bottom: 45px;
	z-index: 9;
	font-size: 18px;
	font-weight: 500;
	line-height: 20px;
	color: #fff;
	display: block;
}
.section-banner .total-slides-wrap div{
	display: inline-block;
	position: relative;
}
.section-banner .total-slides-wrap .total-slides:before{
	content: '/';
	margin-right: 3px
}

.section-navigation{
	background-position: top center;
	background-size:cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

 
.banner-matching,
.banner-matching .matching{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}
.banner-matching .matching{
	opacity: 0;
	visibility: hidden;

		background-position: top center;
	background-size:cover;
	background-repeat: no-repeat;
	background-attachment: fixed;

	-webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
}
.banner-matching .matching.current{
	opacity: 2;
	visibility: visible;
}
.page-nav{
	display: inline-block;
	padding: 0;
	margin: 0;
	list-style-type: none;
	position:absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.page-nav li { display: block; }
.page-nav li a{
	display: block;
	font-size: 45px;
	font-weight: 600;
	line-height: 1.4;
	padding-left: 0;
	font-family: 'Nunito', sans-serif;
}

.datasheet span{
	position: absolute;
	right: 0;
	bottom: 0; 
	height: 85px;
	background-color: #fff;
	text-align: center;
	color: #000000;
	font-size: 21px;
	font-family: 'Nunito', sans-serif;
	font-weight: 600;
	line-height: 85px;
	padding:0 25px 0 30px; 
}
 
.datasheet span .icons{ 
	vertical-align: middle; 
	top: -2px;
	margin-right: 5px;
}

.datasheet a{
	color: #000;
	display: inline-block;
	position: relative;
	padding:0 5px 
}
.datasheet a:hover{ color: #00bff3 }

.datasheet a + a:before{
	content: '';
	position:absolute;
	top: 50%;
	left: -3px;
	margin-top: -9px;
	height: 17px;
	border-left:1px solid #000;  
}
.modal .datasheet{ position: relative; }
.modal .datasheet span{
	background-color: transparent;
	padding:0px;
	position: relative;
	right: auto;
	left: 0;
	height: auto;
	line-height:normal;
	color: #fff; 
}
.modal .datasheet a{color: #fff;}
.modal .datasheet a:hover{ color: #00bff3 }
.modal .datasheet a + a:before{ border-color: #fff; }

/*.section-ippbx:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

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

	pointer-events: none;
     -moz-user-select: none;
}*/

.tab-info-wrap,
.ip-content-wrap{
	position: relative;
	z-index: 99;
	width: 660px;

	/*position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);*/
}
.tab-info-wrap .nav-tabs,
.ip-content-wrap .nav-tabs{
	border-bottom: 0;
	margin-left: -8px;
	margin-top: 30px;
}
.tab-info-wrap .nav-tabs li,
.ip-content-wrap .nav-tabs li{
	margin:10px 8px;
}
.tab-info-wrap .nav-tabs li a,
.ip-content-wrap .nav-tabs li a{
	border: 2px solid #fff;
	width: 295px;
	font-size: 24px;
	font-family: 'Nunito', sans-serif;
	font-weight: 600;
	text-align: center;
	padding: 0 10px;
	height: 65px;
	line-height: 65px;

	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 }
.tab-info-wrap .nav-tabs li a:focus,
.ip-content-wrap .nav-tabs li a:focus{
	border: 2px solid #fff;
	color: #fff;
}
.tab-info-wrap .nav-tabs li:hover a,
.tab-info-wrap .nav-tabs li.active a,
.tab-info-wrap .nav-tabs li.active a:focus,

.ip-content-wrap .nav-tabs li:hover a,
.ip-content-wrap.nav-tabs li.active a,
.ip-content-wrap .nav-tabs li.active a:focus{
 	border: 2px solid #00bff3;
 	background-color: #00bff3;
 	color: #fff;
}

.section-ipcall .tab-info-wrap,
.section-ipcall .ip-content-wrap{
	float: right;
}

.section-ipcall .datasheet span{
	background-color: #000;
	color: #fff;
}
.section-ipcall .datasheet a{ color: #fff }
.section-ipcall .datasheet a:hover{ color: #00bff3 }
.section-ipcall .datasheet a + a:before{ border-left:1px solid #fff;  }
 
.section-features{
	background-color: #f6f8f9;
	color: #000;
}
.section-features .section-title{
	font-size: 36px;
}
.features-article{
	margin-top: 40px;
	height: 470px; 
	margin-right:-20px; 
}
.features-article-inner{
	display: block;
	padding-right: 50px;
}

.table-features tr th{
	font-size: 19px;
	font-weight:500;
	vertical-align: top;  

	width: 30%;
	padding-bottom: 25px;
	color: #000000;
}
.table-features tr td{
	font-size: 18px;
	font-weight:300;
	vertical-align: top; 
	padding-bottom: 25px;
	color: #000000;
}
.table-features .col-sm-7{ padding-left: 0 }
.table-features .col-sm-5{ padding-right: 0 }
.table-features .img-logo{
	text-align: left;
	display: block;
	margin-left:-15px;
	margin-bottom: 5px; 
}

.table-features .img-logo img{
	display:inline-block;
	vertical-align: top;
	max-height: 62px;
	margin-left: 15px;
}

.section-diagram,
.section-aboutus,
.section-ippbx { background-position: center center; }

.section-diagram .col-sm-7{ height:525px; }
.diagram-article{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.diagram-article h2{
	margin-top: -10px;
}
.diagram-article p{
	font-size: 21px;
}

.diagram-wrap{
	display: inline-block;
	width: auto;
	position: relative;
}

.diagram-img img{ max-width: 100%; }

.btn-diagram{
	max-width: 290px;
	width: 100%;
	padding: 0;
	position: absolute;
	bottom: 80px;
	left: -80px;
	-webkit-box-shadow: 5px 0px 24px rgba(0, 0, 0, .20);
          box-shadow: 5px 0px 24px rgba(0, 0, 0, .20);
}
.aboutus-article {
	max-width: 950px
}
.aboutus-article p{
	font-size: 21px;
	margin-bottom: 30px;
}
.aboutus-article .section-title{ color: #00bff3; }
.aboutus-article .icon-certificate{ margin-top: 50px; }
.aboutus-article .icon-certificate img{ max-width: 675px; width: 100% }

.section-contactus{
	position: relative;
	overflow: hidden;
}
.section-contactus .right{
	position: static;
}
.section-contactus .container{ position: static; }
.section-contactus .row,
.section-contactus div[class^="col"]{ height: 100%; }

.contactus-wrap{ margin-left:25px; height: 100%;  }
.contactus-wrap:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0px;
	width: 54%;
	background-color:rgba(0,154,218,0.9)
}

.contactus-wrap .section-inner{
	position: relative;
	padding-left: 50px;
}
.contactus-item{
	padding-left: 95px;
	position: relative;
	display:block;
	font-family: 'Nunito', sans-serif;
	margin-bottom: 50px;
}
.contactus-item .icons{
	position: absolute;
	top: 0px;
	left: 0px;
}
.contactus-item h3{
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 15px;
}
.contactus-item p{
	font-size:24px; 
	font-weight: 600;
	line-height: 30px;
}
.contactus-item a{ color: #fff }

.contactus-item p.address{ font-size: 18px }

.copyright{
	font-size: 16px;
	color: rgba(255,255,255,0.65);
	padding-left: 220px;
	position: absolute;
	bottom: 55px;
}
.copyright a{color: rgba(255,255,255,0.65);}
.copyright a:hover{ color: #fff }

.modal .container{
	position: static;
	color: #000
}
.modal-header-left{ float: left; color: #fff; position: relative; z-index: 999 }
.modal-header-right{ float: right;color: #fff }

.modal-header-left h2{
	font-size: 48px;
	font-weight: 600;
	margin-bottom:10px; 
}

.modal-ippbx .modal-header{ padding: 50px 0 60px }
.modal-ippbx .modal-header-right{ margin-top: 35px }

.modal-ipcall .modal-header{ padding:29px 0 35px}
.modal-ipcall .modal-header-right{ margin-top: 35px }
 

.tab-nav-header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99
}

.modal-nav{
	padding: 0;
	margin:0;
	list-style-type: none; 
	border: 0

}
.modal-nav li{
	font-family: "Nunito",sans-serif;
	font-size: 24px; 
	padding-bottom: 3px;
	float: none;
	margin-left: 0 
}
.modal-nav li a{
	padding: 0 !important;
	border:0 !important;
	margin: 0;
	font-weight: 500;
}
.modal-nav li.active a,
.modal-nav > li.active > a:hover,
.modal-nav > li.active > a:focus{ 
	color: #00bff3;
	background-color: transparent;
}
  
 
.modal-article .title{
	font-size:36px;
	color: #06b1e0;
	border-bottom:1px solid #000000;
	font-weight: 700;
	padding: 40px 0;
}

.modal-article .table-features{ margin-top:45px  }

.table-header-wrap{
	display: block;
	padding:25px 0;
	margin-top: -1px; 
}
.table-header-wrap th{
	font-weight: 700;
	font-size:50px;
	font-family: "Nunito",sans-serif;
	line-height: 1.3;
	vertical-align: middle;
} 

.table-header-wrap table,
.table-body-wrap table{ width: 100% }
.table-header-wrap table th{ color: #fff }
.table-header-wrap table th,
.table-body-wrap table td{
	text-align: left;
	padding-left: 20px;
}
.table-body-wrap table td{ 
	color: #000;
	font-size: 18px;
	font-weight: 400;
	padding-top:17px;
	padding-bottom: 17px; 
	font-family: "Nunito",sans-serif;
}
.table-body-wrap table tr:nth-child(even) td{
	background-color: #ebebeb;
	padding-top:8px;
	padding-bottom: 8px; 
}



.table-ms th.font24{ font-size: 24px }

.table-ms .ms-t1{ width: 40%}
.table-ms .ms-t2{ width: 20%;}
.table-ms .ms-t3{ width: 20%;}
.table-ms .ms-t4{ width: 20%;}

.table-overflow{
	position: relative;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.modal-article-pm .logo-wrap{
	margin: 40px 0;
	text-align: center;
	max-width: 100%
}
.modal-article-pm .logo-wrap img{ max-width: 100% }
.modal-article-pm p{ font-size: 16px; }

.pm-icons{
	display: block;
	list-style-type: none;
	margin:40px 0 0 0;
	padding:0px;  
}
.pm-icons.pull-right{ margin-bottom: 30px }
.pm-icons li{
	text-align: center;
	font-size: 11px;
	font-family: "Nunito",sans-serif;
	line-height: 10px;
	font-weight: 700;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: top;
	padding:0 10px; 
}

.icon-item{
	display: block;
	margin:0 auto;
	width: 38px;
	height: 38px; 
	margin-bottom:7px;
	text-align: center; 
	background-color: #06b1e0;
	 -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.icon-item .icons{ top: 7px }

.icon-item.disible{ background-color: #e5e5e5; }
.icon-item.xs{
	width: 27px;
	height: 27px;
}
.icon-item.xs .icons{ top:6px }


.model-row{
	display: block;
	border-top:1px solid #e1e1e1; 
	padding:55px 0 15px; 
}
.model-row .col-main.col-sm-3{ width: 22% } 
.model-row .col-main.col-sm-9{ width: 78% } 

.model-row .title{
	font-size: 21px;
	color: #000;
	font-weight: 700;
	font-family: "Nunito",sans-serif;
}

.model-row + .model-row{ margin-top: -30px; }

.model-thumb{
	position: relative;
	margin-bottom: 100px;
	padding-top: 20px;
	float: left;
	width: 100%
}
.model-thumb .pm-icons{ 
	position: absolute;
	top: 0;
	left: 20px;
	margin-top: 0 
}
.model-photo{
	display: block;
	text-align: center;
	max-width:90%;
	width: 100%;
	float: right;
}
.model-photo img{ width: 100% }
.model-photo figcaption{  font-size: 18px; margin-top: 15px }

.screenshot{
	display: block;
	margin-top: 60px;
}
.screenshot h3{
	font-size: 24px;
	text-align: center;
	color: #000;
	margin-bottom:25px;
}
.screenshot figure{
	border:1px solid #cccccc; 
	display:block;
	padding:35px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.screenshot figure.big-space{padding:50px 55px;}
.screenshot figure img{ width: 100% }
 
.fancybox-buttons .close{
	opacity: 0;
	visibility: hidden;
}
.fancybox-lock .fancybox-buttons .close{
	opacity: 1;
	visibility:visible;
}
.fancybox-buttons .close{
	z-index: 10002;
	right: 25px;
}

.section-banner,
.section-navigation,
.section-ippbx,
.section-ipcall,
.section-features,
.section-diagram,
.section-aboutus{}


/*TH*/

.flex-caption h3.th {
	font-family: "Prompt",tahoma,arial,sans-serif;
	font-weight: 400
}
.flex-caption p.th{
	 font-family: "Prompt",tahoma,arial,sans-serif;
}

html[lang="th"] .contactus-item h3{
	font-family: "Prompt",tahoma,arial,sans-serif;
	font-weight: 400;
}

html[lang="th"] .contactus-item p{
	font-family: "Prompt",tahoma,arial,sans-serif;
	font-weight: 400;
}