/*HEADER*/

#header {border-top:5px solid #ff0126}
.header {padding:10px 0;}
.top-menu {color:#303030; line-height:16px;  float:right; font-size:18px; }
.top-menu a {font-size:14px; color:#303030; padding:0 10px; text-decoration:none; border-left:1px solid #d4d8dd; font-weight:400 }
.top-menu a:first-child {border-left: none}
.logo {float:left} 


.social  { padding:0 ; float: right; margin:40px 30px 0 0 }
.social-slide { height: 25px;   margin: 0 ;  transition: all 0.3s ease 0s;   width: 25px; float:left}
.social-slide a{text-indent:-9999px;display:block; outline:none}
.social-slide:hover {   background-position: 0 -25px;}
.linkedin-hover {  background-image: url("../images/linkedin-hover.png");}
.facebook-hover {  background-image: url("../images/facebook-hover.png");}
.twitter-hover {  background-image: url("../images/twitter-hover.png");}
.google-hover {  background-image: url("../images/google-hover.png");}
.foursquare-hover {  background-image: url("../images/foursquare-hover.png");}
span.share {padding-left:10px; padding-top:3px; display:inline-block}
.social-text {font-size:11px; padding-left:2px; color:#939fa4}

.phone-header {float:right;font-size:20px;  margin-top:20px; padding:0 0 0 30px; background:url(../images/phone.png) no-repeat left 37px; color:#000;}
.phone-header h3 {font-size:13px; color:#acacac; margin-bottom:3px }
.phone-header h3 span { color:#4ca4d6 }
.phone-header h2 { font-size:17px; margin-top:0}


/*MENU*/
#menu { background: url(../images/bg-menu.png) repeat-x; position:relative}
.search_box{ padding: 0;  margin:10px 10px 0; position:relative; width:100%; background:#FFF; border:1px solid #cfd2d4; float:right; z-index:99 }
.search_box input.s{margin:0;vertical-align: top; width:100%;  color:#9fa3a8; background:none; border: none; padding:2px 4px 3px 4px; font-size:13px}
.search_box input#sbutton{margin:0 ; padding:0; height:22px; width:29px;  border:none; background: url(../images/bg-search-button.png) no-repeat; position:absolute; right:0; top:0px; cursor:pointer}



/*FOOTER*/
#footer {   background:#ff0126; overflow:hidden; margin-top:30px; padding:15px 0}
.copy { font-size:12px; color:#FFF; padding:18px 8px 5px 0 }
.venus {float:right;padding-top:12px }
.venus a {font-size:12px; color:#FFF; }
 


/*SERVICES MAIN*/
.services-bg {background:url(../images/bg-services.jpg) no-repeat right; margin:20px 0}
.services-bg .box h2 {font-size:20px; font-weight:600; border-bottom:1px solid #c9c9c9; padding-bottom:10px; position:relative}
.services-bg .box h2 span {background:url(../images/red.png) no-repeat; width:68px; height:2px; position:absolute; bottom:-1px; left:0}
.services-bg .box h3 {font-weight:400; }



/*BOXES MAIN*/
.boxes {background:#eeeeee}


/*PAGE*/
#page {margin-top:30px} 
#page h2 {background:#ff0126; color:#FFF; font-size:18px; padding:10px 15px; font-weight:500;}
#page .filo {width:100%}

a.more {position:absolute; right:35px; top:35px; color:#FFF; font-weight:400}
a.more:hover {text-decoration:underline}
a.moreblue {color:#66a1d8; right:20px; top:25px}


.contact-footer {padding:20px}

.news-list {margin:0 0 0 10px; padding:0; list-style:none}
.news-list li { padding:7px 0 7px 20px; background:url(../images/arrow.png) no-repeat center left}
.news-list li a { color:#538aaa  }
.news-list li a:hover {color:#ff0126}

.list-contact  { margin:0; padding:0; list-style:none}
.list-contact-item {display:block;  padding:10px 0; font-size:15px}
.list-contact-item > span { float: left; width:25px; height:33px; background-image:url(../images/icons.png); background-repeat:no-repeat; display:block; margin-right:15px}
.list-contact-item  > span.address {  background-position:center 0}
.list-contact-item  > span.phone {  background-position:center -33px}
.list-contact-item  > span.mail {  background-position:center -66px}


.list-contact-master {background:url(../images/bg-shadow.png) no-repeat; overflow:hidden; padding-top:35px; margin-top:20px}
.list-contact-master .list-contact-item {padding-bottom:0;display:inline-block; float:right}
.list-contact-master .col-md-4:first-child .list-contact-item { float:left}

.master-contact-phone {display:inline; vertical-align:middle; padding:15px 0 0}

 
/*PRODUCT*/

.product {position:relative; z-index:2; margin:0; padding:20px 0;}
#productmain .item {margin: 0 10px 0 0;  color: #FFF;  overflow:hidden}
#productmain .item .image {text-align:center; padding: 0}  
#productmain .item .image img { width:100% }  
#productmain .item h3 {font-size:14px; color:#FFF; text-align:left; margin:10px;}
#productmain .item a {color:#FFF; }
#productmain .item p {line-height:16px}
.title {position:absolute; bottom:0;  width:100%;  height:46px; background:#000; border-right:10px solid #eeeeee}
.pro-slogan {padding-top:77px}
.pro-slogan h3 {margin-top:0; color:#ff0126; font-size:18px; margin-bottom:2px}
.pro-slogan h3 span {font-size:24px}

 



div.panel-wrapper {background:#ff0126}
div.panel-form {display: none; width:100%; padding:10px 0 }
div.panel-form p {color:#FFF; font-weight:500}
div.panel-form h2 {color:#FFF; font-weight:700}


div.cargo {cursor:pointer; background:#ff0126 url(../images/icon-cargo.png) no-repeat 10px 5px;padding:0 10px 0 40px; width:140px; float:right; margin-top:-10px; margin-right:150px; margin-bottom:-50px; position:relative; z-index:9999}
div.cargo h3 { color:#FFF; font-size:14px; margin-top:10px; font-weight:400}



.icon-container { background:#303030; overflow:hidden; margin:0 15px; }

.icon-container .col-md-2 {padding-left:0; padding-right:0}

.icons h5 {  
    background-image: url("../images/icon.png");
    background-repeat: no-repeat;
    display: block;
    height: 38px;
    left: 50%;
    margin-bottom: 20px;
    margin-left: -19px;
    position: absolute;
    text-align: center;
    width: 38px;
}
.icons h4 {  
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-top: 50px;
    position: relative;
    text-align: center;
}

.icons:hover h5 {
     -webkit-animation: fadeInDown 500ms ease-in-out;
	-moz-animation: fadeInDown 500ms ease-in-out;
	-ms-animation: fadeInDown 500ms ease-in-out;
     animation: fadeInDown 500ms ease-in-out;
}

.icons {  text-align:center; padding:20px 5px; border-left:1px solid #414141; cursor:pointer}
.icon-container .col-md-2:first-child .icons{border:none !important}
.icons:hover  {
    background:#da0015;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
/*-webkit-box-shadow: 0 0 2px 2px rgba(255,255,255,0.2);
box-shadow: 0 0 2px 2px rgba(255,255,255,0.2);*/
}




.i-1 {background-position:0 0}
.i-2 {background-position:0 -38px}
.i-3 {background-position:0 -76px}
.i-4 {background-position:0 -114px}
.i-5 {background-position:0 -152px}
.i-6 {background-position:0 -190px}




@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}




 
/*MASTER PAGE*/
.title-master {padding:5px 30px; background:#303030 url(../images/bg-title-master.png) repeat-y right; margin:10px 0; /*border-bottom:3px solid #b0b0b0*/}
.title-master h2 {color:#FFF}

.master-right { background:url(../images/bg-shadow-2.png) no-repeat -10px 10px; padding-left:20px; min-height:440px}
.master-banner {/*border-top:3px solid #b0b0b0;*//*-webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2); box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2);*/ position:relative; top:-30px; margin-bottom:-30px; border-left:10px solid #fff; border-top:10px solid #fff;overflow-y:hidden}
.master-banner img {width:100%; max-width:100%; }

/*.master-banner h3 {position:absolute; bottom:20px; padding:10px; color:#303030; background:#FFF; display:inline-block;-webkit-box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.1);box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.1); left:0; width:70%; font-weight:400; font-size:20px; line-height:24px; border-left:1px solid #CDCDCD}*/


.master_menu ul {margin:0; padding:0; list-style:none} 
.master_menu ul li {background:url(../images/arrow-menu.png) no-repeat left center; padding-left:15px; border-bottom:1px dotted #CDCDCD}
.master_menu ul li a {padding:5px 0; display:block}

.master-banner h3 {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 1px 3px 3px 2px rgba(0, 0, 0, 0.1);
    color: #303030;
    font-size: 20px;
    font-weight: 400;
    left: 0;
    line-height: 24px;
    margin-top: 0;
    padding: 15px;
    position:relative;
    left:0px;
    bottom:0px;
    margin-bottom:-70px;
    border-left:1px solid #EEE;
    border-right:1px solid #EEE

}

.master-menu {padding-left:10px}
.master-menu h2 {color:#FFF; background:#303030; font-size:22px; padding:7px 10px 3px 10px}
.menu-alt {
    background:url(../images/arrow-menu.png) no-repeat 15px 9px;
   color:#303030;
   -webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.1);
   padding:5px 5px 5px 30px;
   margin-bottom:10px
}

.menu-alt a {display:block}

.line h2 {border-bottom:1px solid #c9c9c9; padding-bottom:10px; position:relative; margin-top:0}
.line h2 span {background:url(../images/red.png) no-repeat; width:68px; height:2px; position:absolute; bottom:-1px; left:0}

.contact h2 {padding-bottom:10px; border-bottom:1px solid #CDCDCD}
.master-left p {color:#303030}







.border {  
    
    padding:15px; 
    font-size:16px;
         
	-webkit-box-shadow:  1px 1px 3px 2px rgba(0,0,0,0.1);
	box-shadow:  1px 1px 3px 2px rgba(0,0,0,0.1);



    /*background: #FFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F5F6F7));
	background: -moz-linear-gradient(top,  #FFF,  #F5F6F7);*/

	/*-webkit-border-radius:3px;
	border-radius:3px;*/

    margin-top:15px
}






.master-left table a:link {
	color: #000;
	text-decoration:none;
}
.master-left table a:visited {
	color: #999;
	text-decoration:none;
}
.master-left table a:active,
.master-left table a:hover {
	color: #000;
	text-decoration:underline;
}
.master-left table {
	color:#666;
	font-size:12px;
	/*text-shadow: 1px 1px 0px #fff;*/
	background:#FFF;
	margin:10px 0;
	border:#F2F3F4 1px solid;
    width:100%;
    
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
     
	-webkit-box-shadow: 1px 1px 3px 1px #d1d1d1;
	box-shadow: 1px 1px 3px 1px #d1d1d1;
}
.master-left table th {
	padding:11px 12px 11px 13px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

    font-size:22px;

	background: #303030;
    color:#FFF;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#f8fee9), to(#f5fce4));
	background: -moz-linear-gradient(top,  #f8fee9,  #f5fce4);*/
}
.master-left table th:first-child{
	text-align: left;
	padding-left:20px;
}
.master-left table tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.master-left table tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.master-left table tr{
	text-align: left;
	padding-left:20px;
}

.master-left table tr td:first-child{
	text-align: left;
	/*padding-left:20px;*/
	/*border-left: 0;*/
}
.master-left table tr td {
	padding:8px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #E3E3E3;
	border-left: 1px solid #E3E3E3;
	
	/*background: #FFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F5F6F7));
	background: -moz-linear-gradient(top,  #FFF,  #F5F6F7);*/
}
.master-left table tr.even td{
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
	background: -moz-linear-gradient(top,  #ffffff,  #f2f2f2);
}
.master-left table tr:last-child td{
	border-bottom:0;
}
.master-left table tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.master-left table tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}




/*PHOTO GALLERY*/
.photo-gallery {margin-top:40px; padding:0; list-style:none}
.photo-gallery div {margin-bottom:15px; }
.photo-gallery .gallery-images {height:155px; overflow:hidden;  -webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.1); -webkit-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;-ms-transition:all 0.5s ease-out; }
.photo-gallery div:hover .gallery-images {   -webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2); box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2); }
.photo-gallery .gallery-image {padding:10px; height:155px; overflow:hidden}


/*CONTACT*/

.tab-content {padding:10px; border:1px solid #d9d9d9}
.contact-page span {padding-right:10px}
.contact-page {color:#333; padding-bottom:20px; overflow:hidden;}
.contact-page a {color:#111}
.contact-page h3 {margin-top:0}

.contact-title {background:#303030; padding:8px 15px 8px 10px; margin-bottom:20px; position:relative; }
.contact-title h2 {color:#FFF;  width:90px; float:right; font-size:13px; margin:0; padding:0; text-align:right; border:none }
.contact-title img {padding-right:10px; border-right:1px solid #FFF; }
.contact-title span  {
    width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;	
	border-top: 10px solid #303030;
    position:absolute; bottom:-10px; left:70px
}

        #acilisduyuru_pnl_duyuru img {width:530px; height:530px; padding-top:10px}        
        .popup {bottom: 0; left: 0; width: 100%; padding: 10px;}
        .popup-social {width: 160px; vertical-align: top; text-align:left; float:left}

/*P*/
@media only screen and (max-width: 767px) {
      div.cargo { float: left;  }
      .logo {margin-top:30px; float:none}
      .social {float:left; margin:0}      
       .phone-header {float:none; position:absolute; right:20px; top:-150px}
      .top-menu {position:absolute; right:5px; top:20px}
      .search_box {margin:10px 0 10px 10px}
      .services-bg {background-image:none}
      .venus {float:left}
      .icons {border-bottom:1px solid #666; padding:1px 0}
      .icon-container .col-md-2:first-child .icons {border-bottom:1px solid #666 !important;}
      a.moreblue {position:inherit !important; margin:0 0 15px 15px; display:inline-block}
      .nav > li {background-image:none !important}
      #page {margin-top:0}
      .navbar-collapse { background:#303030 !important}
      .master-right {min-height:inherit}
      .photo-gallery .gallery-images, .gallery-image {height:100px}
      .master-right {background-image:none; padding-left:0}
      .master-banner { border-left: none;  border-top: none;  margin-bottom: 0;  overflow-y: inherit;  position: relative;  top: 0;}
      .master-menu {padding-left:0}
      .morenews { font-size: 10px; right: 20px !important; top: 15px !important;}
      .list-contact-master .list-contact-item {float:left}
      .list-contact-master {border-top:1px solid #E3E3E3; padding-top:15px; margin-top:15px; background-image:none}
      .title-master {background-image:none}
      .icons h4 {font-size:12px}
      .pro-slogan h3 {color:#000}

}

/*P*/
@media only screen and (max-width: 479px) {
      .logo {margin-top:30px}
      .top-menu {position:absolute; right:0; top:-120px}
      .phone-header {margin-top:0; float:left !important; padding-left:0; background-image:none; position:static}
      .social {margin:5px 0; float:left}
      .search_box {margin:10px 0 10px 10px}
      .services-bg {background-image:none}
      .venus {float:left}
      .icons {border-bottom:1px solid #666; padding:1px 0}
      .icon-container .col-md-2:first-child .icons {border-bottom:1px solid #666 !important;}
      a.moreblue {position:inherit !important; margin:0 0 15px 15px; display:inline-block}
      .nav > li {background-image:none !important}
      #page {margin-top:0}
      .navbar-collapse { background:#303030 !important}
      .master-right {min-height:inherit}
      .photo-gallery .gallery-images, .gallery-image {height:100px}
      .master-right {background-image:none; padding-left:0}
      .master-banner { border-left: none;  border-top: none;  margin-bottom: 0;  overflow-y: inherit;  position: relative;  top: 0;}
      .master-menu {padding-left:0}
      .morenews { font-size: 10px; right: 20px !important; top: 15px !important;}
      .list-contact-master .list-contact-item {float:left}
      .list-contact-master {border-top:1px solid #E3E3E3; padding-top:15px; margin-top:15px; background-image:none}
      .title-master {background-image:none}
      .icons h4 {font-size:12px}
      .pro-slogan h3 {color:#000}
}



/*T-D*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

    .social {float:left; margin-top:30px}
    .phone-header {margin-top:15px}
    .navbar-default .navbar-nav > li > a {font-size:12px !important}
    .nav > li > a {padding:10px 4px !important}
     .search_box {margin:10px 0 10px 10px}
     .navbar-nav > li > a {line-height:22px !important}
     .nav > li {background-image:none}
     .services-bg {background-image:none}
     .venus {margin-top:-35px} 
     .morenews { right: 20px !important; top: 15px !important;}
      .icons {border-bottom:1px solid #666; padding:1px 0}
      .icon-container .col-md-2:first-child .icons {border-bottom:1px solid #666 !important;}

      .master-right {min-height:inherit}
      .photo-gallery .gallery-images, .gallery-image {height:180px}
      .master-right {background-image:none; padding-left:0}
      .master-banner { border-left: none;  border-top: none;  margin-bottom: 0;  overflow-y: inherit;  position: relative;  top: 0;}
      .master-menu {padding-left:0}
            
      .list-contact-master .list-contact-item {float:left;margin-left:20px}
      .list-contact-master {border-top:1px solid #E3E3E3; padding-top:15px; margin-top:15px; background-image:none}

      .contact-footer {padding-left:0}
}


/*T-Y*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  {	

     .navbar-nav > li > a {line-height:22px !important}
     .nav > li {background-image:none}
     .nav > li > a {padding:10px 9px }
     .navbar-default .navbar-nav > li > a {font-size:12px }
     #productmain .item h3 {font-size:12px}

}


.cargo-volume  {width:100%}
.cargo-volume h3  {font-size:12px; text-align:center}
.cargo-volume h2  {font-size:20px; text-align:center}
.cargo-volume td  {padding:3px}

.textbox {padding:3px; border:1px solid #CDCDCD}


.online {background:url(../images/bg-button-2.jpg) repeat-x; /*border-radius:10px; -webkit-border-radius:10px;*/  margin-top:20px;}
/*.online:hover {background:url(/images/bg-button-3.jpg) repeat-x;}*/
.online div {background:url(../images/world.png) no-repeat right;padding:30px 45px 30px 30px; }
.online h3, .online h3 a{margin:0; color:#FFF; font-size:18px;text-shadow: 1px 0px 1px #b9b9b9;}

.img-qr {width:165px}










/*NEWS*/
.news-page {background:#FFF; height:350px; padding:15px 15px 25px 15px; margin-bottom:20px; border:1px solid #E3E3E3; position:relative}
.news-page h3 {color:#000; margin-top:0;   font-size:18px; height:78px; overflow:hidden; font-weight:700}
.news-page p {color:#000; font-size:12px}
.news-image {width:100%; height:130px; position:relative;  overflow:hidden; background:#FFF; text-align:center;border-top:1px solid #CDCDCD;border-bottom:1px solid #CDCDCD; }
.news-image img {width:100%; max-width:100%} 

.news-date {background:#ff0126; padding:5px; text-align:center; position:absolute; top:40%; width:65px; height:45px; z-index:99}
.news-date h4 {color:#FFF; margin:0;   font-size:14px; font-weight:300}
.news-date h3 {color:#FFF; margin:0;  font-size:20px; height:28px; font-weight:700 }
.news-text {clear:both; padding-top:10px;  overflow:hidden; color: #000; font-size: 12px;}

.news-detail-right { padding:15px; margin-bottom:20px; border:1px solid #E3E3E3; position:relative; min-height:400px}
.news-detail-left { padding:5px; margin-bottom:20px; border:1px solid #E3E3E3; position:relative}
.news-detail-left img {width:100%}
.news-detail h3 { margin-top:0;   font-size:18px;  font-weight:700}
.news-detail .news-date h3 {color:#FFF; margin-top:0;   font-size:18px;  font-weight:700}
.news-detail .news-date h4 {color:#FFF; margin:0;   font-size:14px; font-weight:300}
.news-detail {background:#FFF; color:#000; }

a.btn-box {background:#ff0126; padding:3px 5px; color:#FFF; text-decoration:none;  display:inline-block;  position:absolute; bottom:15px; left:15px}
a.btn-box:hover,a.btn-box:focus  {background:#303030; color:#FFF}
.btn-detail {position:inherit !important; margin-top:10px; left:0 !important}