/*
Theme Name:     TTEC
Template:       kallyas4.18
Version:        1.0
Tags: dark, light, left-sidebar, right-sidebar, fluid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, full-width-template, theme-options, translation-ready
Text Domain:  zn_framework
*/

/* --------------- Global ------------ */ 

.textJustify , p, .tbk__subtitle {
	text-align: justify; 
}

#menu-services-menu li::before {
	margin: 0px 20px 0px -38px;
}

/*--------------------------------------------------------------------------------------------- HEADER ----------------------*/

.site-header.style6.headerstyle--default {
    background: #fff !important;
}

.main-nav ul ul.sub-menu .menu-item a:hover, .main-nav .zn_mega_container .menu-item a:hover {
color: #fff;
background: #cd0001;
}

.zn-res-menuwrapper {
    position: fixed;
    top: 0;
    right: 0;
    background: #fff;
    padding: 5px 5px 0px 5px;
	z-index: 99;
		margin-top: 16px;
}

/* footer */

.site-footer {
    border-top: 0px !important;
	font-size: 14px !important;
 }


.site-footer .widgettitle {
    font-size: 16px;
    font-weight: 700;
}

.site-footer-bottom {
    font-size: 12px;
    padding-top: 20px;
	text-align: center;
}

.partners_carousel .partners_carousel-img {
    opacity: 1;
 }

.zn_sidebar .widgettitle {
    color: #013277;
    line-height: 1.4;
    margin: 10px 0 15px;
    padding: 13px 20px;
    position: relative;
    font-size: 15px;
    text-transform: uppercase;
    background: #eaeaea;
    font-weight: 700;
    border-radius: 3px;
    }

.zn_sidebar	.widgettitle::before, .zn_sidebar .widgettitle::after {
	border: 0;
	}

/* body --------------------------------------------------------------------------------------------*/

#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item {
       margin: 20px;
   }

.page-id-2801  {

background:#eaeaea;

}

.kl-skin--light .page-title {
    color: #013277;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
}

.portfolio-item-content  {
	font-size: 14px;
}

.portfolio-item-details-label {
       color: #013277;
	font-weight: 700;
  }
.portfolio-item-details-item {
      font-weight: 700;
}

.portfolio-item-details-item::before {
  content: ":  ";
	font-weight:300;
}

.portfolio-item-livelink {
  
    margin-right: 0;
    float: left;
    margin-top: -30px;
}

.zn_sidebar {
   
    border-radius: 0;
  
    border: 2px solid #ececec;
}

/* contact form */

.kl-fancy-form-label {
    color: #666;
	font-size: 12px;}

.btn.btn-fullcolor {
	letter-spacing: 1px;
	font-size: 16px;
}

.wpcf7-submit {
    background: #013277;
    color: #fff;
    text-transform: uppercase;
}

.wpcf7 p {
margin: 0;
font-size:14px;
}

.wpcf7 label {
margin-bottom: 0;
font-weight: normal;
}


.wpcf7-form-control:not(.wpcf7-checkbox):not(.wpcf7-radio) {
    font-size: 14px;
    padding: 11px;
    border-radius: 4px;
}


div.widget ul.menu li a::before {
content: "\00BB \0020";
width: 20px; 
height: auto; 
background: transparent; 
margin-left:6px; 
margin-right:0; 
}

.kl-ptfsortable-item-title {
   
    font-weight: 500;
}


/* Career form */

.careerForm {
	width: 80%;
	margin: auto;
}

.careerForm label {
	width:100%;
	font-weight:normal;
	font-size:12px;
	margin-bottom: 20px;
}

.careerForm .careerColLeft {
width: 50%;
float: left;
	padding-right: 10px;
}

.careerForm .careerColRight {
width: 50%;
float: right;
padding-left: 10px;
}

.careerForm.wpcf7-submit {
	padding: 20px;
font-size: 20px;
letter-spacing: 1px;
}

::-webkit-input-placeholder { /* WebKit browsers */
color: #777 !important;
font-family: "Montserrat", Helvetica, Arial, sans-serif;
opacity: 0.7;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #777 !important;
	font-family: "Montserrat", Helvetica, Arial, sans-serif;
	opacity: 0.7;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-family: "Montserrat", Helvetica, Arial, sans-serif;
	opacity: 0.7;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	font-family: "Montserrat", Helvetica, Arial, sans-serif;
	opacity: 0.7;
}

/*------------------------------------------------------------------------------------------- RESPONSIVE CSS --------------*/

@media only screen and (max-width: 768px) {
	
	.zn_sbs .menu > li {
     width: 100%;
}
	.zn-res-menu-nav li a {
    color: rgba(0,0,0,.80);
}

.znResMenu-dark.zn-res-menu-nav li a {
    color: hsl(0, 0%, 90%);
    text-transform: uppercase;
}

	.zn-res-menu-nav .zn_res_menu_go_back, .zn-res-menu-nav li {
    border-bottom: 1px solid rgba(0,0,0,.15);
    text-transform: uppercase;
    font-weight: 700;
}
	
.znResMenu-dark.zn-res-menu-nav li.active > a {
    background-color: hsla(0,0%,100%,0.1);
}

.iosSlider .kl-iosslide-caption .title_big {
   display: none;
}

.kl-ioscaption--style5 .main_title.has_titlebig, .kl-ioscaption--style5 .main_title.has_klios-line {
    margin-bottom: 100px;
}

.site-header .logo-container {
position: fixed;
background: #fff;
top: 0px;
z-index: 9;
-webkit-box-shadow: 0px 4px 8px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 4px 8px 1px rgba(0,0,0,0.2);
box-shadow: 0px 4px 8px 1px rgba(0,0,0,0.2);
}

.site-logo-img {
    width: 111px !important;
    height: auto !important;
	margin-left: 10px;
}


.kl-header-toptext {
     line-height: 18px;
    }

.site-header .site-logo {
    padding-top: 10px;
    padding-bottom: 10px;
}

.site-header-separator {
display: none !important;
}
	
.site-header.siteheader-classic, .site-header.siteheader-classic .logosize--contain .site-logo-anch {
    height: 60px !important;
	
}

	.site-logo-anch {
   
    text-align: left;
}
	

.tbk__title {
font-size: 24px !important;
line-height: 36px !important;
}

.tbk__subtitle {
      font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 400 !important;
   /* color: #333 !important; */
    font-style: normal;
    text-align: justify !important;
}

.action_box.style2 .action_box-button, .action_box.style2 .action_box-button:last-child {
    margin: 10px 5px;
}

	/* Career form */
	
	 .wpcf7 p {

font-size:12px;
}

.careerForm {
	width: 100%;
	margin: auto;
}

.careerForm label {
	width:100%;
	font-size:12px;
}
	
.careerForm .careerColLeft {
width: 100%;
float: none;
	padding-right: 0;
}

.careerForm .careerColRight {
width: 100%;
float: none;
padding-left: 0;
}
	

}