/*
Template: cesis
Theme Name: cesis child theme
Theme URI: http://cesis.co
Description: <strong>A superflexible and responsive Business Theme by Tranmautritam team</strong> - <br/>Update notifications available on twitter and facebook:<br/> <a href='https://twitter.com/tranmautritam'>Follow me on twitter</a><br/> - <a href='https://www.facebook.com/tranmautritam.designer'>Join the Facebook Group</a> A theme by <a href="http://themeforest.net/user/tranmautritam?ref=tranmautritam">Tranmautritam Team</a>.
Version: 1.0
Author: Tranmautritam Team
Author URI: http://themeforest.net/user/tranmautritam?ref=tranmautritam
License: Themeforest Split Licence
License URI: -
*/

/*
@import url('//fonts.googleapis.com/css?family=Montserrat:300,400,700,800');
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic)
*/

/************************************************************************************

Put your custom CSS below this block :)

*************************************************************************************/
h4.rec-read {
	font-size: 20px;
}

blockquote.wp-embedded-content {
	padding: 18px;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

blockquote.wp-embedded-content p a,
blockquote.wp-embedded-content a {
	font-size: 17px;
}

.full-width-image {
	width: 100% !important;
	text-align: right;
}

html {
    scroll-behavior: smooth;
}
a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

.whats-new .vc_column-inner { padding-left: 0px !important}
.whats-new .cesis_blog_m_top_info { line-height:19px; margin-top: 5px}
.whats-new .cesis_blog_m_top_info > span{ padding:0; font-size:13px; line-height:20px; display:inline-block;}
.whats-new .cesis_blog_m_top_info span:last-child{ padding:0; }
.whats-new .cesis_m_more_link { }
.whats-new .cesis_blog_m_top_info > span:after{ content:"|"; padding:0 10px; }
.whats-new .cesis_blog_m_top_info span:last-child::after{ content:none; }

/* Apply no-select class to prompts within CLI code examples  */
.no-select {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.cesis_button_ctn.black-multi, .cesis_button_ctn.black {
	background: #3d3c3e;
	text-transform: capitalize;
	text-align: center;
	font:300 18px/45px "Montserrat",sans-serif;
	font-display: swap;
	
}

.textwidget p strong {
	font-size: 16px !important;
}

.footer_widget_ctn ul .menu-item {
	font-size: 14px;
}



span.vc_tta-title-text {
	font-size: 20px;
}

.vc_tta-panel-heading {
	margin-top: 15px !important;
}

.wpb_text_column.wpb_content_element.cesis_text_transform_none {
	padding-top: 15px;
	padding-bottom: 15px;
}


#tab_container_19609 .tab-content {
	padding-top: 0px !important;
}

.full-width-activestate {
	width:100vw;
	position:relative;
	left:calc((1200px - 100vw) / 2); 
	padding-left: calc((100vw - 1200px) / 2);
	padding-right: calc((100vw - 1200px) / 2);
}

.build-runtime-button {
  box-shadow: 5px 5px 0 rgba(0,0,0,.2);
} 

.build-runtime-button-cli-install {
  box-shadow: 5px 5px 0 rgba(0,0,0,.2);
  font-family: Montserrat !important;
  font-style: normal !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

.copy-the-code-target {
	background: #daeaff !important;
    padding: 20px;
    display: block;
    width: 100%;
    margin: 0;
    border: none;
    font-size: 1rem;
    font-family: "Roboto Mono", monospace !important;
    color: #3569c4 !important;
    box-sizing: border-box;
    border-radius: 3px;
    padding-right: 85px;
    z-index: 1;
	border-color: #edf0f7;
}


.cesis_button_ctn.green.cesis_button_large, .cesis_button_ctn.black.cesis_button_large {
  font:300 18px/65px "Montserrat",sans-serif;
}

.cesis_button_ctn.black-multi{
  line-height: 20px !important;
  text-transform: capitalize !important;
}


.cesis_button_ctn.green{
	background: #00A0A2 !important;
	color:#ffffff !important;
	text-align: center !important;
}

.cesis_button_ctn.green:hover{
	background: #006e6f !important;
}

.cesis_button_ctn.home{
	background:#00A0A2 !important;
	color:#ffffff !important;
}

.cesis_button_ctn.dark-grey{
	background: #3d3c3e !important;
	color:#ffffff !important;
}

.cesis_button_ctn.dark-grey:hover{
	background: #ff2f4c !important;
}

.cesis_button_ctn.white{
	background:#ffffff !important;
	border: 1px solid #3d3c3e !important;
	color:#3d3c3e !important;
}
.cesis_button_ctn.white:hover{
	background: #999999 !important;
}
.cesis_button_ctn.black-multi:hover, .cesis_button_ctn.black:hover {
/*	background: #ff2f4c !important; #MB EDIT */
	background: #ff2f4c;
}

.cesis_button_ctn{
	margin: 10px 0 10px 0 !important;
	max-width: 90% !important;
	display: relative !important;
	text-align: center;
	font:300 18px/45px "Montserrat",sans-serif;
	text-transform: capitalize;
}


.header_main:not(.header_vertical) .tt-main-additional .cesis_menu_btn a span {
	font-family: "Montserrat";
	font-weight: 300;
}
/*
PIÑU END 1
*/
/*
.cesis_button_medium{
  height: auto !important;
}
*/

.cesis_button_ctn.black-multi .cesis_button_text, .cesis_button_ctn.multi .cesis_button_text{
	line-height: 20px !important;
	vertical-align: middle !important;
	padding: 15px 0 0 0 !important;
  text-align: center !important;
  font:300 18px/20px "Montserrat",sans-serif !important;
  text-transform: capitalize !important;
}
.cesis_button_large{
  line-height: 65px !important;
}
.cesis_button_ctn small{
	display: block !important;
	font-size:12px !important;
	line-height: 12px !important;
	font-weight: 100 !important;
	text-transform: capitalize !important; 
  text-align: center !important;
  padding-bottom: 10px !important;
}
.vc_custom_heading.sidebar-header{
	color:#525252 !important;
	font: 300 30px/36px "Montserrat",sans-serif !important;
	margin-bottom: 15px !important;
	text-transform: uppercase !important;
}
h1, h2{
	text-transform: capitalize !important;
}
h2{
	
}
.cesis_line_divider{
	background: #cccccc !important;
}
.cesis_isotope_container.logos img{
	max-height:50px !important;
	width: auto !important;
	
}
.cesis_isotope_container.logos .inside_e{

	
}
.resource-box{
	padding:20px !important;
	
}
.resource-box .vc_column-inner{
	
}
.resource-box .vc_column-inner .cesis_button_center{
	
}
.read_more_small{
	background: #ff2f4c !important;
	border: none !important;
}
.read_more_small:hover{
	background: #ff5f75 !important;
	border: none !important;
}
.sidebar_ctn.r_sidebar {
	padding: 50px 0 50px 0 !important;
  margin-top: 120px !important;
}
.site-main{
	/*padding: 50px 0px 50px 0px !important;*/
  padding-bottom: 50px !important;
}
.cesis_blog_m_title.custom{
	font-size: 17px !important;
	line-height: 22px !important;
}
#cesis_to_top{
	color: #ff2f4c !important;
	background: none !important;
	right: 50px !important;
}
#cesis_to_top .fa-angle-up{
	font-size: 80px !important;
	font-weight: bold !important;
}

.resourceexcerpt{
	overflow: hidden;
  height: 115px;
}
.resourcetitlepdf:before{
	content: "\f1c1";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left:10px;
    position:absolute;
    min-height: 30px;
    color: #ff2f4c;
}
.resourcetitlepdf{
	margin-left:20px;
}
.resourceimage{
	background-position: top;
	height: 100px !important;
}
.vc_gitem-zone{
	background-size: auto !important;
 }
 .resourcetitle{
 	min-height:30px !important;
 }
 
 #menu-whats-new-menu {
	padding-left: 0px !important;
	margin-left: 0px;
 }
 
 #menu-resources, #menu-press, #menu-whats-new-menu {
 	width:100%;
 	list-style-type: none;
}
#menu-resources li, #menu-press li, #menu-whats-new-menu li {
	display: inline-block;
}

#menu-whats-new-menu li {
	padding-left: 0px !important;
}

#menu-resources li:first-child, #menu-press li:first-child, #menu-whats-new-menu li:first-child{
	margin-left:0 !important;
}
#menu-resources li a, #menu-press li a {
	/*
	color: #525252 !important;
	font: 300 24px/29px "Montserrat",sans-serif !important;
	text-transform: uppercase;
	padding-right:20px;
	*/
	color: #6d7783;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
	padding-right:20px;
}

#menu-whats-new-menu li a {
	color: #6d7783;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 1px;
	padding-right:20px;
}



#menu-resources li a:hover, #menu-press li a:hover, #menu-whats-new-menu li a:hover  {
	color: #ff2f4c !important;
}
#menu-resources li.current-menu-item a, #menu-press li.current-menu-item a, #menu-whats-new-menu li.current-menu-item a {
	color: #ff2f4c !important;
	text-decoration: underline;
}
.main-sidebar ul li a{
	font-size:14px;
	letter-spacing: 0;
	line-height: 24px;
	text-transform: none;
	font-weight: 700;
	color: #293340;
}
.main-sidebar ul li{
	padding:10px 0 10px 20px !important;
}
.main-sidebar ul li:before{
	font-size:20px !important;
	font-weight: 400 !important;
}
.sidebar_ctn{
	width: calc( 32% - 10.5px ) !important;
}
.cesis_widget_title{
	color: #525252 !important;
	font: 300 30px/36px "Montserrat",sans-serif !important;
	margin-bottom: 15px !important;
	text-transform: uppercase !important;
}
.article_ctn.has_sidebar{
	width: calc( 70% - 47.5px ) !important;
}
/* Tables
===========================================================================*/
table {
  margin-bottom: 0 !important;
  font-family: "Open Sans",sans-serif !important;
   font-size: 14px !important;
}
table tr.odd,
table tr.even {
  border: none !important;
}
table tr.odd {
  background: transparent !important;
}
table tr.even {
  background: #efefef !important;
}
table th {
  background: #efefef !important;
  border: none !important;
  color: #555555 !important;
 	font-size: 15px !important;
  font-weight: normal !important;
  padding: 10px 5px !important;
}
table th a {
  color: inherit !important;
}
table th a:hover {
  color: #ff2f4c !important;
  text-decoration: none !important;
}
table thead th {
  background-color: #3d3c3e !important;
  color: #FFF !important;
}

.table-container {
  overflow-x: scroll;
}

table caption {
  text-align: left;
}
table thead {
  text-transform: uppercase;
}
table tr {
  border-bottom: solid 1px #EEE;
 
}
table tr.table-row--gray-highlight {
  background-color: #efefef;
  text-transform: uppercase;
}
table th, table td {
  padding: 20px 15px;
  vertical-align: top !important;
}



.article_ctn li, table li, .post li, .hentry li{
	padding: 0 !important;
}

.article_ctn ul, table ul, .post ul, .hentry ul {
  list-style: none !important;
  padding-left: 10px !important;
}
.article_ctn ul li, table ul li {
  position: relative !important;
  padding-left: 13px !important;
}

.wpb_text_column ul li:before, table ul li:before, .post ul li:before, .hentry ul li:before {
  color: #ff2f4c !important;
  content: "" !important;
  font-family: FontAwesome !important;
  font-weight: 400 !important;
  font-size: 10px !important;
  left: 0 !important;
  position: absolute !important;
  top: 0 !important;
}
#menu-resources li.menu-item:before, #menu-press li.menu-item:before, #menu-whats-new-menu li.menu-item:before, .hentry ul li.vc_pagination-item:before{
  content: " " !important;
  display: table;
  clear: both;
  
}

/*
PINYU remove
.wpb_text_column ul{
  padding-bottom:20px;
}
.wpb_text_column ul li{
  margin: 5px 0;
}
*/
.article_ctn ul, table ul, .post ul, .hentry ul, .wpb_text_column ul{
	padding-left: 10px !important;
	margin-bottom: 20px !important;
}

.article_ctn ol, table ol, .post ol, .hentry ol, .wpb_text_column ol {
	padding-left: 10px !important;
	margin-bottom: 20px !important;
}


.article_ctn ul li, table ul li {
	padding-left: 13px !important;
	margin-bottom: 10px !important;
	margin-left: 0px !important;
}

.article_ctn ol li, table ol li {
	padding-left: 13px !important;
	margin-bottom: 10px !important;
	margin-left: 0px !important;
}
/*
END PINYU
*/

.menu-item:before{
	 content: " " !important;
}
.breadcrumb_container ul li:before, .vc_grid-pagination ul li:before, .menu li:before{
	content: "" !important;
}
.button a,
a.button {
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  background: #3d3c3e;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #fff !important;
  display: inline-block;
  font: 300 18px/22px "Montserrat", sans-serif;
  outline: none;
  padding: 11px 30px;
  text-decoration: none;
  text-transform: none;
}
.button a:hover,
a.button:hover {
  background: #ff2f4c;
  color: #fff;
  text-decoration: none;
}

.button--small a,
a.button--small {
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  background: #3d3c3e;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #fff !important;
  display: inline-block;
  font: 300 18px/22px "Montserrat", sans-serif;
  outline: none;
  text-decoration: none;
  text-transform: none;
  font-size: 12px;
  line-height: 18px;
  padding: 7px 15px;
}
.button--small a:hover,
a.button--small:hover {
  background: #ff2f4c;
  color: #fff;
  text-decoration: none;
}

.button--cta a,
a.button--cta {
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  background: #3d3c3e;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #fff !important;
  display: inline-block;
  font: 300 18px/22px "Montserrat", sans-serif;
  outline: none;
  padding: 11px 30px;
  text-decoration: none;
  text-transform: none;
  display: block;
  text-align: center;
}
.button--cta a:hover,
a.button--cta:hover {
  background: #ff2f4c;
  color: #fff;
  text-decoration: none;
}
.button--cta a .subtitle,
a.button--cta .subtitle {
  font-weight: 300;
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
}

.button--red a,
a.button--red,
.button--brand a,
a.button--brand {
  background: #ff2f4c;
}
.button--red a:hover,
a.button--red:hover,
.button--brand a:hover,
a.button--brand:hover {
  background: #ff5f75;
}

.button--brand-perl a,
a.button--brand-perl {
  background: #00a0a2;
}
.button--brand-perl a:hover,
a.button--brand-perl:hover {
  background: #006e6f;
}

.button--brand-tcl a,
a.button--brand-tcl {
  background: #a8ba37;
}
.button--brand-tcl a:hover,
a.button--brand-tcl:hover {
  background: #84932b;
}

.button--brand-python a,
a.button--brand-python {
  background: #f79435;
}
.button--brand-python a:hover,
a.button--brand-python:hover {
  background: #f07a09;
}

.button--brand-komodo a,
a.button--brand-komodo {
  background: #fcb315;
}
.button--brand-komodo a:hover,
a.button--brand-komodo:hover {
  background: #db9703;
}

.download-button a,
a.download-button {
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  background: #3d3c3e;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #fff !important;
  display: inline-block;
  font: 300 18px/22px "Montserrat", sans-serif;
  outline: none;
  padding: 11px 30px;
  text-decoration: none;
  text-transform: none;
  display: block;
  position: relative;
  padding-left: 55px;
  margin-bottom: 20px;
}
.download-button a:hover,
a.download-button:hover {
  background: #ff2f4c;
  color: #fff;
  text-decoration: none;
}
.download-button a:before,
a.download-button:before {
  color: white;
  content: "ï‚«";
  font-family: FontAwesome;
  font-weight: 400;
  font-size: 2em;
  left: 10px;
  position: absolute;
  top: 22px;
}
.cesis_col-lg-4.first_col{
	width: 60%;
}
.cesis_col-lg-4{
	width: 20%;
}
#menu-footer li, #menu-footer-contact li{
	display: inline-block;
	font-size: 14px;
}

.cesis_f_widget{
	padding-bottom: 15px !important;
}
.textwidget p{
	margin: 0 !important;
	font-size: 14px !important;
  font-family: "Open Sans",sans-serif !important;
}
.cesis_f_widget_title{
	font: 300 16px/24px "Montserrat",sans-serif !important;
	margin-bottom: 0px !important;
}
.mktoButtonWrap{
	margin-left:10px !important;
}
.footer_sub{
	display: none !important;
}
.vc_single_image-img{
	
	
}
.vc_single_image-imgfw .vc_single_image-img{
	width:auto !important;
}
.resource-desc{
	min-height: 120px;
	margin-bottom: 20px !important;
}
.cust-center{
	text-align: center !important;
}

.clear_both {
	clear: both;
}

#resource-pagination{
	text-align: center;
	margin-top: 20px;
	/*
	width: 75%;
  position: absolute;
  bottom: 0;
  */
}
#resource-pagination a, #resource-pagination span{
	/*background:#3d3c3e;
	color: #fff !important;
	padding: 15px 20px;
	min-width: 45px;
	font:300 18px/22px "Montserrat",sans-serif;*/
  border: 1px solid #edf0f7;
  border-radius: 5px;
  padding: 8px 15px;
  color: #555555;
}

#resource-pagination  .page-numbers {
	font-size: 15px;
	margin:0 4px;
}

#resource-pagination .prev{
  float: left;
  margin-top:-8px;
  padding-top: 7px;
}
#resource-pagination .next{
  float: right;
  margin-top:-8px;
  padding-top: 7px;
}
#resource-pagination .current, #resource-pagination a:hover{
	background: #ff2f4c !important;
  color: #fff !important;
}
#resource-pagination a:last-child{
	
}
#menu-footer a{
	padding-right:10px !important;
	color: #555555 !important;
  padding: 0 8px;
	font-size: 14px !important;
}
#menu-footer a:hover{
	color: #c90e00 !important;
}
.mktoForm .mktoButtonWrap.mktoPurpleCandy .mktoButton:hover{
	background-color: #ff5f75 !important;
	background-image: none !important;
}

/* This is used to test if the stylesheet has been loaded yet*/
#mktoStyleLoaded {
  background-color: #123456;
  display: none;
}
.mktoForm {
  text-align: left !important;
}
.mktoForm .mktoClear {
  clear: both !important;
  float: none !important;
}
.mktoForm div,
.mktoForm span,
.mktoForm label,
.mktoForm p {
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
  margin-bottom: 2px !important;
}
.mktoForm input,
.mktoForm select,
.mktoForm textarea {
  margin: 0 !important;
}
.mktoForm * {
  font-family: inherit !important;
}
.mktoForm .mktoOffset {
  float: right !important;
  height: 1.2em !important;
  display: none !important;
  width: 0px !important;
}
.mktoOffset{
  display: none !important;
  widows: 1px !important;
}
.mktoForm .mktoGutter {
  float: left !important;
  height: 1.2em !important;
}
.mktoForm .mktoFieldWrap {
  float: left !important;
}
.mktoForm .mktoLabel {
  float: left !important;
  line-height: 1.2em !important;
  padding-top: 0.3em !important;
}
.mktoForm .mktoField {
  line-height: 1.2em !important;
  font-size: 1em !important;
  float: left !important;
}
.mktoForm .mktoPlaceholder {
  float: left !important;
}
.mktoForm .mktoLogicalField {
  float: left !important;
}
.mktoForm fieldset {
  padding: 0 !important;
  margin: 0 !important;
}
.mktoForm fieldset legend {
  margin: 0 1em 0.5em !important;
  color: inherit !important;
}
.mktoForm a.mktoNotYou {
  cursor: pointer !important;
  color: #4692f3 !important;
}
.mktoForm a.mktoNotYou:hover {
  text-decoration: underline !important;
}
.mktoForm .mktoAsterix {
  float: right !important;
  color: #bf0000 !important;
  padding-left: 5px !important;
  display: none !important;
}
.mktoForm .mktoRadioList,
.mktoForm .mktoCheckboxList {
  padding: 0.3em !important;
  float: left !important;
}
.mktoForm .mktoRadioList > label,
.mktoForm .mktoCheckboxList > label {
  margin-left: 1.5em !important;
  margin-top: 0.1em !important;
  margin-bottom: 0.3em !important;
  line-height: 1.2em !important;
  display: block !important;
  min-height: 12px !important;
}
.mktoForm.ie7 .mktoRadioList > label,
.mktoForm.ie7 .mktoCheckboxList > label {
  padding: 0.2em 0 0 !important;
}
.mktoForm .mktoRadioList > label > input,
.mktoForm .mktoCheckboxList > label > input {
  float: left !important;
  margin: 0 !important;
  margin-left: -1.5em !important;
}
.mktoForm .mktoRadioList > input,
.mktoForm .mktoCheckboxList > input {
  padding: 0 !important;
}
.mktoForm .mktoLabelToLeft > label {
  text-align: right !important;
  margin-left: 0 !important;
  margin-right: 1.5em !important;
}
.mktoForm .mktoLabelToLeft input[type=checkbox],
.mktoForm .mktoLabelToLeft input[type=radio] {
  position: absolute !important;
  right: 0.3em !important;
}
.mktoForm.mktoLayoutAbove .mktoRequiredField .mktoAsterix {
  float: left !important;
  padding-left: 0 !important;
  padding-right: 5px !important;
}
.mktoForm .mktoRequiredField .mktoAsterix {
  display: block !important;
}
.mktoForm .mktoRequiredField label.mktoLabel {
  font-weight: bold !important;
}
.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date] {
  padding: 0.1em 0.2em !important;
  line-height: 1.2em !important;
  margin: 0 !important;
}
.mktoForm input[type=range] {
  padding: 0.25em 0 !important;
  margin: 0 !important;
}
.mktoForm input[type=range]::-ms-tooltip {
  display: none !important;
}
.mktoForm input[type=url],
.mktoForm input[type=text],
.mktoForm input[type=date],
.mktoForm input[type=tel],
.mktoForm input[type=email],
.mktoForm input[type=number],
.mktoForm textarea.mktoField,
.mktoForm select.mktoField {
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.mktoForm .mktoFormRow {
  clear: both !important;
}
.mktoForm .mktoFormCol {
  float: left !important;
  position: relative !important;
  min-height: 2em !important;
}
.mktoButtonRow {
  display: inline-block !important;
  position: relative !important;
}
.mktoForm textarea.mktoField {
  display: inline-block !important;
  padding: 0.2em !important;
  margin: 0 !important;
  line-height: 1.2em !important;
  overflow: auto !important;
  resize: none !important;
  float: none !important;
}
/* Firefox computes row height wrong for the last 13 years... https://bugzilla.mozilla.org/show_bug.cgi?id=33654 */
.mktoForm textarea[rows="1"] {
  height: 2em !important;
}
.mktoForm textarea[rows="2"] {
  height: 3.4em !important;
}
.mktoForm textarea[rows="3"] {
  height: 4.6em !important;
}
.mktoForm textarea[rows="4"] {
  height: 5.8em !important;
}
.mktoForm textarea[rows="5"] {
  height: 7em !important;
}
.mktoForm textarea[rows="6"] {
  height: 8.2em !important;
}
.mktoForm textarea[rows="7"] {
  height: 9.4em !important;
}
.mktoForm textarea[rows="8"] {
  height: 10.6em !important;
}
.mktoForm.mktoLayoutCenter .mktoLabel {
  text-align: right !important;
}
.mktoForm.mktoLayoutAbove .mktoGutter {
  display: none !important;
}
.mktoForm.mktoLayoutAbove .mktoLabel {
  text-align: left !important;
}
.mktoForm.mktoLayoutAbove .mktoRadioList,
.mktoForm.mktoLayoutAbove .mktoCheckboxList {
  float: none !important;
  clear: left !important;
}
.mktoForm.mktoLayoutAbove .mktoField,
.mktoForm.mktoLayoutAbove .mktoLogicalField {
  clear: left !important;
}
.mktoForm.mktoLayoutAbove textarea.mktoField {
  float: left !important;
}
.mktoForm .mktoError {
  position: absolute !important;
  z-index: 99 !important;
  color: #bf0000 !important;
}
.mktoForm .mktoError .mktoErrorArrowWrap {
  width: 16px !important;
  height: 8px !important;
  overflow: hidden !important;
  position: absolute !important;
  top: 0 !important;
  left: 5px !important;
  z-index: 100 !important;
}
.mktoForm.ie7 .mktoError .mktoErrorArrowWrap {
  top: -8px !important;
}
.mktoForm .mktoError .mktoErrorArrow {
  background-color: #e51b00 !important;
  border: 1px solid #9f1300 !important;
  border-right: none !important;
  border-bottom: none !important;
  display: inline-block !important;
  height: 16px !important;
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
  -ms-transform: rotate(45deg) !important;
  width: 16px !important;
  margin-top: 5px !important;
}
/** These two styles are for browsers that don't support css transforms */
.mktoForm .mktoError .mktoErrorArrowWrap.mktoArrowImage {
  background: transparent url("../images/callout-arrow-up-red.png") top center no-repeat !important;
  bottom: -7px !important;
}
.mktoForm .mktoError .mktoErrorArrowWrap.mktoArrowImage .mktoErrorArrow {
  display: none !important;
}
.mktoForm .mktoError .mktoErrorMsg {
  display: block !important;
  margin-top: 7px !important;
  background-color: #e51b00 !important;
  background-image: -webkit-linear-gradient(#e51b00 43%, #ba1600 100%) !important;
  background-image: -moz-linear-gradient(#e51b00 43%, #ba1600 100%) !important;
  background-image: linear-gradient(#e51b00 43%, #ba1600 100%) !important;
  background-image: -ms-linear-gradient(#e51b00 43%, #ba1600 100%) !important;
  border: 1px solid #9f1300 !important;
  -webkit-border-radius: 6px !important;
  border-radius: 6px !important;
  -webkit-box-shadow: rgba(0,0,0,0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px !important;
  box-shadow: rgba(0,0,0,0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px !important;
  color: #f3f3f3 !important;
  font-size: 1em !important;
  line-height: 1.2em !important;
  max-width: 16em !important;
  padding: 0.4em 0.6em !important;
  text-shadow: #901100 0 -1px 0 !important;
}
.mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail {
  display: block !important;
}
.mktoForm button.mktoButton {
  cursor: pointer !important;
  margin: 0 !important;
}
.mktoForm button.mktoButton:disabled {
  opacity: 0.5 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
  filter: alpha(opacity=50) !important;
  cursor: default !important;
}
.mktoNoJS .mktoLabel {
  display: block !important;
  padding-right: 10px !important;
  width: 110px !important;
  text-align: right !important;
}
.mktoNoJS input[type=text] {
  width: 150px !important;
}
.mktoForm .cf_widget_socialsignon .cf_sign_on {
  margin-bottom: 1.5em !important;
}
.mktoForm .mktoRangeField .mktoRangeValue {
  zoom: 1 !important;
  float: left !important;
  display: none !important;
  text-align: center !important;
  position: absolute !important;
  z-index: 99 !important;
  color: #000 !important;
}
.mktoForm.ie7 .mktoRangeField .mktoRangeValue,
.mktoForm.ie6 .mktoRangeField .mktoRangeValue {
  position: relative !important;
}
.mktoForm .mktoRangeField.mktoHover .mktoRangeValue {
  display: block !important;
}
.mktoForm .mktoRangeField .mktoRangeValueArrowWrap {
  width: 16px !important;
  height: 8px !important;
  overflow: hidden !important;
  position: absolute !important;
  bottom: -7px !important;
  z-index: 100 !important;
}
.mktoForm .mktoRangeField .mktoRangeValueArrow {
  background-color: #028d05 !important;
  border: 1px solid #005602 !important;
  height: 16px !important;
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
  -ms-transform: rotate(45deg) !important;
  width: 16px !important;
  background-color: #007d04 !important;
  border-left: none !important;
  border-top: none !important;
  margin-top: 5px !important;
  position: absolute !important;
  bottom: 5px !important;
}
/** These two styles are for browsers that don't support css transforms */
.mktoForm .mktoRangeField .mktoRangeValueArrowWrap.mktoArrowImage {
  background: transparent url("../images/callout-arrow-down-green.png") top center no-repeat !important;
  bottom: -7px !important;
}
.mktoForm .mktoRangeField .mktoRangeValueArrowWrap.mktoArrowImage .mktoRangeValueArrow {
  display: none !important;
}
.mktoForm .mktoRangeField .mktoRangeValueText {
  display: block !important;
  background-color: #028d05 !important;
  background-image: -webkit-linear-gradient(#028d05 43%, #007d04 100%) !important;
  background-image: -moz-linear-gradient(#028d05 43%, #007d04 100%) !important;
  background-image: linear-gradient(#028d05 43%, #007d04 100%) !important;
  background-image: -ms-linear-gradient(#028d05 43%, #007d04 100%) !important;
  border: 1px solid #005602 !important;
  -webkit-border-radius: 6px !important;
  border-radius: 6px !important;
  -webkit-box-shadow: rgba(0,0,0,0.65) 0 2px 7px, inset #00a500 0 1px 0px !important;
  box-shadow: rgba(0,0,0,0.65) 0 2px 7px, inset #00a500 0 1px 0px !important;
  color: #f3f3f3 !important;
  font-size: 1em !important;
  line-height: 1.2em !important;
  padding: 0.4em 0.6em !important;
  text-shadow: #005602 0 -1px 0 !important;
  text-align: center !important;
}
.mktoModal {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.mktoModal .mktoModalMask {
  position: absolute !important;
  z-index: 10000 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  zoom: 1 !important;
  background: rgba(0,0,0,0.5) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000) !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)" !important;
}
.mktoModal .mktoModalContent {
  position: absolute !important;
  z-index: 10001 !important;
  background: #fff !important;
  padding: 10px !important;
}
.mktoModal .mktoModalClose {
  position: absolute !important;
  cursor: pointer !important;
  top: -10px !important;
  right: -10px !important;
  background: #000 !important;
  color: #fff !important;
  width: 19px !important;
  height: 19px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  line-height: 19px !important;
  -webkit-border-radius: 19px !important;
  border-radius: 19px !important;
  text-align: center !important;
  border: 2px solid #ccc !important;
}
/* This part of the stylesheet is overrides for mobile browsers with screen width restrictions.
   It should always be at the end of the document. */
@media only screen and (max-width: 480px) {
  .mktoForm,
  .mktoForm * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    padding: 10px !important;
  }
  .mktoForm .mktoGutter,
  .mktoForm .mktoOffset {
    display: none !important;
  }
  .mktoForm .mktoFormCol .mktoLabel {
    text-align: left !important;
    width: 100% !important;
  }
  .mktoForm .mktoFormCol {
    float: none !important;
  }
  .mktoForm .mktoFieldWrap {
    float: none !important;
  }
  .mktoForm fieldset {
    padding: 0 10px !important;
  }
  .mktoForm input[type=url],
  .mktoForm input[type=text],
  .mktoForm input[type=date],
  .mktoForm input[type=tel],
  .mktoForm input[type=email],
  .mktoForm input[type=number],
  .mktoForm textarea.mktoField,
  .mktoForm select.mktoField {
    width: 100% !important;
    height: 1.5em !important;
    line-height: 1.5em !important;
    font-size: 18px !important;
  }
  .mktoForm select.mktoField {
    height: auto !important;
  }
  .mktoForm .mktoFormRow .mktoField {
    clear: left !important;
  }
  .mktoForm .mktoFormRow .mktoFormCol {
    clear: both !important;
  }
  .mktoForm .mktoRadioList,
  .mktoForm .mktoCheckboxList {
    width: 100% !important;
  }
  .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix {
    float: left !important;
    padding-left: 0 !important;
    padding-right: 5px !important;
  }
  .mktoModal .mktoModalContent {
    padding: 10px 0 !important;
  }
  .mktoModal .mktoModalClose {
    right: 0 !important;
  }
  .mktoForm .cf_widget_socialsignon {
    display: block !important;
  }
  .mktoForm .cf_widget_socialsignon .cf_sign_on {
    width: 100% !important;
  }
  .mktoForm .cf_widget_socialsignon .cf_sign_on_button {
    width: auto !important;
  }
}
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px), only screen and (max-device-height: 480px) {
  .mktoMobileShow .mktoForm,
  .mktoForm * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    padding: 10px !important;
  }
  .mktoMobileShow .mktoForm .mktoGutter,
  .mktoMobileShow .mktoForm .mktoOffset {
    display: none !important;
  }
  .mktoMobileShow .mktoForm .mktoFormCol .mktoLabel {
    text-align: left !important;
    width: 100% !important;
  }
  .mktoMobileShow .mktoForm .mktoFormCol {
    float: none !important;
  }
  .mktoMobileShow .mktoForm .mktoFieldWrap {
    float: none !important;
  }
  .mktoMobileShow .mktoForm fieldset {
    padding: 0 10px !important;
  }
  .mktoMobileShow .mktoForm input[type=url],
  .mktoMobileShow .mktoForm input[type=text],
  .mktoMobileShow .mktoForm input[type=date],
  .mktoMobileShow .mktoForm input[type=tel],
  .mktoMobileShow .mktoForm input[type=email],
  .mktoMobileShow .mktoForm input[type=number],
  .mktoMobileShow .mktoForm textarea.mktoField,
  .mktoMobileShow .mktoForm select.mktoField {
    width: 100% !important;
    height: 1.5em !important;
    line-height: 1.5em !important;
    font-size: 18px !important;
  }
  .mktoMobileShow .mktoForm select.mktoField {
    height: auto !important;
  }
  .mktoMobileShow .mktoForm .mktoFormRow .mktoField {
    clear: left !important;
  }
  .mktoMobileShow .mktoForm .mktoFormRow .mktoFormCol {
    clear: both !important;
  }
  .mktoMobileShow .mktoForm .mktoRadioList,
  .mktoMobileShow .mktoForm .mktoCheckboxList {
    width: 100% !important;
  }
  .mktoMobileShow .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix {
    float: left !important;
    padding-left: 0 !important;
    padding-right: 5px !important;
  }
  .mktoMobileShow .mktoModal .mktoModalContent {
    padding: 10px 0 !important;
  }
  .mktoMobileShow .mktoModal .mktoModalClose {
    right: 0 !important;
  }
  .mktoMobileShow .mktoForm .cf_widget_socialsignon {
    display: block !important;
  }
  .mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on {
    width: 100% !important;
  }
  .mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on_button {
    width: auto !important;
  }
}

.mktoFormRow{
	margin-bottom: 20px !important;
}
.mktoForm span.mktoDownloadButton{
  margin-left:207px !important;
}
.classic_container:not(.boxed_ctn) .article_ctn > div:last-child, .classic_container .classic_container_boxed > div:last-child{
  border-bottom:1px solid #edf0f7 !important;
}
.sp_info_ctn{
  display: none !important;
}
body.archive .cesis_blog_m_comment{
  display: none !important;
}
.cesis_blog_m_tag:after{
  content: "" !important;
}

.author_bio_ctn{
  display: none;
}
.aps-each-icon a{
  z-index: 1 !important;
}
.blog #custom_html-5{
  display: none !important;
}
#home-testi .vc_general, #home-testi,  #home-testi .vc_tta-tabs, #home-testi .vc_tta-panels{
  background: none !important;
  color: #fff !important;
}
.vc_general.vc_btn3{
  background: #3d3c3e !important;
  border-radius: 0 !important;
  font: 300 18px/22px "Montserrat",sans-serif !important;
  padding: 11px 30px !important;
}
.vc_general.vc_btn3:hover{
  background: #ff2f4c !important;
}
.vc_general.vc_tta-tabs{
  background: none !important;
  border-radius: 0 !important;
  font: 300 18px/22px "Montserrat",sans-serif !important;
  padding: 11px 30px !important;
}
.breadcrumbs{
  padding: 20px 0 20px 0 !important;
}
p a{
  color: #ff2f4c;
}

/*
p{
  padding: 10px 0;
}
*/

::-moz-selection { /* Code for Firefox */
    color: white;
    background: #3297FD !important;
}

::selection {
    color: white; 
    background: #3297FD !important;
}
::-webkit-selection { background:#3297FD !important; }

/*
PINYU
*/
.default-resource.article_ctn h1 {
	font-size: 36px !important;
}

.post-template-default.single.single-post h1 {
	font-size: 36px !important;
}


.press_release-template-default.single.single-press_release h1 {
	font-size: 36px !important;
}

.cesis_lightbox_lg h1,
.cesis_lightbox_lg h2,
.cesis_lightbox_lg h3 {
	color: #525252;
}


.cesis_lightbox_lg h2 {
	margin-bottom: 30px;
}

.cesis_lightbox_lg h3 {
	margin-bottom: 23px;
}

ul.cesis_filter li:before {
	content: none !important;
	
}

ul.no-content-before li:before {
	content: none !important;
}

.fa-large i {
    font-size: 22px !important;
}

.fa-large span {
	font-size: 16px;
    font-family: 'Open Sans';
	font-weight: 700;
}

ul.no-content-before i {
	margin-right: 5px !important;
	font-size: 22px !important;
}

ul.no-content-before a {
	color: #FF2F4C;
}


ul.no-content-before a:hover {
	color: #FF2F4C;
}




.a-red-hover:hover {
	color: #ff5f75 !important;
}


/*
PROBLEMS
*/
.cesis_lightbox_lg p {
	margin-bottom: 20px;
}



.article_ctn ul ul, table ul ul, .post ul ul, .hentry ul ul, .wpb_text_column ul ul {
	margin: unset !important;
	margin-bottom: 0px !important;
	margin-top: 5px !important;
	padding-bottom: 3px 0 !important;
}


.article_ctn ol ul, table ol ul, .post ol ul, .hentry ol ul, .wpb_text_column ol ul {
	margin: unset !important;
	margin-bottom: 0px !important;
	margin-top: 5px !important;
	padding-bottom: 3px 0 !important;
}

.article_ctn ul ul li, table ul ul li, .post ul ul li, .hentry ul ul li, .wpb_text_column ul ul li {
	margin: unset !important;
	margin-bottom: 0px !important;
	padding-bottom: 3px 0 !important;
}


.article_ctn ol ul li, table ol ul li, .post ol ul li, .hentry ol ul li, .wpb_text_column ol ul li {
	margin: unset !important;
	margin-bottom: 0px !important;
	padding-bottom: 3px 0 !important;
}


.cesis_nav_active a {
	color:#fff !important;
}

.cesis_nav_number a {
	color: #ff2f4c;
}

.default-resource article {
	border-bottom-style: none !important;
}

.classic_container .entry-content {
	border-bottom-style: none !important;
	padding-bottom: 0px !important;
}

td.get_button {
	padding-top:8px;
	padding-bottom: 0px;
}


.cesis_button_ctn.download {
	display: inline;
	float:left;
	margin: 0px 10px !important;
}

.cesis_button_ctn.download-alt {
	display: inline;
	float:left;
	margin-top: 15px !important;
}


.cesis_button_ctn.download .cesis_button_text:before {
	font-family: "FontAwesome";
	content: "\f019";
	position: relative;
	left: -5px;
}


.cesis_button_ctn.download-alt .cesis_button_text:before {
	font-family: "FontAwesome";
	content: "\f019";
	position: relative;
	left: -5px;
}

.cesis_button_ctn.fork-alt {
	margin-top: 15px !important;
}


.cesis_button_ctn.fork .cesis_button_text:before {
	font-family: "FontAwesome";
	font-size: 20px;
	content: "\f126";
	position: relative;
	left: -5px;
}

.cesis_button_ctn.fork-alt .cesis_button_text:before {
	font-family: "FontAwesome";
	font-size: 20px;
	content: "\f126";
	position: relative;
	left: -5px;
}

.cesis_button_ctn.no-bottom-margin {
	margin-top: 0px !important;
	margin-bottom: 15px !important;
}

.cesis_button_ctn.no-link {
	cursor: default;
}

.cesis_button_ctn.no-bottom-margin .cesis_button_text:before {
	font-family: "FontAwesome";
	font-size: 20px;
	font-weight: normal;
	content: "\f019";
	position: relative;
	left: -5px;
}

.custom-build {
	border: 1px solid #3b86ea !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;	
}

.cesis_button_ctn.custom-build .cesis_button_text:before {
	font-family: "FontAwesome";
	font-size: 20px;
	font-weight: normal;
	content: "\f0ad";
	position: relative;
	left: -5px;
}


.cesis_button_ctn.rounded-button {
	border: 1px solid #3279d8 !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;	
	margin-top:-3px !important;
}



tr.no-border-np {
	border-style: none;
}


tr.no-border-np td {
	padding: 0px !important;
}
/*
<i class="fab fa-2x fa-windows"></i>
<i class="fab fa-2x fa-apple"></i>
<i class="fab fa-2x fa-linux"></i>
*/

.os-icons {
	float: none;
	clear: all;
	display: block;
	font-size: 24px	!important;
}

.os-icons .fa {
	margin: 0 5px;
}

.max-220 {
	max-width:260px !important;
}

/*
Blog main page
*/
.blog .wpb_content_element {
	margin-bottom: 35px
}

.single_layout .cesis_blog_m_top_info {
	margin-top: -10px;
	margin-bottom: 17px;	
}

.single_layout .cesis_blog_m_top_info > span {
	font-size: 15px !important;
}


/*
Tabs
*/

.tab-pane .vc_column-inner {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.left-border {
	border-left: 1px solid #ececec;
	padding-top: 0px !important;
}

.top-aligned .wpb_column {
	padding-top: 0px !important;
}


.top-aligned .wpb_column h3 {
	margin-top: 0px !important;
}



@media only screen and (max-width: 480px), only screen and (max-device-width: 480px), only screen and (max-device-height: 480px) {
	.cesis_button_ctn.rounded-button {
		max-width: 100% !important;
		width: 100% !important;
	}
	
	.top-aligned .wpb_column h3 {
		margin: 0px auto !important;
		text-align: center;
		padding-bottom: 20px;
	}
	
	.top-aligned .wpb_column h3.last {
		padding-top: 20px;
		border-top: 1px solid #6d7783;
	}
	
	
	
}