input:focus {
    outline:none !important;
     outline: 0 !important;
}
a {
   outline: 0 !important;
   outline:none !important;
}
input::-moz-focus-inner { 
   border: 0 !important; 
}

ul #carousel {border:2px solid red !important; height: 100% !important;}
#carousel {height: 100% !important; vertical-align: middle !important; text-align: center; white-space: nowrap;}
.elastislide-wrapper {width: 100% !important; height: 130px !important;}
.elastislide-carousel {width: 100% !important; height: 100px !important;}
.elastislide-prev {opacity: 1 !important; background-color:#ff8c00 !important;}
.elastislide-next {opacity: 1 !important; background-color:#ff8c00 !important;}
.elastislide-wrapper nav span {opacity: 1 !important;}
.firma-logo-li {
	position: relative;
	overflow: hidden;
	margin: 15px !important;
	width: 25% !important;
	max-height: 80px !important;
    vertical-align: middle !important;
    text-align: center;
}
.firma-logo-li a {margin:0 auto !important;}
.firma-logo-li a img {
	position: absolute;
	width: 230px;
    height: 100%;
    bottom:0;
    object-fit: contain;
    display: inline-block;
}

.featured:hover {border:1px solid #ff8c00 !important;}

.icerik-buyut {
  -webkit-transform: scale(1.4);
     -moz-transform: scale(1.4);
      -ms-transform: scale(1.4);
       -o-transform: scale(1.4);
          transform: scale(1.4);
   -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
       -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
           transform-origin: 0 0;
       }
.icerik-kucult {
  -webkit-transform: scale(0.6);
     -moz-transform: scale(0.6);
      -ms-transform: scale(0.6);
       -o-transform: scale(0.6);
          transform: scale(0.6);
   -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
       -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
           transform-origin: 0 0;
       }
       
/* Main section paragraphs */
.first-paragraph {margin-bottom: 33px; color: #000;}
.second-paragraph {font-size: 23px; color: #000;}
.buy-button {padding-right: 30px; padding-left: 30px; font-size: 16px;}      
.demo-button {font-size: 16px; padding: 15px 24px !important; color:#000 !important; background-color: rgba(255,255,255, 0.7) !important;}
.buy-button {padding-right: 30px; padding-left: 30px; font-size: 16px;}
.fs-17 {font-size: 17px !important;}

/* Disclaimer main div */
#disclaimerMain {display: none; position: fixed; width: 80%; z-index: 1000; top:0; bottom: 0; background-color: white; left: 50%; transform: translate(-50%, 0); overflow-y: scroll; overflow-x: hidden;}
#disclaimerMain p {padding: 30px;}

/* Popup Form Register */
#popupForm {
  display: none; position: fixed; width: 100%; min-height: 100%; z-index: 999; left: 50%; -webkit-transform: translate3d(0,0,0,0.7) !important; background-color: rgba(0,0,0,0.7) !important;
    transform: translate(-50%, 0); 
}

/* Close icon on Error Messages at Popup Form*/
.ui-icon-close:before {content: none !important; border:2px solid black;}
/*.ui-messages .ui-messages-close{background-color: black !important;}*/
#full_name-error{margin-left: 19% !important; color: #000 !important;}
#e_posta-error {margin-left: 40% !important; color: #000 !important;}

/* evrim.com hizmetler */
.btn-outline-color-bg:hover {border: 1px solid gray;}

/* Features */
.paragraph {font-size: 20px; color:#000;}

/* Hover tooltips */
.field-tip {
    position:relative;
    cursor: help;
}
    .field-tip .tip-content {
        position:absolute;
        top:50px; /* - top padding */
        right: 0;
        opacity: 0;
        width:250px;
        padding:10px;
        color:#fff;
        background:#333;
        border-radius: 10px;
        text-align: center;
        border: 1px solid #ff8c00;
        cursor: default !important;
    }
        /* <http://css-tricks.com/snippets/css/css-triangle/> */
        .field-tip .tip-content:before {
            content:' '; /* Must have content to display */
            position:absolute;
            top:-8px;
            opacity: 1;
            right: 50px;
            -ms-transform: rotate(90deg); /* IE 9 */
            -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
            transform: rotate(90deg);
            /* 2 x border width */
            width:0;
            height:0;
            margin-top:-8px; /* - border width */
            border:8px solid transparent;
            border-right-color: #ff8c00;
            cursor: default !important;
        }
        .field-tip:hover .tip-content {
            right:-20px;
            opacity:1;
            cursor: default !important;
        }
        .tip-content:hover {display: none; cursor: default !important;}


/* Registiration Form */
.g-recaptcha {margin: 0 auto; width: 310px;}


.close.thick::before, .close.thick::after {
    height: 4px;
    margin-top: -2px;
}
.close::before {
    transform: rotate(45deg);
}
.close::before, .close::after {
    background: #ff8c00 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 100%;
}
.close.thick::before, .close.thick::after {
    height: 4px;
    margin-top: -2px;
}
.close::after {
    transform: rotate(-45deg);
}
.close::before, .close::after {
    background: #ff8c00 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 100%;
}
.close {
    display: inline-block;
    height: 50px;
    overflow: hidden;
    position: relative;
    width: 50px;
}

/* Hizmetler heading */
.hiz-font {font-size: 20px; margin-top: 15px;}

.martop-50 {margin-top: 50px;}

/* Public page buttons */
.public-buttons {padding: 10px 18px !important; border:1px solid #000; color: #111 !important; background-color: rgba(255,140,0, 0.9) !important;}
.public-buttonsSpan {font-size:17px; color: #111 !important;}

.disp-inline    {display: inline-block !important;}
.slider-imgSize {max-width:100% !important; height:100% !important;}
.slider-arrowNav {position: absolute; margin-top:370px; left:-48px; width:40px; height:58px; z-index:99;}

/* Disclaimer */
.disclaimerDiv {width: 380px; margin: 0 auto; position: relative; text-align: center;}
.clickBox {float: left; height: 28px; margin-left: 13px;}
.disclaimer {float: left; margin-left: 10px; margin-top: 5px;}

/* Click box disclaimer */
/* SQUARED TWO */
.squaredTwo {
  width: 28px;
  height: 28px;
  background: #fcfff4;

  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );

  -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
  position: relative;
}

.squaredTwo label {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 4px;
  top: 4px;

  -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
  -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
  box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

  background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
  background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
  background: -o-linear-gradient(top, #222 0%, #45484d 100%);
  background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
  background: linear-gradient(top, #222 0%, #45484d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredTwo label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 17px;
  height: 10px;
  background: transparent;
  top: 3px;
  left: 2px;
  border: 3px solid #fcfff4;
  border-top: none;
  border-right: none;

  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.squaredTwo label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}

.squaredTwo input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
/* Click box disclaimer end*/

/* WG Partners container */
#wg-partners {margin-top: 3vh;}

/* Mobil logo */
#mobilLogo {display: none !important; position: absolute; display: block; width: 300px; height:70px; left:0; right:0; margin-left: auto; margin-right: auto;}
#mobilLogo img {width: 100%; height: auto;}

/*********** Responsive ***********/

@media only screen and (max-width: 1680px) {
  .resp-slider {width: 90% !important; }
  .container-navigation-responsive {width: 100% !important;}
}

@media only screen and (max-width: 1500px) {
  .resp-slider {width: 93% !important;}
  #hero {min-height: 1013px !important;}
  .slider-resp {height: 600px !important;}
}

@media only screen and (max-width: 1440px) {
  .container-navigation-responsive {width: 100% !important;}
  .navigation-header .navigation-bar.navigation-bar-left {margin-left: 2% !important;}
  .container-form-resp {margin-top:4vh !important;}
  .close-icon-pos {width: 34px !important; height: 34px !important;}
  .form-register  {padding: 3px !important;}
  .miniformKayit {margin-left: 3px !important;}
  .miniformEmail {width: 250px !important; margin-left: 3px !important;}
  .miniformAd {width: 150px !important;}
  .formResponse {margin-bottom: 10px !important;}
  .close  {width: 40px !important; height: 40px !important;}
}
@media only screen and (max-width: 1380px) {
  .formResponse {margin-bottom: 6px !important;}
  .close  {width: 35px !important; height: 35px !important;}
  .container-form-resp {margin-top:1vh !important;}
}

@media only screen and (max-width: 1282px) {
  .container-form-resp {margin-top:0 !important;}
  .footer-cont-resp {width: 93% !important;}
  #hero {min-height: 850px !important;}
  .resp-slider {width: 96% !important;}
  .slider-resp {height: 440px !important;}
  .jssora22l {margin-top:200px !important;}
  .jssora22r {margin-top:200px !important;}
}

@media only screen and (max-width: 1273px) {
  .brand-logo {display: none !important;}
  .navigation-header .navigation-bar.navigation-bar-left {margin-left: 20% !important;}
}

@media only screen and (max-width: 1200px) {
  .image-wrapper {display: none !important;}
  #hero {min-height: 50% !important;}
  .first-paragraph {margin-top: 30px;}
  #wg-partners {margin-top: 40px !important; height: 150px;}
  #main-actions {padding-top: 240px !important;}
  #public-pages {padding-top: 210px !important;}
}

@media only screen and (max-width: 1075px) {
   .navigation-header .navigation-brand .brand-logo {width: 180px !important;}
  .navigation-brand {margin-right: 10px !important;}
  #mobilLogo {display: block !important; margin-top: 65px;}
  .field-tip .tip-content {display: none !important;}
  .navigation-bar-right {margin-right: 0 !important;}
  .respReg {border: none !important;}
  .featured:hover {border: none !important;}
  .openPopupForm:hover {background-color: #272727 !important;}
  .static-header {background-position: center;}
}

@media only screen and (max-width: 850px) {
  .navigation-header .navigation-bar.navigation-bar-left {margin-left: 0 !important; margin-bottom: 0 !important;}
}

@media only screen and (max-width: 768px) {
  .logo-wrapper {text-align: center !important;}
  .logo-wrapper img {margin-left: 0 !important;}
  #wg-partners {margin-top: 3px !important;}
  #wg-partners-heading {padding-top: 5px !important;}
}

@media only screen and (max-width: 522px) {
	.btn-solid, .btn-outline {display: block;}
	#public-pages {padding-top: 280px !important;}
}

@media only screen and (max-width: 480px) {
	#public-pages {padding-top: 360px !important;}
}