/*
CompecTA CSS
Pars Tanıtım - 2015
bilgi@parstanitim.com
*/

.p5 {padding: 5px;}
.p10 {padding: 10px;}
.p15 {padding: 15px;}
.p20 {padding: 20px;}
.mv-10 {margin: 0 10px;}
.mv-20 {margin: 0 20px;}
.text-indent {text-indent: 20px;}
.site-slogan {padding: 0 10px 0;}
.navbar-default .navbar-nav > li > a {font-size: 14px;}
.social-links.hidden-lg .dropdown {margin-top: 10px;}
.social-links .dropdown > button {font-size: 12px; color: #aaa; padding: 3px;}
.social-links .dropdown > button i{font-size: 16px; margin-right: 6px; vertical-align: top;}
.social-links .dropdown-menu {width: 100%; min-width: 120%; padding: 5px 10px;}
.social-links li {display: block;}
.social-links a {border-radius: none; border: none; background: none;}
/*.social-links li:first a{border-bottom: 1px solid #ccc;}*/
.social-links li img{display: inline-block; margin-right: 3px;}
.social-links.small li a {font-size: 11px; border: none;border-bottom: 1px solid #ccc;}
.dark .social-links li a {background: none; border: none; border-radius: none;}

.bayrak {margin-top: -2px; width: 16px;}

.scrollToTop {
    right: 10px;
    bottom: 10px;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.scrollToTop:hover { background:  rgba(32,127,202,0.9);}
.scrollToTop i {line-height: 40px; font-size: 20px;}

.feature-box-2 a, .feature-box-2 a:visited, .feature-box-2 a:hover {color: #1b75bc;}
.feature-box-2 h4.title a {text-decoration: none; color: #333;}
.feature-box-2 h4.title a:hover {text-decoration: none; color: #1b75bc;}

.dark-translucent-bg::after {
    background: rgba(0, 0, 0, .5);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 35%, rgba(0, 0, 0, .4) 70%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, .4)), color-stop(70%, rgba(0, 0, 0, .4)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 35%, rgba(0, 0, 0, .4) 70%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 35%, rgba(0, 0, 0, .4) 70%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 35%, rgba(0, 0, 0, .4) 70%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 35%, rgba(0, 0, 0, .4) 70%, rgba(0, 0, 0, 0) 100%);	
}
.tparrows.preview2 .tp-arr-titleholder {
    font-family: 'Roboto', sans-serif;
}
.clients .partner-image {
    text-align: center;
    width: auto;
    height: 30px;
    margin: 5px;
    display: inline-block;
    opacity: 0.75;
}
.clients .beegfs-image {
    text-align: center;
    width: auto;
    height: 30px;
    margin: 10px 2px;
    display: inline-block;
}

.footer {padding: 40px 0 20px 0;}
#logo-footer {height: 52px; width: auto;}
#logo img {transition:none; padding: 5px;}

.header .logo img {max-height: 64px;}
.fixed-header-on .header .logo img {max-height: 54px;}
.header-left {padding:6px 0;}
.fixed-header-on .header-left {padding:6px 0;}

.feature-box-2.hpc .body {
    margin-left: 16px;
}
.feature-box-2.hpc.right .body {
    margin-right: 16px;
}

.anamenu .dropdown-menu small {
    margin-left: 2.7em;
    color: gray;
}
.performance {
    font-size: 12px; 
    min-height: 44px; 
}
.bestfor {
    font-size: 1em; 
    min-height: 80px; 
}
.bestfor small {
    text-decoration: underline;
}

.freebirdFormviewerViewFormBanner {
    background-color: white!important;
    display: none!important;
}

.image-box .body {
    min-height: 200px;
}

.nv-preferred {
    max-width: 230px !important;
    height: auto;
    margin-left: 0;
    margin-bottom: 20px;
}
.modal-header {
    padding: 10px 15px;
}
.modal-footer {
    padding: 5px 10px;
}
.modal-backdrop.in {
  filter: alpha(opacity=75);
  opacity: .75;
}
.modal-18mart {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
}
.modal-18mart .modal-header {
    background: none;
    border: none;
    padding: none !important;
}
.modal-18mart .modal-body {
  padding: 0 !important;
}
.modal-18mart .modal-footer {
  padding: 0 !important;
  border: none !important;
}
.beegfs-partner {
    position: absolute;
    right:0;
    top:4px;
    height: 120px;
    width: auto;
    border-radius: 8px;
    box-shadow:0px 0px 40px #da942a;
}
.nvidia-partner {
    position: absolute;
    right:0;
    top:25px;
    height: 80px;
    width: auto;
    border-radius: 4px;
    box-shadow:0px 0px 40px #76b900;
}

.slide-nvidia-partner {
    height: 50px !important;
    width: auto;
    border-radius: none;
}

.img-height-100 > img {
    position: relative;
    max-height: 100px;
}

.text-red {
  color: #ee3333;
}
.text-green {
  color: #3cb371;
}
.text-orange {
  color: #ffa500;
}
.text-white {
  color: #ffffff;
}
.text-grey {
  color: #999999;
}
.text-nvidia {
  color: #76b900 !important;
}
.text-small {
  font-size: 0.6em !important;
}
.nvidia-bg {
  background-color: #76b900 !important;
}
.darker-bg {
  background-color: #111111 !important;
  color: #ffffff;
}
.black-bg {
  background-color: #000000 !important;
  color: #ffffff;
}

/*Youtube Video*/
.youtube-video {
  position: relative;
  width: 100%;
  min-height: 450px;
  border: none;
}

/*Button Badges*/
.badge {
  font-size: 10px; 
}
.button-badge {
  position: absolute;
  top: -7px;
  right: 5px;
  line-height: 14px;
  width: 14px;
  height: 14px;
  border-radius: 20%;
  font-size: 10px;
  text-shadow: none;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.badge.badge-red {
  background-color: #ee3333;
}
.badge.badge-green {
  background-color: #3cb371;
}
.badge.badge-orange {
  background-color: #ffa500;
}
.badge.badge-default {
  background-color: #1b75bc;
}

/*Blink Effect*/
.blink {
    animation: blink 2s steps(5, start) infinite;
    -webkit-animation: blink 2s steps(5, start) infinite;
}
@keyframes blink {
    to {visibility: hidden;}
}
@-webkit-keyframes blink {
  to {visibility: hidden;}
}

iframe {
    background: white!important;
}

@media(min-width:991px){
    .anamenu {float:right;}
}
@media(max-width:991px){
	.fixed-header-on .header-left {padding:0;}
	.main-container {padding: 10px 0;}
}
@media(max-width:767px){
	header:not(.full-width) .logo img {margin: 8px 4px;}
	header:not(.full-width) #logo_img {z-index: 102; position: absolute; max-height: 44px;}
	.banner.dark-translucent-bg, .banner.default-translucent-bg, .banner.light-translucent-bg, .banner.parallax {padding-top: 40px;}
	.main-container {padding: 0;}
    .clients .partner-image {height: 22px;}
    .nv-preferred {max-width: 100%;}
}