@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,600,800,800i');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;}
body{ font-family:'Open Sans', sans-serif; }
.pages,.pages p{font-family:'Open Sans', sans-serif; font-size:14px;  line-height:20px;}
hr{ margin-top:2px;margin-bottom:2px; padding:0}
.shadows{position:absolute; left:0;top:-90px;width:100%; height:180px;background:rgba(255,255,255,0.6);-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);}

table {width: 100%; padding: 15px;margin:10px auto; background:4CAF50;}
table tr:nth-child(1) {background: #CCC;font-family:'Open Sans', sans-serif;font-size: 14px; font-weight:bold;color: #333333;border-width: 1px;border-color: #3A3A3A;border-collapse: collapse;}
th {height: 50px; background-color: #ccc;color: #fff; padding: 15px}
td {padding: 15px;text-align: left;border-bottom: 1px solid #ddd}
td p{padding: 15px;text-align: left}
tr {padding: 15px;text-align: left;border-bottom: 1px solid #ddd}
th, td {padding: 15px;text-align: left;border-bottom: 1px solid #ddd}
tr:hover {background-color: #f5f5f5}
tr:nth-child(even) {background-color: #f2f2f2; padding: 15px;}
.page-row {
  display: table-row;
  height: 1px;
}
.page-row-expanded { height: 100%; }
.pages .col-lg-4{ min-height:100%; height:100%;}
.col-lg-4{ position:relative;}
.col-lg-4 .carousel{ position:absolute; background:#000; color:#fff; top:20%;z-index:1; padding:10px;}
.btn-default{ background:none; border:1px solid #999; padding:2px 8px; margin-top:7px}
.search_box{ display:none; z-index:2;}

a,p a{ text-decoration:none; color:#999; font-family:'Open Sans', sans-serif;}
p a:hover{ text-decoration:none; -webkit-transition: 0.6s 0.2s;
  transition: 0.6s 0.2s; color:#000; font-family:'Open Sans', sans-serif;}
ul#secili li{margin:10px 10px 0 0;}
.ikon1{ height:23px; margin-right:10px;
  width: 25px;background:url(../images/ikon1.png) center center no-repeat;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; float:left;
  background-size: cover;}
  .ikon2{ height:22px; margin-right:10px;
  width:25px;background:url(../images/ikon2.png) center center no-repeat;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;float:left;
  background-size: cover;}
  .mtop{ margin-top:10px}
.gallery .previews, .gallery .full, .gallery .desc {
float: left;
margin-right:5px; 
}
.gallery .desc, .gallery .full {
width: 100%;
}
.gallery .desc h2 {
margin-top: 5px;
}
.gallery .previews a {
display: block;float: left;margin-top: 5px;
margin-bottom: 5px;margin-right: 5px;
}
.gallery .full, .gallery .full img {
width:100%;
}
.gallery .previews a, .gallery .full {
border:2px solid #eee;
}
.gallery .previews a:hover, .gallery .previews a.selected {
border: 2px solid #777;
}
.gallery .full img:hover {
cursor: pointer;
}
.clearfix:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}

.customNavigation{ position:absolute; left:0; top:40%;  width:100%;z-index:9999;}
.customNavigation .next{ float:right;margin-right:50px; color:#6d6c79;cursor:pointer;-webkit-transition: 0.33s ease-in-out;
      -moz-transition: 0.33s ease-in-out;
      -o-transition: 0.33s ease-in-out;
      transition: 0.33s ease-in-out;}
.customNavigation .prev{ margin-left:50px;cursor:pointer; color:#6d6c79;-webkit-transition: 0.33s ease-in-out;
      -moz-transition: 0.33s ease-in-out;
      -o-transition: 0.33s ease-in-out;
      transition: 0.33s ease-in-out;}
.container-fluid{ position:relative;}
.customNavigation .next:hover,.customNavigation .prev:hover{color:#084571;cursor:pointer}
a:visited {color: #084571;}
.container{ position:relative;}
.copyright{ font-size: 11px;color:#FFF; position:absolute; width:15%; bottom:3%; left:0; right:0; margin:0 auto; z-index:9999;text-align:center;}
.copyright img{ width:60px; text-align:center;}
a#back-top{ color:#484859; font-size:18px; margin-top:20px; margin-right:10px;}
ol, ul {list-style: none}
ol.list-unstyled li{margin:10px 5px;}
ol.list-unstyled li a{color:#54525f;font-family:'Open Sans', sans-serif; font-size:13px; -webkit-transition: 0.33s ease-in-out;
      -moz-transition: 0.33s ease-in-out;
      -o-transition: 0.33s ease-in-out;
      transition: 0.33s ease-in-out; font-weight:600;}
	  
ul.footer-menu{ list-style:none; margin:5px auto; text-align:center; width:37.999999%;}
ul.footer-menu li{margin:10px 8px; float:left; text-align:center;}
ul.footer-menu li a{color:#fff;font-family:'Open Sans', sans-serif; font-size:12px; -webkit-transition: 0.33s ease-in-out;-moz-transition: 0.33s ease-in-out;-o-transition: 0.33s ease-in-out;transition: 0.33s ease-in-out; font-weight:600;}
ul.footer-menu li a:hover{color:#000; text-decoration:underline;}
ol.list-unstyled li a:hover{color:#fff;}
.contact{ font-size:13px;color:#54525f;text-align:left; font-family:'Open Sans', sans-serif;margin-bottom:10px; font-weight:600; line-height:25px;}
.slogan{ font-size:18px;color:#54525f;text-align:center; font-family:'Open Sans', sans-serif; font-weight:600; padding:40px 10px;vertical-align: middle;
    display: table;}

h1{ font-size:32px;color:#000;text-align:left; font-weight:bold; font-family:'Open Sans', sans-serif; margin:30px 0;}
.title{ font-size:26px;color:#fff;text-align:center; font-weight:bold; font-family:'Open Sans', sans-serif; margin:30px auto;}
.title1{ font-size:26px;color:#666;text-align:center; font-weight:bold; font-family:'Open Sans', sans-serif; margin:15px auto;}

.col-lg-4{font-size:16px;color:#fff;text-align:center;margin:0; position:relative;}
.col-lg-4 .caption{color:#fff;font-family:'Open Sans', sans-serif; font-size:14px; background:#000; padding:15px 25px; position:absolute; left:2.5%; bottom:0; }
.col-lg-4 .category-title{color:#fff;font-family:'Open Sans', sans-serif; font-size:14px; background:#16ade5; padding:15px 16px; min-height:70px; }
.faceliftHomeSlide{width:100%;float:left;position:relative;}
.faceliftHomeSlide .slide-item{height:100%;background-size:cover;width:100%}
.homeItem{position:relative;}
.slide-item .img{min-height:100%;overflow:hidden; position:relative;}  
.slide-item .img .caption{ width:40%;font-family:'Open Sans', sans-serif;min-height:200px;
  color: #fff; padding:20px 20px 10px 20px; position:absolute; left:0; right:0; margin:0 auto; top:40%; }
.title01{font-family:'Open Sans', sans-serif;font-size:30px;font-weight:400;
  color: #fff; padding:0px; text-align:center; line-height:10px;z-index:2}
.title02{font-family:'Open Sans', sans-serif;font-size:42px;font-weight:bold;
  color: #fff; padding:0px; text-align:center;line-height:35px;z-index:2}
.caption p{font-family:'Open Sans', sans-serif; font-size:16px; font-weight:bold;padding:0 15px 15px 15px; text-align:center;color: #fff; z-index:1}
.line{ width:20%; height:8px; overflow:hidden; background:rgba(255,255,255,0.5); margin:20px auto 10px auto;}
.caption button{ width:20%; background:#16ade5;color:#fff; padding:15px; border:none; font-size:14px; font-weight:600; font-stretch:semi-expanded; font-style:italic; -webkit-transition: 0.33s ease-in-out; border-radius:30px;
      -moz-transition: 0.33s ease-in-out;
      -o-transition: 0.33s ease-in-out; text-transform: uppercase; 
      transition: 0.33s ease-in-out; margin:0 40%;}
.caption button:hover{ background:#048ca0; color:#fff;}

.caption .bg{position:absolute; left:0;top:0px;width:100%; height:100%;;background:rgba(0,0,0,0.2); border-radius:10px; backdrop-filter: blur(10px);z-index:-9999}
.container-fluid.header{
  position: absolute;
  width: 100%;
  left: 0; background:none;
  top:3%;
 z-index: 57;
  min-height:40px;
  /*-webkit-box-shadow: 0px 0px 30px 0px rgba(39, 60, 101, 0.23);
  -moz-box-shadow: 0px 0px 30px 0px rgba(39, 60, 101, 0.23);
  box-shadow: 0px 0px 30px 0px rgba(39, 60, 101, 0.23);*/}
.logo {
  width: 250px;
  height:60px;
  background:url(../images/su-akademi-logo.png) left center no-repeat;background-size: contain;-webkit-background-size: contain; -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain; margin-top:12px;
}

.logo a {
  width: 100%;
  height: 100%;
  background:#ccc url(../images/logo.png) left center no-repeat;background-size: contain;-webkit-background-size: contain; -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

.height_owl{height:200px;z-index: 0;padding:20px; backface-visibility: hidden;}
.item {margin:3px;  width:352px; height:200px; position:relative; background:#fff;}
.item1 {margin:10px; width:31%;float:left; height:452px; position:relative;}
.item .item-bg,.item1 .item-bg{width:100%; height:300px; background:rgba(0,0,0,0.0); position:absolute; left:0; top:0; -webkit-transition: 0.33s ease-in-out;-moz-transition: 0.33s ease-in-out;-o-transition: 0.33s ease-in-out;transition: 0.33s ease-in-out;}
.item .item-title,.item1 .item-title{ width:60%;font-family:'Open Sans', sans-serif;font-size:24px;font-weight:bold; text-align:left;
  color: #000; padding:3% 10%; position:absolute; left:0; bottom:2%; line-height:24px;z-index:2; text-transform:uppercase;}
.item .item-title span,.item1 .item-title span{font-family:'Open Sans', sans-serif;font-size:36px;font-weight:300;
color: #fff;}
.item-title .line2,.item-title1 .line2{   width:60%; height:5px; text-align:left; margin:5px 0; background:rgba(0,0,0,0.5);}
.item .buton,.item1 .buton{font-family:'Open Sans', sans-serif;font-size:13px;font-weight:800;
color: #fff;position:absolute; left:0; right:0; bottom:10%; border:1px solid #fff; padding:10px 15px; border-radius:49px; width:150px; margin:0 auto; text-decoration:none;-webkit-transition: 0.33s ease-in-out;-moz-transition: 0.33s ease-in-out;-o-transition: 0.33s ease-in-out;transition: 0.33s ease-in-out;}
.item:hover .item-title{ color:#fff; z-index:2}
.item .buton:hover,.item1 .buton:hover{ background:#39b9c6; color:#fff;border:1px solid #39b9c6;}
.item:hover .item-bg,.item1:hover .item-bg{ background:rgba(0,0,0,0.9);  color:#fff;}

.background{min-height:450px;padding:20px;background-image: url(../images/pattern3_k.png); background-color:rgba(42,46,58,1);}
.contact-h{ position:relative;}
.contact-h .contact-header{ padding:15px;height:320px; width:100%; position:absolute; left:0; bottom:0%; background:rgba(255,255,255,0.8);z-index:1}
.contact-header span{font-size:60px; height:100%;font-weight:300;color: #fff;padding:5px 20px; float:left;}
.contact-header .caption{}
.contact-header .title{font-family:'Open Sans', sans-serif;font-size:16px;font-weight:bold;color: #2d313d; text-align:left;  }
.contact-header .title2{font-family:'Open Sans', sans-serif;font-size:16px;font-weight:bold;color: #2d313d; padding:10px 15px;}
.contact-header article{color: #fff;font-size:12px; }

.contact-form .form-group{margin-bottom: 0;position: relative;}
.contact-form input,.contact-form textarea{margin-bottom: 20px; padding:20px 15px;background: #191729; border:1px solid #46485c;}
.contact-form button{ width:100%; background:#000;color:#fff; padding:20px; border:none; font-size:16px; font-weight:bold; -webkit-transition: 0.33s ease-in-out;font-family:'Open Sans', sans-serif;-moz-transition: 0.33s ease-in-out;-o-transition: 0.33s ease-in-out;transition: 0.33s ease-in-out;}
.contact-form button:hover{ background:#048ca0; color:#fff;}
.margin_top{border-top:4px solid #e1e1e1; padding:0;margin-top:7%;margin-bottom:0%}
.product_height{height:235px;z-index: 0; backface-visibility: hidden; padding:0 10px;}
.col-lg-4{ position:relative; height:320px;}
.contact-h  .col-4{width:33.33333333%;margin-bottom:15px;float:left;}
/* yeni slider*/
.slide-item{position:relative; }
 .ortali{width:50%; text-align:center; position: absolute; left:0;right: 0; margin:10px auto;bottom:25%; cursor:pointer;padding: 15px;color:#fff;}
.ortali h4{ font-size:5em; font-family:'Open Sans', sans-serif;color:#bf010b; font-weight:bold; margin:3px 0; padding:0; }
.ortali .text-align{ width:68%; margin:0% auto;font-size:22px;font-family:'Open Sans', sans-serif;color:#fff;}

.sol{width:40%; text-align:left; position: absolute; left:15%;margin:10px 0;bottom:25%; cursor:pointer;padding: 15px;color:#fff;}
.sol h4{ font-size:5em;font-family:'Open Sans', sans-serif;color:#bf010b; font-weight:bold;margin:0; padding:0;}
.sol .text-align{width:80%;font-size:22px;font-family:'Open Sans', sans-serif;color:#fff; line-height:27px}

.sag{width:40%; text-align:right; position: absolute; right:2%;margin:10px 0;bottom:25%; cursor:pointer;padding: 15px;color:#fff; }
.sag h4{ font-size:5em;font-family:'Open Sans', sans-serif;color:#bf010b; font-weight:bold;text-align:right;margin:0; padding:0;}
.sag .text-align{text-align:right;padding-left:22%;font-size:22px;font-family:'Open Sans', sans-serif;color:#fff;}

@media (min-width:602px) and (max-width:1440px) {
.margin_top{border-top:4px solid #e1e1e1; padding:0;margin-top:9%;margin-bottom:0%}
.col-lg-4{ position:relative; height:320px;}
.col-lg-4 .category-title{color:#fff;font-family:'Open Sans', sans-serif; font-size:14px; background:#16ade5; padding:15px 16px; min-height:70px; }
.contact-h  .col-4{width:33.33333333%;margin-bottom:15px;}


}
@media (max-width:601px){
.slide-item .img .caption{ width:80%;font-family:'Open Sans', sans-serif;min-height:200px;
  color: #fff; padding:20px 20px 10px 20px; position:absolute; left:0; right:0; margin:0 auto; top:30%; }
.title01{font-family:'Open Sans', sans-serif;font-size:20px;font-weight:400;
  color: #fff; padding:0px; text-align:center; line-height:10px;z-index:2}
.title02{font-family:'Open Sans', sans-serif;font-size:32px;font-weight:bold;
  color: #fff; padding:0px; text-align:center;line-height:32px;z-index:2}
.caption p{font-family:'Open Sans', sans-serif; font-size:16px; font-weight:bold;padding:0 15px 15px 15px; text-align:center;color: #fff; z-index:1}
.logo {width:180px;height:60px;background:url(../images/su-akademi-logo.png) left center no-repeat;background-size: contain;-webkit-background-size: contain; -moz-background-size: contain;-o-background-size: contain;background-size: contain; margin-top:10px;}
.height_owl{height:252px;z-index: 0; backface-visibility: hidden;}
.item {margin:3px; width:252px; height:232px; position:relative;}
.item .item-title,.item1 .item-title{ width:43%;font-family:'Open Sans', sans-serif;font-size:14px;font-weight:bold; text-align:left;
  color: #fff; padding:10% 3%; position:absolute; left:0; bottom:5%; line-height:16px;z-index:2; text-transform:uppercase;}
.item .item-title span,.item1 .item-title span{font-family:'Open Sans', sans-serif;font-size:13px;font-weight:300;
color: #fff;}
.background{min-height:420px;padding:20px;background-image: url(../images/pattern3_k.png); background-color:rgba(42,46,58,1);}
.contact-h .contact-header{ padding:15px;height:340px; width:100%; position:absolute; left:0; bottom:0; background:rgba(255,255,255,0.8);z-index:1}
.contact-h  .col-4{width:100%;margin-bottom:15px; padding:0 15px}


.contact-form input,.contact-form textarea{margin-bottom:5px; padding:5px 10px;background: #191729; border:1px solid #46485c;}
  .contact-form button{ width:100%; background:#000;color:#fff; padding:10px; border:none; font-size:13px; font-weight:bold; -webkit-transition: 0.33s ease-in-out;font-family:'Open Sans', sans-serif;-moz-transition: 0.33s ease-in-out;-o-transition: 0.33s ease-in-out;transition: 0.33s ease-in-out;}
.margin_top{border-top:4px solid #e1e1e1; padding:0;margin-top:32%;margin-bottom:0%}
.product_height{height:105px;z-index: 0; backface-visibility: hidden; padding:0 10px;}
.col-lg-4{ position:relative; height:185px; margin-bottom:5px;}
.col-lg-4 .category-title{color:#fff;font-family:'Open Sans', sans-serif; font-size:12px; background:#16ade5; padding:10px 11px;min-height:60px; }

}





.line3{ border:1px solid #e1e1e1; padding:0px; margin-bottom:25px; }
.breadcrumbb{ background:#f5f5f5; padding-left:40px;}
.breadcrumb{padding:5px 0;margin-bottom:20px;list-style:none;}.breadcrumb>li{display:inline-block;}.breadcrumb>li+li:before{font-family:'Open Sans', sans-serif; font-size:11px;padding:0 5px;color:#000;content:"/\00a0"}.breadcrumb>.active{font-family:'Open Sans', sans-serif; font-size:11px;color:#666}
.breadcrumb>li a{color:#000;font-family:'Open Sans', sans-serif; font-size:11px;}.breadcrumb>li a:hover{color:#000;}

h2{ font-size:24px;color:#000;text-align:left; font-weight:bold 700 Italic; font-family:'Open Sans', sans-serif;margin-bottom:10px;}
h3{ font-size:14px;color:#6f6e79;text-align:left; font-weight:bold; font-family:'Open Sans', sans-serif;margin-bottom:10px;}
h4{ font-size:22px;color:#fff;text-align:left; font-weight:800i; font-family:'Open Sans', sans-serif;margin-bottom:10px; font-weight:bold;}
.col-lg-6 p{padding:5px 0;color:#fff; font-size:12px; font-weight:600;line-height:15px;}
p{ padding:5px 0;color:#000000; line-height:15px;}
.mail-form{ padding-top:20px; color: #000;}
.mail-form input{margin-bottom: 20px; padding:21px 20px;
	background:#fff ; color:#000; border:none; font-weight:bold;}
.mail-form	textarea:focus, input:focus {
    color: #000; font-weight:bold;
}

.mail-form2{ padding-top:10px; margin-right:-10px; color: #000;}
.mail-form2 input{margin-bottom:0px; padding:21px 20px;
	background: #484859; color:#fff; border:none; font-weight:bold;outline:none;}
.mail-form2	textarea:focus, input:focus {
    color: #000; font-weight:bold; border:none; outline:none;
}

.mail-form  button{ width:40%; background:#191729;color:#474a60; padding:10px; border:none; font-size:16px; font-weight:bold; -webkit-transition: 0.33s ease-in-out;
      -moz-transition: 0.33s ease-in-out;
      -o-transition: 0.33s ease-in-out;
      transition: 0.33s ease-in-out;}
.mail-form button:hover{ background:#048ca0; color:#fff;}

	

  
  .container .line{ position: absolute; height:132px; width:2px;
  z-index:1; background:#53545a;
  top: -20%;
  left: 0px;}
.background2{min-height:620px;padding:20px;background-image:url(../images/contact_bg.jpg); background-color:rgba(42,46,58,1); background-repeat:no-repeat;background-position:50% 50%;padding:20px;background-size: cover;-webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.background3{min-height:150px;padding:40px 20px;background-color:#00bdd9;}
.background4{min-height:200px; margin-top:30px;padding:40px 20px 15px 20px;background-color:#16ade5;}
.background5{min-height:60px;padding:20px 20px;background-color:#000; color:#fff; font-weight:400; font-size:12px;}

.content-btn{ position:relative;}

.content-btn .btn-next{ position:absolute; top:55%; left:-4%;font-family:'Open Sans', sans-serif;font-size:13px;font-weight:800; background:rgba(0,0,0,0.5);
color: #fff; border:none; padding:10px 15px; border-radius:20px; width:80px; margin:0 auto; text-decoration:none;
 -webkit-transition: 0.33s ease-in-out;
      -moz-transition: 0.33s ease-in-out;
      -o-transition: 0.33s ease-in-out;
      transition: 0.33s ease-in-out;}
.content-btn .btn-prev{position:absolute; top:55%;right:-4%;font-family:'Open Sans', sans-serif;font-size:13px;font-weight:800;background:rgba(0,0,0,0.5);
color: #fff; border:none; padding:10px 15px; border-radius:25px; width:80px; margin:0 auto; text-decoration:none;
 -webkit-transition: 0.33s ease-in-out;
      -moz-transition: 0.33s ease-in-out;
      -o-transition: 0.33s ease-in-out;
      transition: 0.33s ease-in-out;}	  

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: "";clear: both;height: 0;}

* html .clearfix, *:first-child + html .clearfix {
  zoom: 1;
}

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
  opacity: 1;
}

* {
  outline: 0 !important;
}
*:focus, *:active {
  outline: 0 !important;
  text-decoration: none;
}

a:hover, a:focus, a:active {
  text-decoration: none;
}

ul {
  list-style-type: none;
  list-style: none;
  margin: 0;
  padding: 0;
}


.navbar-nav{padding:20px 0 0px 0; }

.navbar-inverse .navbar-nav>li>a {font-family:'Open Sans', sans-serif;font-size: 14px;font-weight:600;color: #000;display: block;  -webkit-transition: 0.33s ease-in-out;-moz-transition: 0.33s ease-in-out;-o-transition: 0.33s ease-in-out;transition: 0.33s ease-in-out; margin-right:5px;}


.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background:rgba(0,0,0,0.8); border-radius:4px;}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#000;background-color:#fff}



.search{color:#999;padding:5px; margin-left:3px;font-size:13px;cursor:pointer;}

.col-lg-3{ border:1px solid #e1e1e1}

.product_title{font-family:'Open Sans', sans-serif;font-size:16px;font-weight:bold;text-align:left; padding:10px; background:#16ade5; color:#fff;} 

ul.product_list{margin:0; padding:10px 0;}
ul.product_list li{font-family:'Open Sans', sans-serif;font-size:13px;font-weight:600;text-align:left; padding:6px 10px;  color:#fff;}
ul.product_list li a{color:#000; text-decoration:none;} 
 
ul.product_list li:hover{ background:#16ade5;color:#fff; } 
ul.product_list li ul li{font-family:'Open Sans', sans-serif;font-size:13px;font-weight:600;text-align:left;margin-top:5px; padding:6px 10px;  color:#fff;} 
ul.product_list li ul li:hover{ background:#fff;color:#000;} 


#map {height:750px;width: 100%;}
#map2 {height:450px;width: 100%;}
.contact{margin-bottom:10px; -webkit-transition: 0.33s ease-in-out;-moz-transition: 0.33s ease-in-out;-o-transition: 0.33s ease-in-out;transition: 0.33s ease-in-out; cursor:pointer}
.show-on-hover:hover > ul.dropdown-menu {
    display: block;    
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}


/* social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0; margin-top:40px;
}

.social-network2{ margin-top:10px;}
ul.social-network2 li {
	display: inline;
	margin:15px 1px;
}

ul.social-network li {
	display: inline;
	margin: 5px 2px;
}

.social-network a.icovine:hover {
	background-color: #00a477;
}
.social-network a.icoinstagram:hover {
	background-color: #517fa6;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i,.social-network a.icoinstagram:hover i,.social-network a.icovine:hover i{
	color:#000;
}
a.socialIcon:hover, .socialHoverClass {
	color:#000;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 30px;
	height: 30px;color:#fff;
	font-size:12px;
}
.social-circle li i {
	margin:0;
	line-height:30px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;font-size:14px;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}


::-webkit-scrollbar{
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: #000;
}

::selection{
  background-color:#000;
  color:#fff;
}

-webkit-::selection{
    background-color:#000;
    color:#fff;
}

::-moz-selection{
    background-color:#000;
    color:#fff;
}

* {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;  box-sizing: border-box; -ms-box-sizing: border-box;}
		
		/* Left Navigation
		-----------------------------------------------*/
		.mainNav {
			background: #fff;
			width: 100%;
		}
			/* First Level */
			.mainNav ul {
				margin: 0;
				padding: 0;
				list-style: none;
				border-bottom: 1px solid #444
			}
			.mainNav ul li {
				border-top: 1px solid #444;
			}
			.mainNav ul li a {
				color: #000; font-family:'Open Sans', sans-serif;
				display: block; font-weight:600;
				font-size:13px;
				line-height: normal;
				padding:12px 20px;
				text-decoration:none;
			}
			.mainNav ul li a:hover {
				background: #16ade5;color:#fff;
				text-decoration: none;
			}
				/* Second Level */
				.mainNav ul ul {
					border-bottom: none
				}
				.mainNav ul ul li {
					border-top: 1px solid #222;
					background: #0f9bcf;
				}
				.mainNav ul ul li a {
					color: #FFFFFF; font-family:'Open Sans', sans-serif;
					display: block;
					font-size:12px;
					line-height: normal;
					padding: 0.5em 1em 0.5em 2.5em;
				}
				.mainNav ul ul li a:hover {
					background: #0c8fc0;
				}
						/* Third Level */
				.mainNav ul ul ul {
					border-top:1px solid #222;
				}
				.mainNav ul ul ul li {
					border:none;
				}
				.mainNav ul ul ul li a {
					padding-left:3.5em; 
					padding-top:0.25em; 
					padding-bottom:0.25em;
				}
			/* Accordion Button */
			ul li.has-subnav .accordion-btn {
				color:#000; 
				background:rgba(255,255,255, 0.15); font-weight:200; font-size:12px;
			}
		
		@media screen and (max-width: 1024px) {
			.mainNav {width: 100%;}
		}
		@media screen and (max-width: 700px) {
			.mainNav {width: 100%;}
		}