@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

body{
    margin:0px;
    padding:0px;
    font-family: 'Open Sans', sans-serif !important;
    font-size:13px;
    padding-top:59px !important;
}

*{
    border-radius:0px !important;
    font-size:13px;
}

a{
    color:#000;
}

p{
    line-height:15px;
}

.blackOps{
    font-family: 'Black Ops One', cursive;
}

.ayrac{
    text-align:center;
}

.ayrac h3{
    color:#0c5d24;
    font-size:65px;
    font-weight:300;
}

.serit1{
    background:transparent url(../../images/banner6.jpg) no-repeat center bottom;
}

.footer{
    padding-top:30px;
    background:#343434;
    color:#fff;
    padding-bottom:20px;
}

.mainContent{
    text-align:center;
    padding-bottom:60px;
}

.mainContent p{
    font-size:18px;
    line-height:22px;
}

.cozumler-slider{
    padding-top:35px;
}


.cozumler{display:none;
          background:#5A5A5A;
          position:absolute;
          height:auto !important;
          padding-top:30px;
          padding-bottom:10px;
          width:100%;
          z-index:98;
          text-align:center !important;
}

.cozumler-slider .slide .carousel-control{
    top:0% !important;
}

.cozumlerimiz .container{
    /*background-color:rgba(255, 255, 255, 0.8);
    border-radius:10px !important;*/
    margin-top:35px;
    padding-bottom:20px;
}

.cozumlerimiz .container:hover .carousel-control{
    display:block !important;
}

.musterideneyim{
    text-align:left;
}

.main-nav{
    /*transition-duration:0.5s;*/
    margin-bottom:0px;
    box-shadow: 0px 2px 5px 0px #bdbcbc;
    background:#fff !important;
}

.materialdesign {
    transition-duration:0.1s;
    background:white;
}
.mz-box {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.mz-shadow {
    -moz-box-shadow: 0px 2px 5px #999;
    -webkit-box-shadow: 0px 2px 5px #999;
    box-shadow: 0px 2px 5px #999;
}
.mz-shadow-up {
    -moz-box-shadow: 0px 4px 10px #999; 0px 4px 1px #999; 0px 4px px #999;
    -webkit-box-shadow: 0px 4px 10px #999;
    box-shadow: 0px 4px 10px #999;
}
.materialdesign:hover {
    transition-duration:0.1s;
    -moz-box-shadow: 0px 4px 10px #999;
    -webkit-box-shadow: 0px 4px 10px #999;
    box-shadow: 0px 4px 10px #999;
}


.bgy{background-color:#0c5d24;}

.slogan{
    position:absolute;
    color:#c0c0c0;
    z-index:9999 !important;
    margin-left:96px;
    display:none;
    font-weight:bold;
    font-size:14px;
    margin-top:51px;
    min-width:152px;
}

.start{
    width:100%;
    height:100%;
}

.start .hexagon{
    width:218px;
    height:252px;
    margin:0px auto;
    background:transparent url(../../images/hexagon.png) no-repeat center center;
    display:none;
}

.start .hexagon #fun-level{
    position:relative;
    display:inline-block;
    width:100%;
    text-align:center;
    color:#fff;
    font-weight:bold;
    margin-top:97px;
    font-size:56px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight:300;
}

.start .hexagon .mlg{
    position: relative;
    display: inline-block;
    margin-left: 25px;
    margin-top: 77px;
    display:none;
}

.img-zoom {
    width: 78px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    position:absolute;
    z-index:99999 !important;
}
 
.transition {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.masterNav{
    margin-left:65px;
}

.img-circle{border-radius:50% !important;}


/*Arak Mega Menu*/

.nav-tabs {
  display: inline-block;
  border-bottom: none;
  padding-top: 15px;
  font-weight: bold;
}
.nav-tabs > li > a, 
.nav-tabs > li > a:hover, 
.nav-tabs > li > a:focus, 
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: none;
  border-radius: 0;
}

.nav-list { border-bottom: 1px solid #eee; }
.nav-list > li { 
  padding: 20px 15px 15px;
  border-left: 1px solid #fff; 
}

.nav-list > li > a { padding-top:10px; }

.nav-list > li:last-child { border-right: 1px solid #eee; }
.nav-list > li > a:hover { text-decoration: none; }
.nav-list > li > a > span {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  padding-top:10px;
}

.mega-dropdown { position: static !important; }
.mega-dropdown-menu {
  padding: 20px 15px 15px;
  text-align: center;
  width: 100%;
  margin-top:0px !important;
}

.mega-dropdown-menu ul li > a {
    padding-right:15px;
    color:#000 !important;
}

.mega-dropdown-menu ul li > a i{
    font-size:96px;
}

.mega-dropdown-menu ul li > a:hover {
    color:rgb(12,93,36);
}

.vnm span, .vnm i{ color:#179ac5 !important;}
.asm span, .asm i{ color:#ef961a !important;}
.csm span, .csm i{ color:#e51a4b !important;}
.vep span, .vep i{ color:#7c3ea8 !important;}

.vnm { color:#179ac5 !important; font-weight:400 !important;}
.asm { color:#ef961a !important; font-weight:400 !important;}
.csm { color:#e51a4b !important; font-weight:400 !important;}
.vep { color:#7c3ea8 !important; font-weight:400 !important;}

.mzk{
    color:rgb(12,93,36) !important;
    font-weight:400 !important;
}

.modal-header h6 span{
    font-size:20px !important;
}



.masterNav li.active a{
    color:rgb(12,93,36) !important;
}


.masterNav li:hover a{
    color:rgb(12,93,36) !important;
}

.megaMenuList{
    padding-top:15px !important;
}

.megaMenuList li{
    background-color:#efefef !important;
    box-shadow:0px 0px 8px 0px #c0c0c0 inset;
    
}




.megaMenuList li:first-child{
    border-bottom-left-radius:15px !important;
    border-top-left-radius:15px !important;
    overflow:hidden !important;
}

.megaMenuList li:last-child{
    border-bottom-right-radius:15px !important;
    border-top-right-radius:15px !important;
    overflow:hidden !important;
}

.megaMenuList li a{
    font-weight:bold !important;
    color:#999 !important;
}

.megaMenuList li.active a, .megaMenuList li a:hover{
    background:#e2e2e2 !important;
    color:rgb(12,93,36) !important;
}

.nav-list

/* Mega Menu 
.mega-dropdown-menu {
    padding: 20px 0px;
    padding-top:30px;
    width: 100%;
    position:relative;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-bottom:2px solid #999;
    color:#fff;
}*/

.carousel-control.left,.carousel-control.right  {background:none;width:25px; top:45%;}
.carousel-control.left {left:-25px;}
.carousel-control.right {right:-25px;}

.sItem{
    text-align:center !important;
    color:#fff;
    cursor:pointer !important;
    padding:20px 30px;
    width:auto;
    height:auto;
    max-width:250px;
    position:relative;
    display:inline-block;
}

.sItem:hover{
    background-color:#555;
}

.sItem:hover .pImg{
    width:60px;
    height:60px;
    position:relative;
    float:left;
}

.sItem:hover .pp{
    display:none;
}

.sItem:hover .bilgi{
    display:block;
}

.sItem img{
    margin: 0px auto;
}

.bilgi{display:none;}

.bilgi a{
    color:#fff !important;
}

.bilgi:hover a{
    color:#888 !important;
}

/*#vnmThumb:hover {
    background-color:#9bc7e5 !important;
}*/



.carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
  width:auto !important;
}

.carousel-control:hover{
    color:#000;
}


/*Ne dediler*/

#quote-carousel 
{
  padding: 0px 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
  top:0%;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
  top:0%;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

/*.navbar-nav > li.active {
background-color:#fff;
}*/

/*.masterNav li.active{
    border-bottom:2px solid rgb(12,93,36) !important;
}*/



#logotype:hover{
    background:transparent !important;
}

.navbar-nav > li:hover {
background-color:#fff;
}



/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }

}

.carousel-control{background:none !important;}

.baslik{
    font-size:65px !important;
    font-weight:300 !important;
    color:rgb(12,93,36) !important;
}

.cozumyazi p{
    font-size: 18px; line-height: 22px;
}

.cozumyazi h4{
    margin-top:40px;
    font-size:20px;
    font-weight:300;
}

.listt li{
    font-size: 18px; line-height: 26px;
}

span[aria-hidden="true"]{
    font-size:25px !important;
    padding-right:4px;
}

#demoForm{
    padding:10px 20px;
}

.byk-p{
    font-size:18px !important;
    line-height:22px !important;
}

.czmNav{
    text-align:center !important;
}

.czmNav li:last-child{
    border-right:0px !important;
}

.czmNav li a{
    text-align:center;
}

.czmNav li a img{
    max-width:43px;
    margin-top:-16px;
}

.czmNav li a i {
    font-size:35px;
}