/*Make sure your selectors are very specific, you can accidentally overide builder css if you are not careful*/
/*Do not edit positioning, width, height in CSS, set that in the markup*/
/*CSS Changes, are somewhat permanent, user cannot change these, they can overide them via element inline style, but thats about it*/
/* site */
.yaratici.default .text-plugin {
	font-family: 'Dosis', sans-serif;
	font-size:20px;
	line-height:30px;
	letter-spacing:1.2px;
	color:#000;
}
.yaratici.default .text-plugin p{
	font-family: 'Dosis', sans-serif;
	margin-top:0px;
}
.yaratici.default .center-align {
	text-align: center;
}
.yaratici.default .right-align {
	text-align: right;
}
/***** BACKGROUNDS *****/
.yaratici.default.pagebg {
	background-image: url('assets/yaratici-pagebg.jpg');
	background-position:center top;
	background-repeat:repeat;
}
.yaratici.default .footer-bg {
	background-color: #54B4FD;
}
/***** HEADINGS *****/
.yaratici.default h1, .yaratici.default h2, .yaratici.default h3, .yaratici.default h4, .yaratici.default h5, .yaratici.default h6 {
	margin: 0px;
	font-family: 'Dosis', sans-serif;
	color:#54B4FD;
}
.yaratici.default h1 {
	font-size:56px;
	line-height:73px;
}
.yaratici.default h1.company-name {
	font-family: 'Stoke', serif;
	color:#666666;
}
.yaratici.default h2 {
	font-size:52px;
	line-height:52px;
}
.yaratici.default h3 {
	font-size:48px;
	line-height:48px;
	letter-spacing:0px;
}
.yaratici.default h4 {
	font-size:36px;
	line-height:42px;
}
.yaratici.default h5 {
	font-size:30px;
	line-height:36px;
}
.yaratici.default h6 {
	font-size:28px;
	line-height:28px;
}
.yaratici.default h6.resume-sm-heading {
	font-size:18px;
	line-height:20px;
	letter-spacing:0px;
}
/***** TEXT STYLES *****/
.yaratici.default p.footer-txt {
	font-family: 'Dosis', sans-serif;
	font-size:16px;
	line-height:22px;
	letter-spacing:1.5px;
}
.yaratici.default .resume-sm-txt {
	font-family: 'Dosis', sans-serif;
	font-size:18px;
	line-height:27px;
	letter-spacing:0px;
	color:#000;
}
.yaratici.default .resume-sm-color3-txt {
	font-family: 'Dosis', sans-serif;
	font-size:18px;
	line-height:17px;
	letter-spacing:0px;
}
.yaratici.default .resume-mini-color3-txt {
	font-family: 'Dosis', sans-serif;
	font-size:12px;
	line-height:16px;
	letter-spacing:0px;
}
/***** LISTS *****/

.yaratici.default .text-plugin ul,
.yaratici.default .text-plugin ol   {
	font-weight: bold;
}

.yaratici.default .text-plugin ul li,
.yaratici.default .text-plugin ol li  {
	font-size:18px;
	line-height:30px;
	font-weight: normal;
}
/***** COLORS & BG-COLORS *****/
.yaratici.default .color-1 {
	color: #FFFFFF;
}
.yaratici.default .color1-bg {
	background-color: #FFFFFF;
}
.yaratici.default .color2 {
	color: #000;
}
.yaratici.default .color2-bg {
	background-color: #000;
}
.yaratici.default .color3 {
	color: #54B4FD;
}
.yaratici.default .color3-bg {
	background-color: #54B4FD;
}
.yaratici.default .color4 {
	color: #aaaaaa;
}
.yaratici.default .color4-bg {
	background-color: #aaaaaa;
}
.yaratici.default .color5 {
	color: #fff;
}
/***** BORDERS *****/
.yaratici.default .color1-border1 {
	border: 1px solid #FFF;
}
.yaratici.default .circle-border {
	border-radius: 250px;
}
.yaratici.default .triangle-facing-down {
    display: inline-block;
    margin: 6px;
    border-right: 9px solid #FFF; border-bottom: 9px solid #FFF;
    width: 32px; height: 32px;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.yaratici.default .triangle-facing-up {
    display: inline-block;
    margin: 6px;
    border-left: 9px solid #FFF; border-top: 9px solid #FFF;
    width: 32px; height: 32px;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.yaratici.default .triangle-facing-down-color3 {
    display: inline-block;
    margin: 6px;
    border-right: 9px solid #54B4FD; border-bottom: 9px solid #54B4FD;
    width: 32px; height: 32px;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.yaratici.default .triangle-facing-up-color3 {
    display: inline-block;
    margin: 6px;
    border-left: 9px solid #54B4FD; border-top: 9px solid #54B4FD;
    width: 32px; height: 32px;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.yaratici.default .triangle-facing-right-color3 {
    display: inline-block;
    margin: 6px;
    border-right: 9px solid #54B4FD; border-bottom: 9px solid #54B4FD;
    width: 32px; height: 32px;
    transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.yaratici.default .triangle-facing-up-sm {
    display: inline-block;
    margin: 6px;
    border-left: 6px solid #FFF; border-top: 6px solid #FFF;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
/****************/
/* neo main nav */
/****************/


.yaratici.default .navigation-2-plugin .neo-asset-inner ul {
	font-family: 'Dosis', sans-serif;
}

.yaratici.default .navigation-2-plugin .neo-asset-inner > ul > li {
	background-color: transparent;
	font-size: 13px;
	font-family: 'Dosis', sans-serif;
	text-align: left;
	padding-left:15px;
	padding-right:15px;
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-left-width: 0px;	
	border-left-right: 0px;	
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
.yaratici.default .navigation-2-plugin .neo-asset-inner > ul > li > a {
	color: #000;
	font-weight: bold;
	letter-spacing: 2px;
}
.yaratici.default .navigation-2-plugin .neo-asset-inner > ul > li.k-state-hover {
	padding-left:15px;
	padding-right:15px;
	border-bottom-color: #ffdb6c;
	border-bottom-style: transparent;
	border-bottom-width: 0px;
	border-top-color: #ffdb6c;
	border-top-style: transparent;
	border-top-width: 0px;
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
.yaratici.default .navigation-2-plugin .neo-asset-inner > ul > li.k-state-hover > a {
	color:#54B4FD;
	font-weight: bold;
	letter-spacing: 2px;
}
.yaratici.default .navigation-2-plugin .neo-asset-inner > ul > li.k-state-active {
	padding-left:15px;
	padding-right:15px;
	background-color: transparent;
	font-family: 'Dosis', sans-serif;
	font-weight:lighter;
	text-align: left;
	border-bottom-color: #ffdb6c;
	border-bottom-style: transparent;
	border-bottom-width: 0px;
	border-top-color: #ffdb6c;
	border-top-style: transparent;
	border-top-width: 0px;
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
.yaratici.default .navigation-2-plugin .neo-asset-inner > ul > li.k-state-active > a {
	color:#54B4FD;
	font-weight: bold;
	letter-spacing: 2px;
}

/***************/
/* neo sub nav */
/***************/
.yaratici.default .navigation-2-plugin ul ul > li {
	border-radius:20px;
		padding-left:15px;
	padding-right:15px;

	font-family: 'Dosis', sans-serif;
	background-color: #54B4FD;
	font-size: 13px;
	font-weight:bold;
	margin-top:1px;
	letter-spacing:0px;
	text-align:left;
}
.yaratici.default .navigation-2-plugin ul ul > li > a {
	color: #FFF;
}
.yaratici.default .navigation-2-plugin ul ul > li.k-state-hover {
		padding-left:15px;
	padding-right:15px;

	border-radius:20px;
	font-family: 'Dosis', sans-serif;
	background-color: #4CA5E8;
	font-size: 13px;
	font-weight:bold;
	letter-spacing:0px;
	text-align:left;
}
.yaratici.default .navigation-2-plugin ul ul > li.k-state-hover > a {
	color: #fff;
}
.yaratici.default .navigation-2-plugin ul ul > li.k-state-active {
	padding-left:15px;
	padding-right:15px;

	border-radius:20px;
	font-family: 'Dosis', sans-serif;
	background-color: #4CA5E8;
	font-size: 13px;
	font-weight:bold;
	border-bottom:1px solid #000;
	letter-spacing:0px;
	text-align:left;
}
.yaratici.default .navigation-2-plugin ul ul > li.k-state-active > a {
	color: #FFF;
}
/*END NAV 2*/
/***********/
/* CONTACT */
/*header*/

/* labels style */
.yaratici.default .web_com_custom_form label{
	font-family: 'Dosis', sans-serif;
	font-size:15px;
	margin-bottom: 0;
	color: #000;
}

/* first & last name */
.yaratici.default .web_com_custom_form .FirstName label,
.yaratici.default .web_com_custom_form .LastName label{
	font-size: 12px !important;
	color: #000;
}
/* inputs */
.yaratici.default .web_com_custom_form input[type='text'],
.yaratici.default .web_com_custom_form textarea, .careday.default form select,
.yaratici.default .form-element.form-element-size-medium,
.yaratici.default .form-element.form-element-size-large,
.yaratici.default .form-element.form-element-size-small{
	border-radius: 4px !important;
	border: 1px solid #000;
	background:  #fff;
	color:#000000;
}
/* submit btn */
.yaratici.default .web_com_custom_form input[type='submit']{
	font-family: 'Dosis', sans-serif;
	color: #FFF;
	background: #000; 
	font-size: 18px;
	padding: 5px 25px;
	display: block;
	margin: 0px;
	border-radius: 4px;
}


.yaratici.default .k-menu-vertical li a{
	padding-left:12px !important;
	padding-right:12px !important;
}