/* srcollbar style */

.playinfo.user body{ background:#EEE; }
.playinfo.user.login_page body,
.playinfo.user.register_page body,
.playinfo.user.forgotpass_page body,
.playinfo.user.resetpass_page body { background: #FFF; }

.playinfo ::-webkit-scrollbar {
	width: 12px;
}
.playinfo ::-webkit-scrollbar:horizontal {
	height: 12px;
}
.playinfo ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #FFF;
}
.playinfo ::-webkit-scrollbar-thumb {
	background: #CCC;
}
.playinfo ::-webkit-scrollbar-thumb:window-inactive {
	background: #EEE;
}

.html-block-shell {
	padding: 40px 0;
}
.grayscale { 
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: url(grayscale.svg); /* Firefox 4+ */
	filter: gray; /* IE 6-9 */
}
/* disable maps zoom */
.gmaps iframe{
    pointer-events: none;
}
/* fix grid */
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, 
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, 
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9
{
	padding-left: 20px; padding-right:20px;
}
.container { padding-left: 20px; padding-right:20px;}
.row { margin-left:-20px; margin-right:-20px; }
.line { border-bottom:1px solid #f55b0a; padding:30px 0 0 0; margin-bottom:30px; }

p{ margin-bottom:15px;}
/* fix boostrap modal */
.modal {
  text-align: center;
  padding: 0!important;
  z-index: 10000;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
/* ui style customize */
.ui-datepicker { font-size:13px; font-family:Open Sans,san-serif,Arial,Tahoma; }
img { max-width:100%;height: auto;}

.btn-primary {
	background-color: #f55b0a;
	border-color:#f55b0a;
	color: #FFF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.btn-trial, .btn-trial:hover {
	background-color: #0081bc;
	border-color:#0081bc;
	color: #FFF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { background-color:#333; color:#FFF; }
/* header */
.accoutn_wrapper {}
.accoutn_wrapper .language { float:right; line-height: 60px;font-size: 14px;color: #333;}
.account { float:right; position: relative;line-height: 90px;height: 90px; z-index:1;padding: 0 10px 0 0;color: #FFF;}
.account a{color: #FFF; line-height: 60px;display: inline-block;}
.account a:hover{color: #FFF;}
.account .account_avatar {    }
.account .account_avatar img {
	width: 35px;
	height: 35px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
}
.account .account_info {
	font-size: 13px;
	position: absolute;
	padding:0;
	margin:0;
	list-style:none;
	width: 180px;
	background:#ffffff;
	border:1px solid #DDD;
	border-top:none;
	-webkit-box-shadow: 0 3px 8px rgba(100,100,100,0.3);
	box-shadow: 0 1px 8px rgba(100,100,100,0.3);
	opacity: 0;
	right: 0;
	top: 0;
	display: block;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	visibility: hidden;
	-webkit-transform: translate(0,80px);
	-moz-transform: translate(0,80px);
	-o-transform: translate(0,80px);
	-ms-transform: translate(0,80px);
	transform: translate(0,80px);
}
.account:hover > .account_info{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.2s ease-out;
	-webkit-transform: translate(0,60px);
	-moz-transform: translate(0,60px);
	-o-transform: translate(0,60px);
	-ms-transform: translate(0,60px);
	transform: translate(0,75px);
}
.account .account_info ul { position: relative; border-radius: 5px;}
.account .account_info ul:after, 
.account .account_info ul:before {
	bottom: 100%;
	right: 24px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.account .account_info  ul:before {
	border-color: rgba(155,155,155, 0);
	border-bottom-color: #DDD;
	border-width: 6px;
	margin-left: -48px;
}
.account .account_info  ul:after {
	border-color: rgba(242, 51, 121, 0);
	border-bottom-color: #DDD;
	border-width: 6px;
	margin-left: -37px;
}


.account .account_info li a { padding: 0;color: #333; display:block; line-height:32px;}
.account .account_info li span.icon { display: inline-block; width: 30px; text-align: center; color: #666;}
.account .account_info li a:hover { background:#f2f2f2;color: #f55b0a;}
.account:hover .account_avatar {color: #FFF; padding-bottom:1px; position:relative; z-index:1;}
.account:hover .account_avatar:hover {color: #FFF;}

.menu_right { float:right; position:relative; z-index: 2;display: none;}
.menu_right .menu_icon {font-size: 28px;border: none;color: #FFF;padding: 30px 10px 30px 10px;}
.menu_right .menu_icon:hover,.menu_right .menu_icon:active { background:none;}
.menu_right .menu_content{
	position: absolute;
	top:0;
	right:0;
	display: block;
	visibility: hidden;
	-webkit-box-shadow: 2px 0 6px rgba(155,155,155,0.3);
	box-shadow: 0 1px 10px rgba(55,55,55,0.4);
	background:#000;
	color:#EEE;
	width: 260px;
	z-index: 1;
	opacity: 0;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	-webkit-transform: translate(0,80px);
	-moz-transform: translate(0,80px);
	-o-transform: translate(0,80px);
	-ms-transform: translate(0,80px);
	transform: translate(0,80px);
}
.menu_right .menu_content.menu_visible{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.2s ease-out;
	-webkit-transform: translate(0,75px);
	-moz-transform: translate(0,75px);
	-o-transform: translate(0,75px);
	-ms-transform: translate(0,75px);
	transform: translate(0,75px);
}
.menu_right .menu_content .content_bottom { max-height: 500px; overflow:auto; }
.menu_right .menu_content ul { padding:0; margin:0; list-style:none; }
.menu_right .menu_content ul a{ color:#DDD;  text-transform:uppercase;  display: block;padding: 5px 0;line-height: 20px;margin-right: 30px;}
.menu_right .menu_content ul ul a { color:#999;  text-transform: none;font-size: 13px;line-height: 16px;display: block; padding:5px 0;} 
.menu_right .menu_content ul a:hover { color:#FFF; } 
.menu_right .menu_content ul.menu_main ul{ padding-left: 25px; } 
.menu_right .menu_content ul li{ position:relative; } 
.menu_right .menu_content li.menu_cat.has-child-menu a:before{ position: absolute; top:0; left:0; height:30px; line-height:30px; content:"\e2ab"; font-size:18px;color: #f55b0a; font-family:'iconfont'; display:block;} 
.menu_right .menu_content ul img{ position:absolute; top: 5px; left:0; width: 20px; height: 20px; } 
.menu_right .menu_content .menu_cat a{ padding-left: 25px; } 

.menu_right .menu_content .has-child-menu:after {
	content:"\e6ea";
	font-family:'iconfont';
	font-size:15px;
	display:block;
	padding: 5px 8px;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
}
.menu_right .menu_content .has-child-menu.collapsed:after {
	content:"\e6eb";
}
.menu_right .menu_cat .has-child-menu a { padding: 5px 5px 5px 25px; }
.menu_right .content_top {
    padding: 10px;
    border-bottom: 1px solid #555;
}
.menu_right .content_bottom {
    padding: 10px;
}
/* user */
.social-login-buttons .btn {
	display: inline-block;
	margin: 5px;
	padding: 5px;
	background: #4aaf51;
	font-size: 13px;
	
	line-height: 16px;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.social-login-buttons .btn:hover, 
.social-login-buttons .btn:focus, 
.social-login-buttons .btn:active { outline: 0; opacity: 0.6; color: #fff; }

.social-login-buttons .facebook { background: #4862a3; }
.social-login-buttons .twitter { background: #55acee; }
.social-login-buttons .google-plus { background: #dd4b39; }

.social-login-buttons i {
	padding-right: 5px;
	vertical-align: middle;
	font-size: 20px;
	line-height: 20px;
}

/* form */
.login_wrapper,.register_wrapper { padding: 15px 0; }
.login_wrapper .login_inner {
	max-width: 400px;
    padding: 30px 30px;
	margin:0 auto;
}
.form-control[disabled] {
	border: none;
	background-color: white;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.login_wrapper input[type="text"], 
.login_wrapper input[type="password"], 
.login_wrapper textarea, 
.login_wrapper textarea.form-control {
	margin: 0;
	padding: 0 20px;
	vertical-align: middle;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-o-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
	line-height: 45px;
	height: 45px;
}
.btn.btn-link {
	background: none;
	border: none;
}
.login_wrapper textarea, 
.login_wrapper textarea.form-control {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 30px;
}

.login_wrapper input[type="text"]:focus, 
.login_wrapper input[type="password"]:focus, 
.login_wrapper textarea:focus, 
.login_wrapper textarea.form-control:focus {
	outline: 0;
	background: #fff;
	border-color: #FDAE84;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.login_wrapper .has-icon .form-control-icon{
	font-size:16px;
	color: #555;
	line-height: 45px;
}

.has-icon > .form-control.input-lg ~ .form-control-icon { line-height: 45px;}
.control-label { font-weight:400; color:#333; }

.login_wrapper .logo { text-align:center; }
.login_wrapper .logo img {
	margin:15px;
}

.login_wrapper .text h1 { color: #fff;}
.login_wrapper .description {
	margin: 20px 0 10px 0;
}

.login_wrapper .description p { opacity: 0.8; }

.login_wrapper .description a {
	color: #fff;
}
.login_wrapper .description a:hover, 
.login_wrapper .description a:focus { border-bottom: 1px dotted #fff; }

.form_box {
	margin-top: 35px;
}

.form_top {
	padding:30px 0;
	overflow: hidden;
	background: #fff;
	-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
	text-align: left;
}
.form_bottom {
	margin-bottom: 30px;
}
.form_bottom hr { margin:10px 0; border-color:#EEE; }

.login_wrapper .form_bottom .avatar { text-align:center; margin-bottom:30px; }
.login_wrapper .form_bottom .avatar img{ width:95px; height:95px; border-radius:50%;}
.login_wrapper .form_bottom .form-submit a { line-height:30px; margin-top:10px; display:block; }
.login_wrapper .form_bottom .form-submit button{ 
	border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:15px;
}
.login_wrapper .register { padding:15px 0 0 0; text-align:center; color:#4c82e2; }
.login_wrapper .register a { line-height:30px; display:block; color:#4c82e2; font-size:16px; text-decoration:underline; }
.login_wrapper .forgotpass a { display:inline-block; }
.login_wrapper .form_bottom form textarea {
	height: 100px;
}

.login_wrapper .form_bottom form .input-error {
	border-color: #4aaf51;
}
.login_wrapper .form_submit { text-align: center;}
.login_wrapper .form_submit button { width: 50%; border-radius: 4px;}

.login_wrapper .social_login {
	margin-top: 30px;
	text-align:center;
}

.login_wrapper .social_login h3 {
	color: #333;
	position: relative;
	height: 1px;
	font-size: 18px;
}
.login_wrapper .social_login h3:before,
.login_wrapper .social_login h3:after {
	position: absolute; left:0; width: 30%; height: 1px; background:#EEE;display: block;content:'';
}
.login_wrapper .social_login h3:after { left:auto; right:0; }
.login_wrapper .social_login h3 span { position: absolute; top:-10px; left:30%; display: block; width:40%; text-align:center; color: #2e6b99;}
.login_wrapper .social_login-buttons {
	margin-top: 30px;
}

.login_wrapper .message {
	background:#FFF;
	border-radius:4px;
	color:#333;
	padding:15px;
}




.login_wrapper .message h3{width: 30%;text-align: center;}
.login_wrapper .message p{width: 70%;}
.login_wrapper .message.error {
	color:#F00;
	display: flex;
	justify-content: center;
	align-items: center;
}
.captcha-box {
	border-radius: 3px;
	background:#FFF;
	border: 1px solid #ddd;
	display: block;
}
.captcha-box span.chars { display:block; margin-right: 43px; padding: 1px;}
.captcha-box span.refresh { float:right; width: 45px; height: 45px; text-align: center;line-height: 43px; background:#ddd;cursor: pointer;}
.captcha-box span.refresh img{  margin: auto;}

/* header logo */

#header.navbar .navbar-header > .navbar-brand {max-width: 150px;}
#header.navbar .navbar-header > .navbar-brand .logo img{max-width: 150px;max-height: 80px;}
#header_top {/*padding: 2px 0;*/ background:#000; color:#FFF; font-size:13px; line-height:35px;}
#header_top .col2{ text-align:right; }
#header_top a{ color:#FFF; margin:0 5px; }
#header_top a:hover{ color:#f55b0a; }
#header_top .links { text-transform:uppercase; }
#header_top .links img{ cursor:pointer; }
#header_top .trial { display:inline-block;}
#header_top .trial a{ display:block;  background:#017eff/*f55b0a*/; color:#FFF; padding:0 25px; }
#header_bottom { background:#f55b0a;/* transition: all 0.1s; position:fixed; top:38px; width:100%;*/font-size: 15px;}
/*#header_bottom.header_fix {  top:0; }*/
/* banner */

#banner_slider .owl-item a {  display:block;}
#banner_slider .owl-item img {max-width:inherit; height:500px; width:auto; }
.about_playinfo {padding: 30px 15px; font-size:24px;}
.about_playinfo h2{ margin-bottom:15px;font-size:50px; color:#f55b0a;text-transform: uppercase;font-weight: 300;}
.about_playinfo p {font-size: 17px;}

.about_showcase { font-size:16px; }
.about_showcase h3{font-size: 25px; color:#f55b0a;margin-bottom:15px;font-weight: 300;}

.border_bottom{ border-bottom:1px solid #f55b0a; padding-bottom:15px; margin-bottom:15px;}

/* showcase */
.showcase { padding-bottom: 30px; }
.showcase_feature { padding-bottom:15px; }
.showcase_list { padding:30px 0; }
.showcase_list .showcase_item {min-height: 500px;}
.showcase_content h2 { font-size:35px; line-height:45px; }

.table {display: table; height: auto; position: relative; overflow: hidden;}
.table .cell {display: table-cell; vertical-align: middle;}
.table .cell.left_60 { width:58%; padding-right:2%; }
.table .cell.right_40 { width:40%; }
.table .cell.right_60 { width:58%; padding-left:2%; }

.table_wrap { overflow:auto; }
.table_wrap table { border-collapse:collapse; border: 1px solid #ddd; width:100%; min-width:800px;  }
.table_wrap thead th{ background:#4c82e2; color:#FFF; border-color:#4c82e2; padding: 10px; text-align:center; }
.table_wrap tfoot td{ background:#f5f5f5;  padding:10px; letter-spacing: 1px; text-align: right; }
.table_wrap th{ padding:10px; border:1px solid #eee;}
.table_wrap td{ padding: 10px; border: 1px solid #ddd;}
.table_wrap td:last-child,
.table_wrap th:last-child{ text-align: right; }

.table_wrap.table_default th { background:#FFF; color:#000; border-color:#ddd; }
.table_wrap.table_default td:last-child,
.table_wrap.table_default th:last-child{ text-align: center; }
.table_wrap.table_default .text-left { text-align: left; }
.table_wrap.table_default .text-center { text-align: center; }
.table_wrap.table_default .text-right { text-align: right; }

/* main */
.main_header {}
.main_header .container{ padding-top: 30px; padding-bottom: 30px; margin-bottom: 15px;}
.main_aboutus { text-align:center; }
.main_aboutus h2{ color:#f55b0a; font-size:50px; padding:50px 0 0 0; margin-bottom:30px; text-transform:uppercase; }
.main_aboutus h3{ color:#f55b0a; font-size:50px; padding:50px 0 0 0; margin-bottom:30px; }
.main_aboutus p{ margin-bottom:20px; }
.main_aboutus .contact { text-align:center; padding-top:30px; }
.main_aboutus .contact h3{ color:#f55b0a;font-size: 24px; margin-bottom:30px;/* text-transform:uppercase; */ border-bottom:1px solid #f55b0a;font-weight: 800;line-height: 40px;}
.main_aboutus .contact h3 span{ padding:0 35px; border-bottom:3px solid #f55b0a;display: inline-block;line-height: 45px;}
.main_aboutus .contact strong{ color:#f55b0a; }

.block_title {font-size: 24px; text-transform:uppercase; color:#f55b0a;line-height: 30px;margin-bottom: 15px;font-weight: 300;}

.col-left {/* border-right: 1px solid #f55b0a; */}
.col-left .col-wrap{}
.col-right {}
.col-right .col-wrap{}
.showcase img { width:100%; }
.showcase .content { margin-top:-45px; position:relative; z-index:2;}
.col-right .content { margin: 0;}
.showcase .title { padding:10px 0 10px 10px; background:rgba(255,255,255,0.9); width:80%;font-size: 24px; word-spacing:-2px; color:#f55b0a; line-height:30px;font-weight: 300;text-transform: uppercase;}
.col-right .title {line-height: 35px;width: auto;margin: 0;}

.showcase .desc { overflow:hidden;}
.col-right .desc {height: auto; overflow:hidden;}
.showcase .date { padding:5px 0; color:#b0afae; }
.showcase .show_more {line-height: 20px; color:#f55b0a; display: inline-block;/* text-transform: uppercase; */font-weight: 300;}
.showcase .show_more:hover { text-decoration:underline; }

.title a:hover {/* text-decoration:underline; */ color:#f55b0a;}

.block_border { position:relative;border-top: 5px solid #f55b0a;padding-bottom: 15px;}
.block_shadow { background: #FFF;-webkit-box-shadow: 1px 1px 10px rgba(150,150,150,0.7);box-shadow: 1px 1px 10px rgba(150,150,150,0.7); }
.block_border .quick_view {
	transition: background-color 0.2s;
	position:absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	display: block;
	cursor: pointer;
	background: rgba(255,255,255,0.2) url(../images/quickview64x64_2.png) center center no-repeat;
}
.block_border:hover .quick_view { background: rgba(0,0,0,0.4) url(../images/quickview64x64_2_hover.png) center center no-repeat;  }

.showcase_other {/* border-top: 1px solid #f55b0a; */padding-top: 20px;}
.showcase_other .col1 {/* border-right: 1px solid #f55b0a; */}
.product {padding-bottom: 15px;/* border-bottom:1px solid #f55b0a; */}
.product_nav { padding:30px 0 15px 0; margin-top:30px; }

.product .product_header { text-align:center; color:#f55b0a; padding:30px 0;  }
.product .product_header h1 { font-size:60px; font-weight:300; margin:30px 0 15px 0; text-transform:uppercase; color:#000; }
.product .product_header h2 { font-size:45px; font-weight:300; margin:30px 0 15px 0; }
.product .product_header p { font-weight:300;font-size:20px; color:#333; }
.product .tabs_wrap {padding: 0 0 30px 0; position: absolute; top: -48px; left: 20px;}
.product .tabs_content {padding: 0 0 30px 0;line-height: 22px;}
.product .tabs_content strong,
.product .tabs_content b{ color:#f55b0a;}
.product .tabs { 
	text-align:center; display: flex; align-items: left; justify-content: left; 
	margin: 0; list-style:none; 
}
.product .tabs li { font-size:20px;}
.product .tabs li a{ display:block; padding:10px 55px; text-transform: uppercase; color:#111; transition: background-color 0.2s; position:relative;font-weight: 400;}
.product .tabs li a:hover,
.product .tabs li a.active{ background:#f55b0a; color:#FFF; }
.product .tabs li a:hover:before,
.product .tabs li .active:before{
	width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #f55b0a;
    display: block;
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
	margin-left:-5px;
}

.product .tabs_content { display:none; }
.product_content {background: #000000;margin-top:  100px;  border-top: 1px solid #CCC; color: #FFF;}
.product_content .container {position: relative;}
.product_content h3 { word-spacing: 2px; text-transform: uppercase;font-weight: 300; margin: 30px 0;font-size: 25px;}
.product_content strong { display:block; text-transform:uppercase;font-size: 15px; font-weight:400;line-height: 22px;}
.product_content .product_video a{ display: block;text-transform: uppercase;font-weight: 600;color: #f55b0a; position:relative;}
.product_content .product_video img{ display: block;margin-bottom: 5px;}
.product_content .product_video h4 { display:block; padding:5px; font-size:13px; color:#f55b0a; text-transform:uppercase; }
.product_content .product_video a::after{
	transition: background-color 0.2s;
	position:absolute;
	width: 100%;

	height: 100%;
	top:0;
	left:0;
	display: block;
	cursor: pointer;
	content:'';
	background: rgba(255,255,255,0) url(../images/quickview64x64_2.png) center center no-repeat;
}
.product_content .product_video a:hover::after { background: rgba(0,0,0,0.4) url(../images/quickview64x64_2_hover.png) center center no-repeat;  }



.product_overview { padding-top: 50px; line-height: 25px;}
.product_overview h1 { font-size: 60px; margin-bottom: 50px; text-transform: uppercase; }
.product_overview h2 {font-size: 35px; margin-bottom: 30px; text-transform: uppercase; color: #f55b0a; line-height: 45px;}
.product_overview .request_trial { text-transform: uppercase; color: #f55b0a;}
.product_overview strong { color:#f55b0a; }
.solution {padding-top: 15px;}
.solution .solution_list { min-height:430px; margin-top: 25px; }
.solution .solution_list .title { background:#FFF; text-transform:uppercase;font-size: 25px;  color:#f55b0a;line-height: 30px;/* overflow: hidden; *//* white-space: nowrap; *//* text-overflow: ellipsis; */font-weight: 300;padding: 5px 0;}
.solution .solution_list .desc {height: 75px; overflow:hidden;font-size: 16p;}
.solution .solution_list .show_more {color: #f55b0a; display:block;background: #FFF;transition: background-color 0.1s,color 0.1s;}
.solution .solution_list .show_more:hover { text-decoration:underline; }
.solution .solution_list .solution_item { margin-bottom:30px;}
.solution .solution_image { /*padding-bottom: 15px; background: url(../images/box_shadow.png) bottom center no-repeat;*/ margin:30px 0 30px 0; }
.solution .solution_image img { width:100%;}

.product_list .container {padding-bottom:30px; }
.product_list h3 {padding: 10px 0; background:#FFF; text-transform:uppercase;font-size: 25px; word-spacing:-2px; color:#f55b0a; line-height:30px;font-weight: 300;}
.product_list .block_shadow { margin-bottom:30px;}
/* feature */
.feature { background:#d7d7d7;padding: 30px 0 0 0;margin-bottom: 30px;}
.feature .cols {  padding:0 15px 0 0;}
.feature .feature_item { padding-bottom:15px; background: url(../images/box_shadow.png) center bottom no-repeat; text-align:center; display:table; width:100%;min-height: 267px;}
.feature .feature_item h3{ text-transform:uppercase; color:#000;font-size: 20px;position: absolute; z-index:1;width: 100%;}
.feature .feature_item img { max-width:100%; z-index:0; transition: transform 0.2s;margin-top: 30px;}
.feature .feature_item a { display:block;text-align: center;position: relative;}
.feature .feature_item a:hover img { transform: scale(1.1);}
.feature .feature_item .feature_content {padding: 25px 0; display: table-cell; vertical-align:middle; background:#FFF;height: 270px;position: relative;}

.feature .cols.trial { padding-right:0;}
.feature .cols.trial .feature_item { padding:0;}
.feature .cols.trial .feature_item h3{ color:#FFF;line-height: 25px;top: 20px;}
.feature .cols.trial .feature_item img { margin-top: 60px; }
.feature .cols.trial .feature_item .feature_content { background:#f55b0a; display: table-cell; vertical-align:middle;}
.feature .cols.trial a:hover img { transform: rotate(360deg);}

/* breadcrumbs */
.breadcrumb_wrap { padding: 10px 0; line-height:30px; font-size:14px; color:#333; }
.breadcrumb_wrap .breadcrumb{ margin:0;border-radius: 0;}

.breadcrumb_wrap li{ display:inline-block; }
.breadcrumb_wrap li.last a,
.breadcrumb_wrap li a:hover { color:#999;}
.breadcrumb_wrap li a:after{ display:inline-block; content:'/'; padding:0 5px;}
.breadcrumb_wrap li:last-child a:after{ content:'';}

.support {
	padding-bottom: 0;
}
.support img {
	width: 100px;
}

.nav-tabs {
	border-bottom: 1px solid #f55b0a;
	margin-left: 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #f55b0a; }
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #f55b0a !important; background: transparent; }
.nav-tabs > li > a::after { content: ""; background: #f55b0a; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 15px 0; }

.card {
	background: #FFF none repeat scroll 0% 0%;
	/*box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);*/
	margin-bottom: 30px;
}
.btn-default {
	background: #fff !important;
}
.padding-top {
	padding-top: 20px;
	padding-bottom: 20px;
}

.icon_support {
	background: url("../images/icon-support.png") no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
.icon_automation {
	background: url("../images/icon-automation.png") no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}

.gray-light-bg {
	padding:15px 30px;
	background: #f0f0f0;
	border-top: 3px solid #F49700;
}
.playlive_box {
	padding:15px 30px;
	background: #f0f0f0;
	border-top: 3px solid red;
}
.automation_box {
	border-top: 3px solid #F05B15;
}
.playlive_box .sw_title, .ott_box .sw_title, .automation_box .sw_title {
	color:#F49700;transform: translateY(40%);
	font-weight: bold;
	text-transform: uppercase;
}
.playlive_box .sw_title {
	color: red;
}
.automation_box .sw_title {
	color: #F05B15;
}
/* pagination */
.nav-pagination { font-size: 13px; }
.nav-pagination .pagination{ margin: 0;float:right;}
.nav-pagination .wrapSection { padding: 5px 5px; background:#333; color:#FFF; cursor:pointer; white-space: nowrap; margin: 0 2px;display: inline-block;margin-bottom: 5px;cursor: pointer;}
.nav-pagination .wrapSection:hover,
.nav-pagination .wrapSectionActive { color:#FFF; background:#777; }
.nav-pagination .wrapSectionSelected { color:#FFF; background:#777; }
.nav-pagination .wrapBold { font-weight:bold;}
.nav-pagination .light-theme a, 
.nav-pagination .light-theme span {
	float: left;
	color: #666;
	line-height: 30px;
	font-weight: normal;
	text-align: center;
	min-width: 14px;
	padding: 0 10px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	background: #efefef;
}

.nav-pagination .light-theme a:hover {
	text-decoration: none;
	background: #FCFCFC;
}

.nav-pagination .light-theme .current {
	background: #333;
	color: #FFF;
	border-color: #444;
	cursor: default;
}

.nav-pagination .light-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}
.pagination>li:first-child>a, 
.pagination>li:first-child>span,
.pagination>li:last-child>a, 
.pagination>li:last-child>span { border-radius:0; }

.pagination > li > a, .pager > li > a, .pagination > li > span, .pager > li > span {
	color: #666;
	line-height: 30px;
	font-weight: normal;
	text-align: center;
	min-width: 14px;
	padding: 0 10px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	background: #efefef;
	border-radius:3px;
	border:none;
}

.pagination > li > a:hover, 
.pager > li > a:hover, 
.pagination > li > span:hover, 
.pager > li > span:hover, 
.pagination > li > a:focus, 
.pager > li > a:focus, 
.pagination > li > span:focus, 
.pager > li > span:focus {
	background: #333;
	color: #666;
	cursor: default;
	background: #FFF;
}
.pagination > .active > a, 
.pager > .active > a, 
.pagination > .active > span, 
.pager > .active > span, 
.pagination > .active > a:hover, 
.pager > .active > a:hover, 
.pagination > .active > span:hover, 
.pager > .active > span:hover, 
.pagination > .active > a:focus, 
.pager > .active > a:focus, 
.pagination > .active > span:focus, 
.pager > .active > span:focus {
	text-decoration: none;
	background: #000;
	color:#FFF;
}
/* border radius */
.round3 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.round5 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
.round10 {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.box-shadow{
	-moz-box-shadow: 0 0 5px 1px #ccc;
	-webkit-box-shadow: 0 0 5px 1px #ccc;
	box-shadow: 0 0 5px 1px #ccc;
}

/* user page */
.user_content { padding:15px; }
.user_content label { min-width:150px; }
.user_content p { margin-bottom:10px; }
.user_page .container { width:auto; padding:0; }
.user_header {
	position: static;

	top:0;
	left: 200px;

	width:100%;
	height:50px;
	-webkit-box-shadow: 0 4px 6px rgba(125,125,125,0.2);
	box-shadow: 0 4px 6px rgba(125,125,125,0.2);
	z-index: 3;
	background: #FFF;
}
.user_header .accoutn_wrapper .language { height:50px; line-height:50px; margin-right:15px;}
.user_header .accoutn_wrapper .account { height:50px; line-height:50px; margin-right:15px; }
.user_header .container { width:auto; }
.user_header .logo { width: 120px; text-align: left; padding:5px; float:left;} 
.user_header .logo img{ max-height:40px;}
.user_header .logout { float: right; height: 50px;line-height: 50px;display: block;text-align: right;padding: 0 15px;color: #333;}

.user_page .block_setting li{ width:auto; font-size:12px; color:#333; margin:0; display:block; float:none; padding-left:22px; text-indent:0px;
	 background: url(../images/starrate_inactive.png) 5px 5px no-repeat; line-height:18px; padding: 5px 5px 5px 25px;
}
.user_page .block_setting li:hover { background-color:#EEE;}
.user_page li.not_active_public { background: url(../images/starrate.png) 4px 5px no-repeat;}
.user_page li.not_active_share_design { background: url(../images/starrate.png) 4px 5px no-repeat;}
.user_page li.not_active_premium { background: url(../images/starrate.png) center left no-repeat;}


.showpanel {  line-height: 30px; padding: 10px 10px;font-size: 22px;color: #333;float: left;}
.user_sidebar {
	position: fixed;
	width: 200px;
	left: -200px;
	top: 0;
	bottom: 0;
	background-color: #000;
	border-right: 1px solid #ddd;
	-webkit-box-shadow: 2px 0 6px rgba(155,155,155,0.3);
	box-shadow: 2px 0 6px rgba(155,155,155,0.3);
	color: #333;
	padding-top: 15px;
	z-index: 1;
	overflow: auto;
	font-size:13px;
}
.user_sidebar .user_profile { text-align: center; margin-bottom:15px;}
.user_sidebar .user_profile .user_avatar img{ width: 100px; border-radius:50%; -webkit-border-radius:50%;}
.user_sidebar .user_profile h2{ font-size:14px;color: #f55b0a; line-height: 20px;}
.user_sidebar .user_profile h3{ font-size: 12px; color:#CCC; line-height: 20px; font-weight: 400;}
.user_sidebar .logo {}

#user_sidebar a { padding:0 10px; display:block; line-height: 100%;color: #CCC; transition: 0.2s;}
#user_sidebar span.icon { text-align:center; width:20px; height: 30px; line-height: 30px; display: inline-block; }
#user_sidebar li.active a,
#user_sidebar li a:hover {background: #f55b0a; color: #FFF;}


.user_sidebar {
	-webkit-transition: 0.2s ease;
	-moz-transition:0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
	left:-200px;
}
.user_wrap{
	-webkit-transition: 0.2s ease;
	-moz-transition:0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
	padding-left:0;
}
.user_page.sidebar_active .user_sidebar {
	left:0;
}
.user_page.sidebar_active .user_wrap{
	padding-left:200px;
}
.avatar_list .cols div{ text-align:center; border:1px solid #DDD; padding:15px; margin-bottom:30px;}
.avatar_list .cols p{ padding:15px 0 0 0; margin:0; }
.avatar_list .cols img { width:100%; }

/* multi delete uploaded file */
.control_wrap { position:absolute; top:5px; right:5px; padding:5px;line-height: 1;}
.control_wrap label:before { background:#fff; }
/* contact */
.main_contact h4 { text-transform:uppercase; font-weight:600; margin-bottom:15px;border-bottom: 1px solid #f55b0a; height:30px;}
.main_contact h4 span{border-bottom: 3px solid #f55b0a; line-height:30px;}
.main_contact .container { padding: 30px 15px; }
.main_contact .contact_title { background:#EEE; border-bottom:1px solid #DDD; }
.main_contact .contact_form .container { padding-top:15px;}

.top_header_first.fix_header { position:fixed; top:0; left:0; width:100%; height:40px; -webkit-box-shadow: 0 4px 6px rgba(125,125,125,0.2);    box-shadow: 0 4px 6px rgba(125,125,125,0.2); z-index: 1;}
.top_header_first.fix_header .container{ width:100%;}
.top_header_first.fix_header .logo{ float:left; height: 50px; width: 200px;text-align: center;}
.top_header_first.fix_header .logo img{ max-height: 40px;}
.top_header_first.fix_header .account{ float:right; line-height:40px; }
.top_header_first.fix_header .account_avatar { line-height:40px; }
.footer_wrapper.fix_footer { padding-left: 200px; }
.footer_wrapper.fix_footer .container{ width:98%;}

.quick_preview_advertise { position:relative; display:block; color:#4c82e2;}
.quick_preview_advertise span.title { position:absolute; top:10px; left:0; padding:0 5px; background:#FFF; line-height:20px; }
.quick_preview_advertise span.preview { position:absolute; bottom:0; right:0; padding:2px 5px; font-size:18px; line-height:18px; background-color:rgba(255,255,255,0.7); cursor:pointer;}

.fancybox-wrap table { width:auto; min-width:inherit; }
.fancybox-preview-template .fancybox-close { color: #FFF; }

.block_wrap { padding:0 0 30px 0 ; }
.block_wrap .block_title {}
.block_wrap .block_date { padding:5px 0; color:#b0afae; text-transform:lowercase; }
.block_wrap .block_content { }
.block_relate ul li { padding:5px 0; position:relative;color: #f55b0a;}
.block_relate ul li a{ color:#f55b0a; padding-left:15px; display:block; }
.block_relate ul li a:hover{ text-decoration:underline; }
.block_relate ul li:before{ position:absolute; top:0; left:0; display:block; content:'+'; width:15px; line-height:30px; text-align:center; }

/*--------Search--------*/
.search .item { margin-bottom:30px; }
.search_wrap {
	padding:15px; 
    transition: all 0.1s;
	-webkit-transform: all 0.1s;
	transform: all 0.1s;
	margin-top:-74px;
}
.search_wrap.visible {
	margin-top:0;
}
.search_wrap .col-sm-10 { padding-right:0; margin-bottom:0; }
.search_wrap .col-sm-2 { padding-left:0; }
.search_wrap input {
	height:44px; border: none; color:#f55b0a; 
	font-size: 15px; padding:5px 15px; width:100%;
}
.search_wrap button{
	width: 100%;
    height: 44px;
    margin: 0 auto;
    background: none;
    border: none;
    font-size: 20px;
	background:#f55b0a;
	outline:none;
}

.template .block_border { padding: 0;}
.template_list .template_info { font-size:13px; padding:15px 15px; }
.template_list .template_info .likes { padding:5px; cursor:pointer;}
.template_list .template_info .likes.active { color:#f55b0a; }
.template_list .template_item .template_name { height:20px; overflow:hidden; display:block; word-spacing: normal; text-overflow: ellipsis;}
.template_list .template_item .template_author { display: block; }
.template_list .template_item .template_author a { color:#F00; font-weight:bold;}
.template_list .template_item .template_nav { padding: 10px 5px; border-top: 1px solid #DDD;}
.template_list .template_item .template_nav .counter{ padding: 0 5px; line-height:20px; color:#999; display:block; text-align:center; font-size:12px;}
.template_list .template_item .template_nav .counter strong{ display:block; font-size: 15px; font-weight:600; }
.template_list .template_item .template_nav .counter:nth-child(2){  border-left:1px solid #DDD; }
.template_list .template_item .template_nav .quick_view{ margin-top:5px;}

.template_search_wrap  { padding:30px 15px; text-align:center; }
.main_aboutus iframe{ border:none; display:block; margin:0; padding:0; } 
.contact_title { background:#ebebeb; padding:15px 0; } 
.contact_title h2{ font-size:40px; margin:0 0 15px 0; padding:20px 0 0 0;}
.contact_title h3 {
	font-size: 30px;
	margin: 0 0 15px 0;
	padding: 20px 0 0 0;
}
.totop {bottom: 50px; right:15px; background:#000; font-size:22px;}
.totop i{ color:#FFF; }
.totop:hover, .totop:active, .totop:focus { background:#555; }

#module_main_header h3 { font-weight:600; font-weight:300; /*margin:15px 0;*/ }
#module_main_header img { margin:0 auto; display: block;}

/* responsive video in fancybox*/
.fancybox-wrap iframe { overflow: hidden !important;}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed , .video-container vide {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.m-sm-2 h4 {
	font-size: 1.3em;
	font-weight: 400;
	padding: 15px 0 3px 0;
}
ul {
	list-style-type: none;
}
.multi-row-feature-text ul li::before {
	content: "\25AA";
	color: #a5a7aa;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	font-size: 1.5em;
}
.vcenter {
	/*display: flex;
	align-items: center;
	flex-wrap: wrap;
	transform: translateY(-50%);
	*/
	padding: 0;
}
.vcenter h4 {
	text-transform: uppercase;
	transform: translateY(12%);
	font-size: 30px;
	color: blue;
	text-align: center;
}
.box-playlive, .box-automation, .box-ott {
	border-bottom: 3px solid #f55b0a;
	margin-top: 20px;
}
.box-automation {
	border-bottom: 3px solid blue;
}
.box-ott {
	border-bottom: 3px solid #ffc627;
}
.vcenter h4.playlive {
	color: #f55b0a;
}
.vcenter h4.ott {
	color: #f55b0a;
}
@media(min-width: 768px) {
	.m-xs-2 {
		width: 20%;
	}
	.vcenter h4 {
		text-align: left;
	}
}

.card h1 {
	color: #ff8400;
	margin: 20px 0 20px 0;
}
.card ul.tabs {
	border-bottom: 2px solid #f28333;
	color: gray;
	font-weight: bold;
	list-style-type: none;
	margin-bottom: 10px;
	margin-left: 0;
	padding: 0;
}
.card ul.tabs li {
	display: inline-block;
	margin-top: 5px;
	padding: 10px 10px 5px 10px;
}
.card ul.tabs li.current {
	border-bottom: 3px solid #f28333;
	color: #f28333;
	font-weight: bold;
}
div.cart table th, div.portal table th {
	border-bottom: 2px solid silver;
	color: #75c0d9;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
}
div.cart .total_label {
	color: silver;
	margin-right: 30px;
	text-align: right;
}
div.cart .total {
	font-size: 30px;
	font-weight: bold;
}

/* ajax load */
/* Absolute Center Spinner */
.ajax_load {
	position: fixed;
	z-index: 999;
	height: 20em;
	width: 20em;
	overflow: visible;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/* Transparent Overlay */
.ajax_load:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.ajax_load:not(:required) {
	/* hide "loading..." text */
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.ajax_load:not(:required):after {
	content: '';
	display: block;
	font-size: 40px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 1500ms infinite linear;
	-moz-animation: spinner 1500ms infinite linear;
	-ms-animation: spinner 1500ms infinite linear;
	-o-animation: spinner 1500ms infinite linear;
	animation: spinner 1500ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
	box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-o-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* footer */.
.footer .copyright{ padding: 25px 0;}
.footer .start_now{ text-align:right; }
.footer .start_now a{ margin-left:5px; }
.footer_top { background:#f55b0a; color:#EEE;/* margin-top:30px; */}
.footer_bottom {background: #000; color:#EEE;line-height: 40px;padding: 15px 0;}
.footer_top .cols { padding:30px 10px; }
.footer_top .title { text-transform:uppercase; font-size:16px; color:#FFF; line-height:30px;background: none;}
.footer_top .title a{ color:#FFF; }
.footer_top ul { list-style: none; margin:0; }
.footer_top ul li { padding:5px 0; position:relative; }
.footer_top ul li a{ color:#FFF; padding-left:15px; display:block;font-size: 13px;}
.footer_top ul li a:hover{ text-decoration:underline; }
.footer_top ul li:before{ position:absolute; top:0; left:0; display:block; content:'+'; width:15px; line-height:30px; text-align:center; }
/***** Media queries *****/
/* desktop */
@media (min-width: 992px) and (max-width: 1199px) {
	#header.navbar .navbar-toolbar .navbar-collapse > .navbar-nav {height: 90px;}
	#header.navbar .navbar-toolbar .navbar-collapse > .navbar-nav li:nth-child(n+6) {
		display: none;
	}
}
@media (max-width: 991px) {	
	.col-right .product { padding:0; border:none; }
	.col-left .col-wrap { border: none; }
	.menu_right { display:block; }

@media (min-width: 768px) {
	.form-horizontal .control-label { padding-top:10px;}
}
/* tablet */
@media (min-width: 768px) and (max-width: 991px) {
	#schedule_date_picker { width:768px; }
	
	#header.navbar .navbar-toolbar .navbar-nav.navbar-right { display:none; }
	
	.table {min-height: inherit; text-align:center;}
	.table .cell { padding:0; width:50%; }
	
	.step_nav .item { display:block; padding:15px 0 15px 15px; max-width:30%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	
	.footer .cols{}
	.footer .start_now{ border-bottom: 1px solid #333; }
	.footer .cols { line-height:20px; padding:15px; }
}

/* smart phone */
@media (max-width: 767px) {
	#banner_slider .owl-item img {height:350px;}
	#header_top .col1,#header_top .col2{ display: block; text-align:center; padding:10px 0; }
	#header_top .col1 { display:none; }
	.fancybox-preview-template .fancybox-close {top: -25px;right: 0px;}
	
	.table { height: inherit; margin:15px 0; margin-bottom:0 !important; }
	.table .cell { padding:0 !important; width:100% !important; display:block; margin-bottom:15px !important; }
	
	.banner { padding:0; }
	.banner_content .showcat {margin:0;}
	.feature .cols { padding:0 15px; }
	.feature .cols.trial { padding:0 15px; }
	.block_title { font-size:24px; }
	.col-right .solution { padding:0; }
	.col-left { padding:0 15px;border: none;}
	.col-right { padding:0 15px; }
	.col-right .col-wrap { padding:0; }
	.col-left .title, .col-right .title { font-size:18px; line-height:25px; }
	.showcase_other,
	.showcase_other .col1 { border:none; }
	

	.user_page .user_sidebar { left:-200px; }
	.user_page .user_wrap { padding-left:0; }
	.user_page.sidebar_active .user_sidebar {
		-webkit-transform: translate3d(200px, 0px, 0px);
		-moz-transform: translate3d(200px, 0px, 0px);
		-o-transform: translate3d(200px, 0px, 0px);
		-ms-transform: translate3d(200px, 0px, 0px);
		transform: translate3d(200px, 0px, 0px);
		left: -200px;
	}
	
	.user_page.sidebar_active .user_wrap{
		-webkit-transform: translate3d(200px, 0px, 0px);
		-moz-transform: translate3d(200px, 0px, 0px);
		-o-transform: translate3d(200px, 0px, 0px);
		-ms-transform: translate3d(200px, 0px, 0px);
		transform: translate3d(200px, 0px, 0px);
		padding-left: 0;
	}
	.user_page .user_header { position:fixed; top:0; left:auto; }
	.user_page .user_content { padding-top:60px; }
	
	input[type="text"],input[type="textbox"],input[type="button"],textarea,select { display:block; width:100% !important; margin-bottom:5px; }
	.nav-pagination .fl { float: none;}
	.nav-pagination select { width: auto !important; display: inline-block; float:right;}
	.table_wrap th,.table_wrap td { padding: 10px; }
	
	#header.navbar .navbar-toolbar .navbar-nav.navbar-right { display:none; }
	#header.navbar .navbar-header { float:left; max-width: 150px; }
	
	.menu_right .menu_content .content_bottom { max-height: 400px; }
	
	.login_wrapper .inner-bg { padding: 60px 0 110px 0; }
	.login_wrapper .social-login-buttons .btn { display:block; text-align: left;padding-left: 30%;}
	
	.userguide  .main_header h2 { line-height: 35px; margin:15px 0; text-align: left;}
	
	.main_header .text-right{ text-align: center !important; }
	.profit_header .container { padding-top:50px; }
	
	#module_main_header { text-align:center; }

	
	.sidebar_left { top:40px; left:0;}
	.sidebar_right { top:40px; right:0;}
	.sidebar_left .block_content { display:none; }
	.template_design_wrap { height:300px !important; width: 100% !important;overflow:scroll; }
	.template_info {  }

	.product .tabs li a {padding: 15px 15px;font-size: 13px;}	
	.product .tabs_content img { width:auto; height:auto; float:none; }	
	.product .tabs li a:hover:before, .product .tabs li .active:before{ margin-left:-8px; }
	
	.footer .copyright{ text-align:center;}
	.footer .start_now{ border-top: 1px solid #333; text-align: center; }
	.footer .cols {line-height:20px;padding:15px;}

	.totop {bottom: 130px;}
}
@media (min-width: 416px) and (max-width: 766px) {
	.feature .feature_list .cols h3 { font-size:20px; }
	.feature .feature_list .cols .col-md-3 { width: 30% !important; max-width:110px !important; }
	.feature .feature_list .cols .col-md-9 { width: 70% !important; }
}
/* mobile */
@media (max-width: 415px) {
	#banner_slider .owl-item img {height:250px;}
	/* table responsive */
	.table_payment thead.hidden { display: none; }
	.table_payment tr td:nth-of-type(odd) { display: none; }
	.table_payment tr td { display: block; font-weight: 400;  }
	.table_payment tr td:before { display:block; content: attr(data-label); float: left; font-weight: 600; margin-right:5px; }
	
	.table { min-height: inherit; margin:15px 0; }
	.logo-text { width:110px;}
	.logo-figure + .logo-text { 

		background: url(../images/logo@2x.png) left center no-repeat;
		background-size: 110px 41px;
	}
	#header_top .trial a { padding:0 15px; }
	
	.account { font-size:13px; }

	.main h1, h2 { font-size: 30px; line-height: 130% !important;margin-bottom: 15px !important;}
	.product_overview h1 {font-size: 50px;}
	.menu_right .menu_content .content_bottom { max-height: 300px; }
	.banner_content p span strong { display: block; }
	
	.about_playinfo { font-size:16px; }
	.about_playinfo h2 { font-size:35px; }
		
	.footer .cols { line-height:20px; padding:15px; }
	.footer .start_now { text-align:center; }
	.ico-pricing,.ico-pricing-desc {display:table-cell; vertical-align:middle; text-align:center}
}

/* for rentina display (high resolution)*/
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
}