/*
Trekking
*/
/* 
    Created on : 01.Kas.2016, 11:08:01
    Author     : Selçuk SUNAR
*/

body {
  font-family: 'Open Sans', 'sans-serif';
  background:#f0f0f0;
  background:#fff;
}

.home-body {  
}


@media(min-width:768px){

    /*    Nav Bar Mega Menü   */


    .nav-list { border-bottom: 0px solid #eee; }
    .nav-list > li { 
      padding: 20px 15px 15px;
      border-left: 1px solid #eee; 
    }
    .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;
    }

    .mega-dropdown { position: static !important; }
    .mega-dropdown-menu {
      padding: 20px 15px 15px;
      text-align: center;
      width: 100%;
      background-color:rgba(255,255,255,.8);
    }
}

@media(max-width:1100px){
    .tp-caption1 {
        display: none;
    }
    .large_bold_white {
        font-size:84px !important;
        line-height:10px !important;
    }
    .large_thin_white {
        font-size:84px !important;
        line-height:80px !important;
    }
    
}
@media(max-width:500px){
    .tp-caption1 {
        display: none;
    }
    .large_bold_white {
        font-size:24px !important;
        line-height:10px !important;
    }
    .large_thin_white {
        font-size:24px !important;
        line-height:80px !important;
    }
    
}
.header-phone {
    margin-left: 15px;
    margin-top: 4px;
    color: #666;
}
@media(min-width:768px){
    .header-tel {
        display: none;
    }
}
.float_left {
    float: left;
}
.firma-logo {
    position: absolute;
    bottom: 60px;
    right: 0;
    display: none;
}

/*    Nav Bar Tema   */

.navbar-toggle{
    border: 0px;
    margin-top: 40px;
}
.navbar-toggle:hover,
.navbar-toggle:active {
    background: none !important;
}
.navbar-toggle .icon-bar{
    background: #000 !important;
}
   
.navbar-inverse {
  background:#f0f0f0;
  background:#fff;
  opacity: 0.9;
  border-radius: 0px;
  border: 0px;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .20);
          box-shadow: 0 2px 3px rgba(0, 0, 0, .20);
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > li > a {  
  background: none !important;
  color: #000 !important;
  text-shadow: 0.5px 0.5px 0px rgba(237, 237, 237, .9) !important;
  font-family: 'Roboto';
  font-size: 15px;
  font-weight: 400;
}
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > li > a:hover {  
  font-weight: 700;
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(255, 255, 255, .25);
}

.navbar-inverse .dropdown.open .dropdown-toggle {
    background: #fff !important;
    color: #000 !important;
    text-shadow: none;
    
    background-color:rgba(255,255,255,.8) !important;
}
.navbar-inverse .dropdown > .dropdown-menu {
    border: 0px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}





.navbar-nav > .open > a,
.navbar-nav > .active > a,
.navbar-nav > li > a {  
  font-family: 'Roboto';
  font-size: 14px;
  font-weight: 500;
      //text-transform: uppercase;
}







.navbar-change {
  border-radius: 0px;
  border: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
}
.navbar-change .navbar-nav > .open > a,
.navbar-change .navbar-nav > .active > a {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
}
.navbar-change .navbar-brand,
.navbar-change .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
  background: none;
}
 
.navbar-change .navbar-nav > .active > a,
.navbar-change .navbar-nav > .active > a:hover,
.navbar-change .navbar-nav > .active > a:focus {
    color: #fff;
    background: none;
}


.navbar-change .navbar-nav > li.dropdown > a, 
.navbar-change .navbar-nav > li.dropdown > a:hover,
.navbar-change .navbar-nav > li.dropdown > a:focus {
    background: none;
}


.navbar-collapse {
    margin-left: -15px !important;
}
.transparent {
    background: none;
    border: none;
}
.navbar-collapse1 {
    width: 600px;
    float: right;
}
.navbar-collapse1 ul.nav{
    width: 600px;
    float: right;
}
.navbar-collapse1 ul.nav li{
    float: right;
}

div.navbar-lang {
    //height: 35px !important;
}
ul.navbar-lang {
    margin-right: 0px;
    height: 40px !important;
}
ul.navbar-lang a {
    padding-top: 10px !important;
    padding-bottom: 0px !important;
    line-height: 20px;
    text-transform: lowercase;
}
.navbar.transparent a {
    color: #fff !important;
}
.navbar.transparent a:hover {
    color: #fff !important;
    font-weight: bold;
}


.navbar-default {
    height: 125px;
}

@media(max-width:900px){
    
    .navbar-collapse {
        background-color: rgba(0,0,0, 0.6); /* Black w/opacity */
        overflow-x: hidden;
        overflow-y: auto;
        max-height: none;
        height: 100vh;
        width: 100%;
        position: fixed; /* Stay in place */
        border-top: 0px;
        position: absolute;
        margin-top: -75px;
        text-align: center;
    }
    .navbar-collapse .navbar-menu {
        text-align: center;
        margin-top: 100px;
    }
    .navbar-collapse .navbar-menu li a {
        font-weight: 700;
        font-size: 24px !important;
    }
    .navbar-collapse .navbar-lang {
        text-align: center;
        position: absolute;
        bottom: 50px;
        width: 100%;
        list-style: none;
        display: inline;
        margin-left: -50px;
    }
    .navbar-collapse .navbar-lang li {
        //width: 20px;
        float: left;
    }
    .navbar-collapse .navbar-lang li:first-child {
        display: none !important;
    }
    .navbar-collapse .navbar-lang li a {
        //width: 20px;
        font-weight: 700;
        font-size: 18px !important;
    }
    
    .navbar-brand img {
        height: 75px;
        width: 75px;
    }
    .navbar-default {
        height: 100px;
    }
    .navbar-toggle {
        margin-top: 35px;
    }
}

.navbar-collapse.collapse.in {
    background-color: rgba(0,0,0, 0.7); /* Black w/opacity */
    overflow-x: hidden;
    overflow-y: auto;
    max-height: none;
    height: 100vh !important;
    width: 100%;
    position: fixed; /* Stay in place */
    border-top: 0px;
    position: absolute;
    margin-top: -75px;
    text-align: center;
}
.navbar-collapse {
    border-top: 0px;
}
.navbar-toggle {
    z-index: 200;
}

.navbar-collapse.collapse.in .navbar-menu {
    text-align: center;
    margin-top: 100px;
}
.navbar-collapse.collapse.in .navbar-menu li a {
    font-weight: 700;
    font-size: 24px !important;
}

.navbar-collapse.collapse.in .navbar-lang {
    text-align: center;
    position: absolute;
    bottom: 50px;
    width: 100%;
    list-style: none;
    display: inline;
    margin-left: -50px;
}
.navbar-collapse.collapse.in .navbar-lang li {
    //width: 20px;
    float: left;
}
.navbar-collapse.collapse.in .navbar-lang li:first-child {
    display: none !important;
}
.navbar-collapse.collapse.in .navbar-lang li a {
    //width: 20px;
    font-weight: 700;
    font-size: 18px !important;
}


    .transparent .button-home .icon-bar{
        background: #FFF !important;
    }

.navbar-toggle {
    
}
.navbar-toggle.collapsed .icon-bar {
    
}
    .navbar-toggle.collapsed .icon-bar.top {
      transform: none;
      background: #000 !important;
    }
    .navbar-toggle.collapsed .icon-bar.middle {
      opacity: 1;
    }    
    .navbar-toggle.collapsed .icon-bar.bottom {
      transform: none;
      background: #000 !important;
    }
    
    
    .transparent .button-home.collapsed .icon-bar.top {
      background: #FFF !important;
    }
    .transparent .button-home.collapsed .icon-bar.bottom {
      background: #FFF !important;
    }
    
    
    .navbar-toggle .icon-bar.top {
      transform: translateY(6px) translateX(0) rotate(45deg);
      background: #FFF !important;
    }
    .navbar-toggle .icon-bar.middle {
      opacity: 0;
    }
    
    .navbar-toggle .icon-bar.bottom {
      transform: translateY(-6px) translateX(0) rotate(-45deg);
      background: #FFF !important;
    }
    
    
    
    
    
.navbar-nav > li > a,
.navbar-brand {
    padding-top: 12px !important;
    padding-bottom: 20px !important;
    line-height: 20px;
}

.navbar-brand {
    margin-right: 0px;
}

@media(min-width:900px){
    .container-fluid {
        margin-left: 40px;
        margin-right: 40px;
    }
}



@media(max-width:768px){
    
    .navbar-brand1 {
        position: absolute;
        left: 50%;
        margin-left: -50px !important;
        width: 120px;
        height: 90px;
        padding: 5px !important;
        background-color:rgba(255,255,255,1) !important;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

}







footer {
}


.footer {
    border-top: 0px solid #CDB380;
    background: #2F2F37 none repeat scroll 0% 0%;
    padding-top: 30px;
    margin-top: 0px;
    padding-bottom: 0px;
    clear: both;
    color: #AAA;
    display: block;
}

.footer-bottom {
    color: #AAA;
    background: #2F2F37 none repeat scroll 0% 0%;
    padding: 10px 0px;
    border-top: #43434B solid 1px;
}
.attribution {
    text-align: right;
}
.footer ul {
	font-size: 14px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 15px;
}
.footer li a {
    color: #7F8C8D;
    text-decoration: none;
}
.footer li a:hover {
    color: #43B6B1;
}
.footer img {
    margin-top: 15px;
}
.footer-menu h3 {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    color: #fff;
}
.footer-menu .fa {    
    color: #c0c0c0;
    margin-right: 2px;
}
.footer-social h3 {
    font-size: 18px;
    font-weight: 700;
    text-align: right;
    color: #fff;
}


.copyright {
    font-size: 12px;
    line-height: 12px;
    
}

/* --- Turuncu Logo --- */
.tasarim {
	width: 180px;
	height: 18px;
	margin: 0px 0 0 0px;
	text-decoration: none;
	border: #ccc solid 0px;	
}
.tasarim a {
	text-decoration: none;
	font: bold 12px Trebuchet MS,Arial,san-serif;	
	color: #333;
	background: url(http://admin.turuncubilisim.net/images/yonetim/tb.png) no-repeat 0px 0;
	display: block;
	width: 138px;
	height: 18px;
	margin-left: 0px;
}
.tasarim a span {	
	display: none;
}








.socialdiv ul {
	font-size: 14px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 0px;
	margin-bottom: 0px;
    height: 30px;
}
.socialdiv li a {
    color: #7F8C8D;
    text-decoration: none;
}
.socialdiv li a:hover {
    color: #43B6B1;
}
.social1 {
    float: right;    
}  
.social1 li {
    background: none repeat scroll 0 0 #E0E0E0;
    border: 2px solid #E0E0E0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 0 0px 0 5px;
    padding: 0;
    text-align: center;
    width: 30px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.social1 li:hover {
    transform: scale(1.15) rotate(360deg);
    -webkit-transform: scale(1.1) rotate(360deg);
    -moz-transform: scale(1.1) rotate(360deg);
    -ms-transform: scale(1.1) rotate(360deg);
    -o-transform: scale(1.1) rotate(360deg);
}
.social li a {
    color: #2F2F37;
}
.social li:hover {
    border: 2px solid #2c3e50;
    background: #2c3e50;
    color: #EDEFF1;
}
.social li a i {
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 0px 0px;
    color: #2F2F37 !important;
}
.social li:hover > a i {
    color: #E0E0E0 !important;
}










.social li {
    background: none repeat scroll 0 0;
    border: 1px solid #909090;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    //float: left;
    display: inline;
    list-style:none;
    height: 30px;
    line-height: 30px;
    margin: 8px 20px 20px 0px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 30px;
}
.social li a {
    color: #2F2F37;
    margin-bottom: 20px;
}
.social li:hover {
    border: 1px solid #2c3e50;
    background: #2c3e50;
    color: #EDEFF1;
}
.social li a i {
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 0px 0px;
    color: #909090 !important;
}
.social li:hover > a i {
    color: #E0E0E0 !important;
}






















/*######################## LOGIN/SIGNUP PAGE START ##################################*/
.at-login-form .btn-fb
{
	display: inline-block;
	padding: 18px 20px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0px;
	background-color: #4568B2;
	width: 100%;
	margin-top: 10px;
	color:#fff;
}

.at-login-form .btn-gp
{
	display: inline-block;
	padding: 18px 20px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid #eee;
	border-radius: 0px;
	background-color: #FFFFFF;
	width: 100%;
	margin-top: 10px;
	color:#000;
}

.at-login-form .btn-lgin
{
	display: inline-block;
	padding: 18px 20px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid #eee;
	border-radius: 0px;
	background-color: #1DB9EC;
	width: 100%;
	margin-top: 10px;
	color:#fff;
}
.at-login-form .signup-or-separator {
	background: none;
	height: 34px;
	position: relative;
	text-align: center;
}
.at-login-form .signup-or-separator--text {
	background-color: #fff;
	display: inline-block;
	padding: 8px;
}

.at-login-form .h6 {
	font-size: 14px;
	font-weight: bold;
	color: #757575;
	line-height: 1.1;
	text-rendering: optimizelegibility;
}

.at-login-form .signup-or-separator hr {
    margin: -25px auto 10px;
    width: 100%;	
 }
 
 .at-login-form .form-control-form {
    display: block;
    width: 100%;
    height: 54px;
    padding: 15px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin-top: 3px;
}   
 .at-login-form .frgt-pswd
{
	margin: 5px 0 10px;
color: red;
}

 .at-login-form .btn-gst
{
	display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid #000;
border-radius: 0px;
background-color: transparent;
}

 .at-login-form .ta-l
{
	text-align:left;
	margin-top: 5px;
}

 .at-login-form .modal-dialog {
    width: 500px;
    margin: 30px auto;
}

.at-login-form .modal-content
{
	padding: 0px 10px;
}

.at-login-form  .modal-header {
    padding: 10px 10px;
    border-bottom: 0px solid #e5e5e5;
}
.blue-bg-nav
{
    background-color:#1DB9EC;
}
/*######################## LOGIN/SIGNUP PAGE  END ##################################*/


.search {
    
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: left;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
            touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    
    
	padding:15px 20px;
	font-size:18px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
    
        padding-left: 60px;
}
.search {
	background:#43B6B1;
	color:#fff;
	border:2px solid #fff;
}


.maskParent {
    position:absolute;
    top:0;
    left:0;
    z-index: 100; 
    width:100%;
    height:100%;
    text-align: center;
}    
    .maskChild {
        position:relative; 
        top:60%;
        width:80%;
        min-width: 320px;
        max-width: 1000px;
    }
    .homeSearch {
        position:relative; 
        background:rgba(255,255,255,0.20);
        top:0;
        width:100%;
        min-width: 320px;
        max-width: 1000px;
    }
    
    
    .homeSearchicon{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        display: block;
        width: 34px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        pointer-events: none;
        margin-top: -5px;
        margin-left: 14px;
        color: #fff;
    }
.search:hover {
	border-color:#eee;
	text-shadow:none;
	background:#fff
}
.maskChild:hover > .search,
.maskChild:hover > .homeSearchicon {
	color:#43B6B1 !important;
        
}


          
          h3.home-title {
              font-size: 22px;
              font-family: 'Roboto';
              font-weight: 700;
              width: 100%;
              text-align: center;
              margin-top: 0px;
              margin-bottom: 0px;
          }


	  .magicwall{
		width: 100%;
		height: 360px;
		margin: 0 auto 30px;
	  }
	  .magicwall li a.colorbox{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9;
		-webkit-transition: all 150ms ease-out;
		-moz-transition: all 150ms ease-out;
		transition: all 150ms ease-out;
	  }
	  .magicwall li a.colorbox:hover{
		opacity: 0.5;
		background: #ef4135;
	  }
	  .magicwall li a.colorbox:focus{
		outline: none;
	  }
          
          h3.main-title {
              font-size: 48px;
              font-family: 'Roboto';
              font-weight: 200;
              width: 100%;
              text-align: center;
              margin-top: 30px;
              margin-bottom: 0px;
          }
          #harita article {
              position: relative;
          }
          #toggle_box {
              position: absolute;
              top: 10px;
              right: 10px;
              padding: 10px;
              background-color: #fff;
              border-radius: 2px;
              -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .25);
                      box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
          }
          #toggle_box ul {
                list-style-type: none;
                margin: 0px;
                padding: 0;
          }
          #toggle_box ul li {
                margin: 0;
                padding: 0;
          }
          #toggle_box ul label,
          #toggle_box ul a,
          #toggle_box .removeAllMaps{
                font-size: 14px;
                font-family: 'Roboto';
                font-weight: 300;
                margin: 0;
                padding: 0;
          }
          #toggle_box .removeAllMaps {
                cursor: pointer;
                font-weight: 400;
          }
          #toggle_box .mapColor {
                width: 12px;
                height: 12px;
                display: block;
                float: left;
                margin-right: 2px;
                margin-top: 4px;
          }
          #toggle_box #toggle_box_html {
                max-height: 440px;
                overflow: scroll;
                overflow-y: visible;
                overflow-x: hidden;
          }
            
            .map-scrollbar::-webkit-scrollbar-track
            {
                -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
                background-color: #F5F5F5;
            }

            .map-scrollbar::-webkit-scrollbar
            {
                width: 6px;
                background-color: #F5F5F5;
            }

            .map-scrollbar::-webkit-scrollbar-thumb
            {
                background-color: #000000;
            }
          
          
          
          
          
          
          

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}
.mt90 {margin-top: 90px;}
.mt100 {margin-top: 100px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.mb80 {margin-bottom: 80px;}
.mb90 {margin-bottom: 90px;}
.mb100 {margin-bottom: 100px;}



.header-image-1 {
    background: url('../images/slide-mask.png') no-repeat top center;
}
.header-image-2 {
    background: url('../images/header-2.jpg') no-repeat top center;
}
.header-image-3 {
    background: url('../images/header-3.jpg') no-repeat top center;
}
.page-top {
    position: relative;
    height: 350px;
    margin-bottom: 30px;
}
.page-body {
    min-height: 300px;
}

    .page-metin{
        text-align: justify;
    }
    .page-top h3.main-title {
        position: absolute;
        bottom: 15px;
        left: 10px;
        font-size: 76px;
        line-height: 72px;
        font-family: 'Roboto';
        font-weight: 400;
        color: #fff;
        width: 100%;
        max-width: 500px;
        text-align: left;
        margin-top: 0px;
        margin-bottom: 0px;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .45);
    }
    .page-metin {
        font-family: 'Roboto' ,'Open Sans';
        font-weight: 400;        
    }
    
.rota-top {
    position: relative;
    height: 350px;
    margin-bottom: 30px;
}
    .rota-top h2.fa {
        margin-right: 3px;
    }
    .rota-top h2.title-big {
        position: absolute;
        top: 100px;
        left: 10px;
        font-size: 86px;
        line-height: 72px;
        font-family: 'Roboto';
        font-weight: 400;
        color: #fff;
        width: 100%;
        max-width: 500px;
        text-align: left;
        margin-top: 0px;
        margin-bottom: 0px;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .45);
    }
    .rota-top h3.title-name {
        position: absolute;
        top: 185px;
        left: 20px;
        font-size: 44px;
        line-height: 46px;
        font-family: 'Roboto';
        font-weight: 300;
        color: #fff;
        width: 100%;
        max-width: 500px;
        text-align: left;
        margin-top: 0px;
        margin-bottom: 0px;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .45);
    }
    .rota-top .list-group {
        position: relative;
        margin-top: 100px;
        float:right; 
        width:200px;
    }
    .rota-top .list-group .list-group-item {
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        font-family: 'Roboto';
        padding-top: 7px;
        padding-bottom: 7px;
        border:0px; 
        border-bottom:1px solid white; 
        border-top:1px solid white; 
        background: none;
        cursor: pointer;
    }
    .rota-top .list-group .list-group-item:hover {
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        font-family: 'Roboto';
        padding-top: 7px;
        padding-bottom: 7px;
        background: rgba(0, 0, 0, .25);
    }
    .rota-top .list-group .fa {
        font-size: 22px;
    }
    
    
    
    
    
    
    
    
/************************image hover effect*******************/
.album-square {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.item-img-wrap{
    position: relative;
    text-align: center;
    overflow: hidden;
    border-radius: 5px;
    height: 175px;
}
.item-img-wrap img{
    -webkit-transition:all 200ms linear; 
    -moz-transition:all 200ms linear; 
    -o-transition:all 200ms linear; 
    -ms-transition:all 200ms linear; 
    transition:all 200ms linear; 
    min-height: 100%;
    min-width: 100%;
  width: 100% !important;
  height: auto !important;
}
.item-img-overlay{
    position: absolute;
    width:100%;
    height: 100%;
    left: 0;
    top: 0;
    box-shadow: inset 0px -60px 60px -60px rgba(0,0,0,0.7);
}
.item-img-overlay .item-overlay-isim{
    position: absolute;
    width:100%;
    height: auto;
    left: 0;
    bottom: 20px;
    font-size: 18px;
    line-height: 20px;
    font-family: 'Roboto';
    font-weight: 400;
    text-align: left;
    color: #fff;
    padding: 0 5px 8px 10px;
    -webkit-transition:all 200ms linear; 
    -moz-transition:all 200ms linear; 
    -o-transition:all 200ms linear; 
    -ms-transition:all 200ms linear; 
    transition:all 200ms linear; 
}
.item-img-overlay .item-overlay-map{
    position: absolute;
    width:100%;
    height: auto;
    left: 0;
    bottom: 0;
    font-size: 12px;
    line-height: 20px;
    font-family: 'Roboto';
    font-weight: 400;
    text-align: left;
    color: #fff;
    padding: 0 5px 8px 10px;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 7px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    border: 0px;
    background-color:rgba(0,0,0,.4);
    background:none;
    position: absolute;
    top: 5px;
    left: 5px;
}
.btn-circle:hover {
    background-color:rgba(0,0,0,.4);
}
.item-img-overlay a span.plus{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/plus.png) no-repeat center center rgba(108, 168, 255, 0.7);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity 250ms linear;
    transition: opacity 250ms linear;
}

.item-img-overlay:hover .item-overlay-isim{    
    font-size: 24px;
    line-height: 26px;
    
}
.item-img-wrap:hover .item-img-overlay a span.plus{
    opacity: 1;
}
.item-img-wrap:hover img{
    -moz-transform: scale(1.1); 
    -webkit-transform: scale(1.1); 
    -o-transform: scale(1.1); 
    transform: scale(1.1); 
}

.main-map-group {
    width: 100%;
    margin: 0;
    padding: 0;
}
      .btn-main-map {
        height: 50px !important;
        text-align: center;
        padding: 6px 0;
        font-size: 16px;
        line-height: 2.028571429;
        border-radius: 0px;
      }
      .btn-main-map.btn-lg {
        padding: 13px 13px;
        font-size: 18px;
        border-radius: 0px;
      }
      
      
      
      
.page-map-container {
    position: relative;
}
    .page-map-container .page-map {
        height: 400px;
        padding: 0px;
        background-color: #fff;
        border: 8px solid #fff;
        border-radius: 4px;
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .25);
              box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
    }
    .page-map-container .page-map-list {
        position: absolute;
        top: 30px;
        right: 40px;
        padding: 10px;
        background-color: #fff;
        border-radius: 2px;
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .25);
              box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
        max-height: 349px;
        overflow: scroll;
        overflow-y: visible;
        overflow-x: hidden;
    }
    .page-map-list ul {
        list-style-type: none;
        margin: 0px;
        padding: 0;
        max-width: 200px;
    }
    .page-map-list ul li {
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #d3d7cf;
    }
    .page-map-list ul li:hover > a,
    .page-map-list ul li:hover > i,
    .page-map-list ul li.active > a,
    .page-map-list ul li.active > i {
        color: #52AEE8;
    }
    .page-map-list ul li:last-child {
        border-bottom: 0;
    }
    .page-map-list ul li i,
    .page-map-list ul li a {
        cursor: pointer;
        max-height: 44px;
        overflow: hidden;
        margin-top: 5px;
        margin-bottom: 5px;
        text-decoration: none;
        color: #333;
    }
    .page-map-list ul li a {
        max-width: 160px;
        font-family: 'Roboto';
        font-size: 12px;
        font-weight: 500;
        line-height: 14px;
        min-width: 100px;
        display: block;
    }
.page-nears a {
    padding-left:0; 
    padding-right:0; 
    margin-left: 15px; 
    margin-right: 15px;
}
.page-nears span {
    display:block; 
    margin-left: 40px;
}








.places-page .item-img-wrap {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}


.work-desc{
    width: 100%;
    padding: 10px 10px;
    background: #FFF;
    border: 0px solid #e3e3e3;
    border-top: none;
    position: relative;
}
.work-desc:before{
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    margin-left: 10px;
    width: 8px;
    height: 8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    z-index: 100;
}
.work-desc h3{
    margin: 0;
    padding: 0;
    
    font-size: 18px;
    line-height: 20px;
    font-family: 'Roboto';
    font-weight: 400;
    text-align: left;
}
.work-desc h3 a{
    color: #333;
    text-decoration: none;
}
.owl-spaced .owl-item > div{
    margin: 5px;
}
.work-desc span{
font-weight: 600;
font-style: normal;
font-size: 12px;
color: #777;
}



.places-feedback {
    width: 100%;
    padding: 6px 10px;
    background: #FFF;
    position: relative;
    border-top: 1px solid #e3e3e3;    
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
    .places-feedback span {
        font-weight: 600;
        font-style: normal;
        text-transform: lowercase;
        font-size: 11px;
        color: #777;
    }
    .places-feedback .rating-num {
        font-size: 14px;
        line-height: 20px;
        font-family: 'Roboto';
        font-weight: 400;
        color: #fff;
        background: #59b5fa;
        padding: 0 5px;
        float: left;
        margin: 1px 3px 0 0;
        border-radius: 2px;
    }
    .places-feedback .places-view {
        font-size: 14px;
        line-height: 20px;
        font-family: 'Roboto';
        font-weight: 400;
        color: #333;
        padding: 0 0px;
        float: right;
        margin: 1px 0px 0 0;
    }
    .places-feedback .places-view i {
        margin: 0px 3px 0 0;
    }

    
    
.rotalar-maps #toggle_box {    
    top: 4px;
    right: 19px;
    padding: 10px;
    background-color: #fff;
    border-radius: 0px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .25);
            box-shadow: 0px 0px 0px rgba(0, 0, 0, .25);
}





/*gmap*/
#map-canvas{
    width:100%;
    height: 400px;
}

#contactForm .form-control {
    min-height: 45px;
    background-color: #fff;
}
.form-contact form label{
    font-size: 15px;
    font-weight: 400;
    color:#777;
}
.contact-info li a{
    color:#777;
}
.help-block ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.help-block ul li{
    color:red;
}

label span{
    color:red;
    margin-left: 5px;
}
.required span{
    color:red;
}
/***error page****/
.error-digit{
    font-size: 150px;
    text-align: center;
    line-height: 150px;
    color:#0088cc;

}
.error-text h2{
    font-weight: 400;
}









.heading {
    border-bottom: 1px solid #f5f5f5;
    float: left; 
    width: 100%;
    font-size: 16px;
    font-weight: 700;
}
    .heading span {
        border-bottom: 1px solid red;
        padding-bottom: 10px;
        float: left;
    }
    
.header-container {
    height: 80px;
    background: #333333;
    top:-5px;
}








.navbar-nav > .open > a,
.navbar-nav > .active > a,
.navbar-nav > .active > a:focus,
.navbar-nav > li > a
{  
    color: #5B2414 !important;
    background: none !important;
}
.navbar-nav > li > a:hover,  
.navbar-nav > li > a:focus {  
    color: #5B2414 !important;
    font-weight: 700;
    background: none !important;
}


.navbar.transparent .navbar-nav > .active > a,
.navbar.transparent .navbar-nav > .active > a:focus{
    color: #fff !important;
    background-color: none !important;
}
.navbar.transparent a:hover {
    color: #fff !important;
    font-weight: bold;
}

.navbar-nav > .active > a
{  
    font-weight: 700;
}





.social li {
    border: 0px solid #006952;
}
.social li a i {
    color: #fff !important;
}
.social li:hover {
    background: none;
    border: 0px;
}
.social li:hover > a i {
    color: #ccc !important;
}


    .heading span {
        border-bottom-color: #9ad01c;
    }
    
    
    
    
    
    
    
    
    


    
    
    
    
    
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;  
  position: relative;
  float: left;
  margin-left: 20px;
}

.tabs-left > .tab-content > .tab-pane h1 {
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 24px;
  font-weight: 500;
}

.tabs-left > .tab-content > .tab-pane img {
  margin-right: 30px;
  float: left;
}

.tabs-left > .nav-tabs .triangle {
  border-top: 27.5px solid transparent; 
  border-bottom: 27.5px solid transparent; 
  border-left: 10px solid #006952; 
  position: absolute; 
  top: 0; 
  right:-11px;
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}
.tabs-left > .nav-tabs .active .triangle {
  display: block;
}

.tabs-left > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a {
  height: 53px;
  line-height: 32px;
  min-width: 274px;
  margin-right: 0;
  margin-bottom: 0px;
  padding-left: 20px;
  border: 1px solid #ddd;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 0px 0 0 0px;
     -moz-border-radius: 0px 0 0 0px;
          border-radius: 0px 0 0 0px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
  border: 1px solid #ddd;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
  background-color: #006952;
  font-weight: 500;
  color: #fff;
  border: 0;
}

.comments-list {
    width: 300px;
    float: left;
}

.comments-list .media,
.comments-list .media p {
    margin: 0 !important;
    padding: 0 !important;
    text-transform: capitalize  !important;
}
.comments-list .media {
    margin: 2px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.comments-list .media.toplam {
    border-radius: 4px;
    background-color: #006952;
    font-weight: 700;
    color: #fff;    
}



.pageTitle{position:relative;float:left;margin-bottom:26px;margin-top:23px !important;}
.pageTitle .page_title{margin:0;margin-bottom:2px!important;font-weight:bold!important; color: #fff; font-size: 18px;}
.secondaryTitle{font-size:27px;margin:0px;font-weight:normal;color: #CACACA; font-size: 13px; line-height: 13px;}
.text_color{color:#9ad01c!important;}



footer {    
    background: #414141;  
}
    .footer-mask{
        background: url('../images/footer-mask.png') no-repeat top center;  
        min-height: 550px;
        padding-top: 340px;
        margin-top: -60px;
    }
    .socialdiv { 
        margin-bottom: 50px;
    }
@media(max-width:480px){
    .footer-mask {    
        background: #414141;  
        min-height: 0px;
        padding-top: 0px;
        margin-top: 20px;
    }
}   
@media(max-width:990px){

    .col-center {
        text-align: center !important;
    }
    .copyright { 
        text-align: center;
    }
    .socialdiv { 
        //display: none; 
        text-align: center;
    }
    .page-top h3.main-title {
      font-size: 48px;
      bottom: 0px;
    }
    .planlar img { 
        width: 100%; 
        margin: 0 0 25px 0;
    }
    .tabs-left > .nav-tabs .active .triangle { display: none; }
    .tabs-left {
        width: 100%;
    }
    .nav-tabs {
        width: 100%;    
        list-style: none !important;    
        margin-bottom: 30px;
    }
    .nav-tabs li {
        display: inline !important;
        position: static !important;
        float: left !important;
        width: 33%;
    }
    .tabs-left > .nav-tabs > li > a {
        height: 53px;
        line-height: 32px;
        min-width: 10px;
        margin-right: 0;
        margin-bottom: 0px;
        padding-left: 20px;
        border: 1px solid #ddd;
        overflow: hidden;
    }
    
    
}

@media (min-width: 990px) and (max-width: 1200px) {
    .planlar img {
        width: 290px;
    }
    
    .menu-fullwidth {
        display: none !important;
    }    
    .menu-midwidth {
        display: block !important;
    }
}


.footer ul {
	font-size: 14px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 10px;
        margin-bottom: 20px;
}
.footer li a,
.footer li,
.footer h3 {
    color: #ebebeb;
    text-decoration: none;
}
.footer li a:hover {
    color: #fff;
    font-weight: bold;
}
.footer img {
    margin-top: 30px;
}

.footer h3 {
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    color: #fff;
    margin-bottom: 0px;
    padding-bottom: 5px;
}













.contact-box {
    background: #ECECED;
}

.contact-name {
    color: #5B2414;
    font-weight: 700;
    margin-top: 30px;
    margin-left: 10px;
}
.contact-address {
    margin-left: 10px;
    margin-top: 10px;
}
.contact-tel {
    margin-left: 10px;
}
.contact-time {
    font-weight: 700;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
}

@media (min-width: 990px) {
    .contact-name {
        margin-top: 90px;
    }
}





.menu-1 {
    background: url('../images/menu-1.jpg') no-repeat top center;
}
.menu-2 {
    background: url('../images/menu-2.jpg') no-repeat top center;
}
.menu-3 {
    background: url('../images/menu-3.jpg') no-repeat top center;
}
.menu-4 {
    background: url('../images/menu-4.jpg') no-repeat top center;
}

.menupage {
    width: 500px;
    margin-top: 0px;
}
.menupage-title {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    max-width: 500px;
    display: block;
    margin-top: 80px;
}

.menupage-text {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    max-width: 500px;
    display: block;
    margin-top: 40px;
    line-height: 21px;
}
.menupage-text-50 {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    max-width: 220px;
    display: block;
    margin: 40px 60px 0 0px;
    line-height: 21px;
    float: left;
}


@media(min-width:768px){
    .menu-1 .menupage,
    .menu-3 .menupage {
        float: right;
    }
    .menu-2 .menupage,
    .menu-4 .menupage {
        float: left;  
        margin-left: 30px;
    }
}

@media(max-width:768px){        
    .menupage {
        width: 100%;
    }
    .menupage-title {
        text-align: center;
        display: block;
        max-width: 100%;
        width: 100%;
    }
    .menupage-text {
        max-width: 100%;
        width: 100%;
        margin-top: 40px;
        text-align: center;
    }
    .menupage-text-50 {
        max-width: 50%;
        width: 50%;
        margin: 40px 0px 0 0px;
        text-align: center;
    }
}

    .page-margin {
        margin-top: 125px;
    }

@media(max-width:768px){
    .page-margin {
        margin-top: 100px;
    }
}

@media (min-width: 768px) and (max-width: 900px) {
    .menupage-title {
        font-size: 42px;
    }

    .menupage-text {
        font-size: 24px;
        line-height: 28px;
    }
    .menupage-text-50 {
        font-size: 24px;
        line-height: 28px;
    }    
}











    ul#twitter{
        padding: 10px 0 0 0;
        margin: 30px 0 0 0;
        list-style: none;
        min-height: 70px;
        color: #fff;
        font-weight: 700;
        text-align: center;
    }
    ul#twitter li{
        text-align: center;
    }
    ul#twitter span{
        max-width: 500px;
        text-align: center;
        display:  inline-block;
    }


    #twitter-box {
        margin-bottom: 30px; 
        background: #D5B595; 
        margin-top: 0px;
        position: relative;
        max-height: 300px;
    }
    #twitter-box .logo-left {
        background: url('../images/logo-main-left.png') no-repeat center center;
        position: absolute;
        width: 506px;
        height: 505px;
        top: -30px;
        left: -90px;
    }
    .carousel-twitter{
        padding: 10px 0 0 0;
        margin: 30px 0 0 0;
        list-style: none;
        min-height: 70px;
        color: #fff;
        font-weight: 700;
        text-align: center;
    }
    .carousel-twitter .owl-dots{
        margin-top: 30px! important;
        margin-bottom: 20px! important;
    }
    .carousel-twitter .owl-dots .owl-dot span{
        background: #FFFFFF! important;
    }
    .carousel-twitter .owl-dots .active span{
        background: #869791! important;
    }
    .carousel-twitter li{
        text-align: center;
    }
    .carousel-twitter span{
        max-width: 600px;
        text-align: center;
        display:  inline-block;
    }
    
@media (max-width: 1865px) {
    #twitter-box .logo-left {
        display: none !important;
    }   
}








.post-list {
  margin: auto;
  left: 7px;
}


.post-item {
    width: 20%;
    margin-bottom: 15px;
    position: relative;
    background: #ffffff;
    font-family: 'Open Sans';
}
    .post-item img {
        width: 100%;
        height: auto;
    }
    .post-item .date {
       font-size: 13px;
       font-style: italic;
       color: #50281b;
       margin: 0 10px;
       margin-top: 15px;
    }
    .post-item .date a {
       color: #50281b;
    }
    .post-item h2 {
       font-size: 22px;
       color: #000;
       line-height: 18px;
       margin: 0 10px;
       margin-top: 8px;
       margin-bottom: 20px;
    }
    .post-item h2 a {
       color: #333;   
       font-family: 'Open Sans';    
    }
    .post-item .metin {
       font-size: 14px;
       line-height: 15px;
       color: #333;
       margin: 0 10px;
    }
    .post-item .devam {
       margin-top: 15px;
       margin-bottom: 10px;
    }
    
    
.nav-search {
    cursor: pointer;
    margin-top: 2px !important;
}
.nav-search-box input {
    margin-top: 10px;
    border-radius: 0px;
    height: 25px;
}

    
    
@media(max-width:900px){
    .navbar-nav > .open > a,
    .navbar-nav > .active > a,
    .navbar-nav > .active > a:focus,
    .navbar-nav > li > a {  
        color: #FFF !important;
    }
    .navbar-nav > li > a:hover,  
    .navbar-nav > li > a:focus {  
        color: #FFF !important;
        font-weight: 700;
    }
}


    
/*
 *  Ipad Bugfixed
 *  Breakpoints
 */
@media (min-width: 768px) and (max-width: 900px) {
   .navbar-collapse.collapse {
       display: none !important;
   }
   .navbar-toggle{
        display: block !important;
   }
   .navbar-header{
        float: none;
   }
   .navbar .container { width: 100% !important; }
   
   
   .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px;
        }
        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px;
        }
        .dropdown-menu > li > a {
            display: block;
            padding: 3px 20px;
            clear: both;
            font-weight: normal;
            line-height: 20px;
            color: #333;
            white-space: nowrap;
        }
        .navbar-header {
            float: none;
        }
        .navbar-toggle {
            display: block;
        }
        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }
        .navbar-collapse.collapse {
            display: none!important;
        }
        .navbar-nav {
            float: none!important;
            /*margin: 7.5px -15px;*/
            margin: 7.5px 50px 7.5px -15px
        }
        .navbar-nav>li {
            float: none;
        }
        .navbar-nav>li>a {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .navbar-text {
            float: none;
            margin: 15px 0;
        }
        /* since 3.1.0 */
        .navbar-collapse.collapse.in { 
            display: block!important;
        }
        .collapsing {
            overflow: hidden!important;
        }
}


@media(min-width:900px){    
    .page-catering p {
        max-width: 500px;
    }
}

.fa-zomato {
    background: url(../images/zomato.png) no-repeat center bottom;
    width: 26px;
    height: 26px;
}
.fa-zomato:hover {
    opacity: 0.7;
}
.social li a i {
    width: 32px;
    height: 32px;
}