div.pagination {margin: 25px 0px 25px 15px; height: 40px; text-align: center;}
div.pagination strong {margin: 3px; background-color: #4C4C4C; border: solid 1px #CCCCCC; padding: 5px 13px; color: #FFFFFF; font-weight: bold; border-radius: 4px;}
div.pagination a {margin: 3px; display: inline-block; background-color: #362279; border: solid 1px #CCCCCC; padding: 5px 13px; color: #FFFFFF; font-weight: bold; border-radius: 4px;}
div.pagination a:hover {background-color: #4C4C4C;}

 
body, html { width: 100%; height: 100%; }
body { font-family: 'Source Sans Pro'; overflow-x: hidden; }
nav.back { background-color: #362279; }
nav button.but { border-color: #fff; color: #fff; }
div li a { color: #fff; }
div li.cizgi { color: #fff; margin-top: 7px; }
div i.smi { margin-right: 25px; font-size: 22px; }
div hr { display: block; border-color:  #362279; background-color:   #362279; margin-before: 0.5em; margin-after: 0.5em; margin-start: auto; margin-end: auto; overflow: hidden; border-style: inset; border-width: 1px; }
div hr.abouthr {display: block; border-color:  #fff; background-color:   #fff; margin-before: 0.5em; margin-after: 0.5em; margin-start: auto; margin-end: auto; overflow: hidden; border-style: inset; border-width: 1px;}
div button { color: #fff; background-color: #362279; border-color:  #362279; border-radius: 5px; padding-left: 55px;padding-right: 55px;margin-right: 79px;font-size: 11px; }
div i { color: #362279; margin-right: 5px;  margin-top: 6px; }
div span.phone { color: #362279; margin-right: 15px; }
div span.mail {	color: #362279; margin-right: 45px; }
div button.order {margin-right: 45px; }
div img.infop { width: 250px; height: 250px;position: absolute; right: 5%; }
div p.infoic {position: relative; left: 3%;	top: 10%; color: #fff; text-align: justify; padding-right: 25px; padding-left: 25px; }
div button.infobtn { background-color: #fff; color: #000; position: relative; border-radius: 5px; border-color: #fff; left: 15%; margin-top: 10%; }
div h6.infoicbaslik { position: relative; left: 3%; top: 10%; color: #fff; text-align: justify; padding-right: 25px; padding-left: 25px; }
div.homeinfocon { position: relative; margin-top: 45%; }
div p.infoiccon { position: relative; left: 3%; top: 25%; color: #fff; text-align: justify; padding-right: 25px; padding-left: 25px; }
div i.infoicpho { position: relative; color: #fff; margin-top: 25%; }
div span.infoicphonu { position: relative; color: #fff; }
div i.infoicbaslik2 { color: #fff; position: relative; margin-top: 10%; margin-right: 10%; }
div span.infoicmail { color: #fff; position: relative; }
div button.whobut {	color: #fff; position: relative; background-color: #362279; border-color:  #362279; border-radius: 10px; padding-bottom: 10px; padding-top: 10px; margin-left: 35%;	margin-top: 55%;}
div p.saatler { position: relative; left: 3%; top: 10%; color: #fff; text-align: justify; padding-right: 25px; padding-left: 25px; }
div h1.whoare1 {color: #362279; font-size: 64px;}
div h4.whoare4 {color: #362279; margin-top: 2%;}
div h6.whoare6 { color:  #362279; }
div h1.pro1 { color: #362279; font-size: 64px; }
div h4.pro4 { color: #362279; margin-top: 3%; }
div.cardst { border-color:  #362279; border-radius: 10px; border-width: 3px; width: 100%; height: 100%;}
div img.cardimg { border-radius: 10px; }
div a.cardbtn {color: #fff; background-color: #362279;}
div p.cardp {margin-bottom: 0px; margin-top: 15px;}
header.masthead2 {
	background: -webkit-gradient(linear, left bottom, from(rgba(92, 77, 66, 0.0)), to(rgba(92, 77, 66, 0.0))), url("../images/aboutbanner.png");
	background: linear-gradient(to bottom, rgba(92, 77, 66, 0.0) 0%, rgba(92, 77, 66, 0.0) 50%), url("../images/aboutbanner.png");
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	width: 100%;
}
header.masthead2 div h1.masth1 {color: #fff; margin-top: 200px;}
header.masthead2 div ul.mastbre {background-color: transparent; margin-left: 40%;}
header.masthead2 div li.mastli {color: #fff;}
header.masthead2 div a.mastli {color: #fff;}
ul, ol { list-style: none }
.parent { margin: auto; overflow: hidden; color: #fff; position: absolute; width: 100%; height: 100%; }

/* Start Slider */
.slider {position: relative}
.slider .slider-ul {padding: 0;display: flex}
.slider .slider-ul .slider-ul-li {background-size: cover;}
 
.slider .slider-ol {position: absolute;transform: translate(-50%, -50%);left: 50%;bottom: 10px}
.slider .slider-ol .slider-ol-li {display: inline-block}
.slider .slider-ol .slider-ol-li:hover .fa:before, .slider .slider-ol .slider-ol-li.slider-active .fa:before {content: "\f111";}
.slider > .fa {position: absolute;top: 45%}
.slider > .fa:first-of-type { right: 5px}
.slider > .fa:last-of-type { left: 5px}
.slider .fa {text-shadow: 5px 5px 5px #555;cursor: pointer}
/* End Slider */

/* Start Media Query */
@media(min-width: 100px) and (max-width: 767px) { /* X Small Screen */
	.slider > .fa { font-size: 15px }
	.slider .slider-ol .slider-ol-li { visibility: hidden }
	div.newsrow {background-color: #362279; margin-bottom: 5%; width: 120%;}
	div.newsrow h6.news6 {color: #fff; margin-left: 15%; }
	div.newsrow img.newssmallimg { margin-left: 35%; margin-top: 5%;}
	div.newsdiv {  margin-top: 20%; margin-left: 3%; }
	div h6.newsh6 {margin-top: 55%; text-align: justify;}
	div img.newsimg {position: absolute; width: 90%; height: 35%;}
	div img.newsdate {position: relative;bottom: 70px;right: 25px;}
	div p.newsp{position: relative;bottom: 40px;right: 142px; color: #fff;}
	div button.newsbut {margin-left: 150px;}
	div p.newspcat {margin-left: 220px;}
	div h4.whoare4 {margin-top:8%;}
	div li.mastli {margin-left:7%;}
	div h4.pro4 {color: #362279; margin-top: 8%;}
	div h4.whoare4 {color: #362279; margin-top: 8%;}
	div h4.whoare5 {color: #362279; margin-top: 4%;}
	li.cizgi {display: none;}
	header.masthead2 div ul.mastbre { margin-left: 55px;}
	div img.whopic {width: 80%;height: 80%;margin-left: 5%;}
	div.contset {text-align: center;}
	div button.order {margin-top: 5%;margin-right: 85px;}
	div.smd {margin-right: 23%;}
	div.infocol {display: none;}
	div.mobileinfo{	margin-top: 55px;}
	div.colinfo {margin-bottom: 10px;border-radius: 15px 50px 30px;background-color: #362279;width: 330px;margin-left: 25px;margin-right: 25px;}
	div.mobileinfo p{color: #fff;margin-top: 5%;}
	div.mobileinfo h6{color: #fff;margin-top: 2px;}
	div.mobileinfo span{color: #fff;}
	div.mobileinfo button{margin-bottom: 5%;}
	div.btnsub {margin-right: 40%;}
	div.colinfo1 { margin-right: 30px;}
}
@media(min-width: 768px) and (max-width: 991px) { /* Small Screen */
	.slider > .fa { font-size: 30px }
	.slider .slider-ol .slider-ol-li { visibility: hidden }
	div.newsrow {background-color: #362279; margin-bottom: 5%; width: 140%;}
	div.newsrow h6.news6 {color: #fff; margin-top: 8%; margin-left: 15%;}
	div.newsdiv {  margin-top: 5%; left: 15%;}
	div h6.newsh6 {margin-top: 50%; text-align: justify;}
	div img.newsimg {position: absolute; width: 90%; height: 25%;}
	div img.newsdate {position: relative;bottom: 70px;right: 25px;}
	div p.newsp{position: relative;bottom: 120px;  left: 25px;color: #fff;}
	div button.newsbut {margin-left: 50px;}
	div p.newspcat {margin-left: 110px;}
	div.newsdeta {margin-left: 55px;}
	div.prodet {margin-left: 55px;}
	header.masthead2 div ul.mastbre { margin-left: 55px;}
	li.cizgi {display: none;}
	div.contset {text-align: center;}
	div i.smi {margin-right: 15px; margin-left:  10px;}
	div button.order {margin-top: 5%;margin-right: 85px;}
	div.smd{margin-right: 23%;}
	div img.whopic {width: 80%;height: 80%;margin-left: 5%;}
	div h4.whoare4 {color: #362279; margin-top: 8%;}
	div h4.whoare5 {color: #362279; margin-top: 4%;}
}
@media(min-width: 992px) and (max-width: 1199px) { /* Medium Screen */
	.slider > .fa { font-size: 55px }
	.slider .slider-ol .slider-ol-li { font-size: 17px }
	div.newsrow {background-color: #362279; margin-bottom: 5%;}
	div.newsrow h6.news6 {color: #fff; margin-top: 8%;}
	div.newsdiv {  margin-top: 5%;}
	div h6.newsh6 {margin-top: 75%; text-align: justify;}
	div img.newsimg {position: absolute; width: 90%; height: 40%;}
	div img.newsdate {position: relative;bottom: 70px;right: 25px;}
	div p.newsp{position: relative;bottom: 40px;right: 142px; color: #fff;}
	div button.newsbut {margin-left: 150px;}
	div p.newspcat {margin-left: 220px;}
	div.mobileinfo {display: none;}
	div h4.whoare4 {color: #362279; margin-top: 8%;}
	div h4.whoare5 {color: #362279; margin-top: 4%;}
}
@media(min-width: 1200px) { /* Larg Screen */
	.slider > .fa { font-size: 70px }
	.slider .slider-ol .slider-ol-li { font-size: 25px }
	div.newsrow {background-color: #362279; margin-bottom: 5%;}
	div.newsrow h6.news6 {color: #fff; margin-top: 8%;}
	div.newsdiv { margin-top: 5%;}
	div h6.newsh6 {margin-top: 50%; text-align: justify;}
	div img.newsimg {position: absolute; width: 90%; height: 40%;}
	div img.newsdate {position: relative;bottom: 70px;right: 25px;}
	div p.newsp{position: relative;bottom: 40px;right: 142px; color: #fff;}
	div button.newsbut {margin-left: 200px;}
	div.mobileinfo {display: none;}
	 
	div h4.whoare5 {color: #362279; margin-top: 2%;}
}
/* End Media Query */

/* CONTACT ICONS START*/
div.whatsapp{ width: 55px; height: 55px;background-color: #67c15e;	position: fixed; right: 10px;bottom: 50px;z-index: 9;background-position: center;background-image: url(../images/whatsapp1.png); 	background-size: 35px;	border-radius: 55px; 	background-repeat: no-repeat;}
div.whatsapp a { width: 50px; height: 50px; display: block;}
div.phone {	width: 55px; height: 55px; background-color: #F00000;position: fixed; right: 10px; bottom: 125px; z-index: 9;background-position: center; background-image: url(../images/phone.png);	background-size: 35px;	border-radius: 55px; 	background-repeat: no-repeat;}
div.phone a { width: 50px;height: 50px; display: block; }
/* CONTACT ICONS END */

.clear { clear: both; }
form { width: 300px; margin: 1px auto; padding-left: 12.5px;}
input:focus { outline: none; }
.field {display: block;box-sizing: border-box;width: 300px; height: 50px;margin-top: -1px;text-align: center;color: tomato;background-color: rgba(0,0,0,0.5);background-color: transparent;border: 1px solid  #fff;}
.field::-webkit-input-placeholder { color: #fff; opacity: 0.75; }
.field:-moz-placeholder { color: #fff; opacity: 0.75; }
.field::-moz-placeholder { color: #fff; opacity: 0.75; }
.field:-ms-input-placeholder { color: #fff; opacity: 0.75; }
#one, #three {border-top-right-radius: 25px;border-bottom-right-radius: 25px;}
#two, #four {border-top-left-radius: 25px;border-bottom-left-radius: 25px;}
#one, #three { border-width: 1px 1px 1px 0; }
#two, #four { border-width: 1px 0 1px 1px; }
#one, #three { padding-right: 25px; }
#two, #four { margin-left: -25px; padding-left: 25px; }
.above, .below {width: 150px; height: 50px;margin-top: -1px;border: 1px solid #fff;}
.above {margin-left: -25px;border-top-left-radius: 25px;border-bottom-left-radius: 25px;border-width: 0 0 1px 0;}

/* for input type number arrow display none  */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}

.below {position: relative;float: right;border-top-right-radius: 25px;border-bottom-right-radius: 25px;border-width: 1px 0 0 0;}
#go {height: 85px; width: 85px;position: absolute;top: 15px; right: -25px;color: #fff;background-color: #362279;border: 1px solid #362279;border-radius: 50%;cursor: pointer;transition: all 0.5s ease;}
#go:focus, #go:hover { color: #362279; background-color: #fff;  }
#your-words {width: 300px;margin: 100px auto 20px auto;clear: both;color: tomato;font-size: 18px;line-height: 26px;font-weight: 300;opacity: 0;transition: all 0.5s ease;}
a#reset { float: right; color: white;border: 1px solid white;padding: 5px;transition: all 0.5s ease;}
a#reset:hover { color: tomato; border-color: tomato;}
.footer-top { padding: 60px 0; background: #e9e9e9; text-align: left; color: #000; }
.footer-top h3 { padding-bottom: 10px; color: #000; }
.footer-about img.logo-footer { max-width: 200px; margin-top: 0; margin-bottom: 18px; }
.footer-about p a { border: 0; }
.footer-about p a:hover, .footer-about p a:focus { border: 0; }
.footer-contact p { word-wrap: break-word; }
.footer-contact i { padding-right: 10px; font-size: 18px; color: #666; }
.footer-contact p a { border: 0; }
.footer-contact p a:hover, .footer-contact p a:focus { border: 0; }
.footer-links a { color: #000; border: 0; }
.footer-links a:hover, .footer-links a:focus { color: #fff; }
.footer-bottom { padding: 15px 0 17px 0; background: #444; text-align: left; color: #aaa; }
.footer-social { padding-top: 3px; text-align: right; }
.footer-social a { margin-left: 20px; color: #777; border: 0; }
.footer-social a:hover, .footer-social a:focus { color: #79a05f; border: 0; }
.footer-social i { font-size: 24px; vertical-align: middle; }
.footer-copyright { padding-top: 5px; }
.footer-copyright a { color: #fff; border: 0; }
.footer-copyright a:hover, .footer-copyright a:focus { color: #aaa; border: 0; }
form.ik { width: 80%; margin: 40px auto;}
.form-input-error-msg {display: none;padding: 4px 0;margin-bottom: 5px;color: red;font-weight: bold;font-size: 0.8em;overflow: hidden;}
.form-input-error-msg.show-error {display: block;}
.alert.form-input-error-msg {padding: 4px;margin-bottom: 5px;color: #a94442;font-weight: bold;}
.form-input-error-msg span.error-empty, 
.form-input-error-msg span.error-wrong {display: none;}
.form-input-error-msg span.error-empty.show-error, 
.form-input-error-msg span.error-wrong.show-error {display: inline-block;}
.error {border-color: red;}

nav > .nav.nav-tabs{border: none;color:#fff;background:#272e38;border-radius:0;}
nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active{border: none;padding: 18px 25px;color:#fff;background:#272e38;border-radius:0;}
nav > div a.nav-item.nav-link.active:after{content: "";position: relative;bottom: -60px;left: -10%;border: 15px solid transparent;border-top-color: #362279 ;}
.tab-content{background: #fdfdfd;line-height: 25px;border: 1px solid #ddd;border-top:5px solid #362279;border-bottom:5px solid #362279;padding:30px 25px;}
nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus{border: none;background: #362279;color:#fff;border-radius:0;transition:background 0.20s linear;}

.tabs{ padding-top:30px; padding-bottom:30px; }
.tabs .tab-pane{ margin-left:20px; }
.tabs h3{font-size:20px; margin-top:10px;}
.tabs p{ font-size:14px; }
.tabs a{ font-size:15px; font-family:OpenSans,sans-serif; font-weight:700; color:#fff; padding:30px;}
.tabs li{margin-top:1px; text-align:center; height: auto; width: 300px; padding-top:45px; -webkit-border-radius:3px; border-radius:3px;}
.tabs li:hover{border: none; background: transparent;  color: #fff; border-radius:0; transition:background 0.20s linear;}
.tabs li.active{ background-color:#edea2a;}