body{display:block; float:left; width:100%; background-color: #fff; font-size:14px; font-family:'Ubuntu', sans-serif; font-weight: 400; line-height: 20px; color:#333;}
h1, h2, h3, h4, h5, h6{font-size:14px; font-family:'Ubuntu', sans-serif; font-weight: 400; line-height: 100%; color:#333;}
ul{list-style: none; overflow: auto; padding:0; margin:0}


/* 1.-Alt Sayfalar */
/* 1.1-Alt Sayfalar Genel */
  .info-bar{display: block;float:left; width: 100%; min-height:137px; height:auto; background-color: #202954}
  .info-bar > .container >.row > div:first-child{padding-left: 0;}
  .info-bar > .container >.row > div:nth-child(2){padding-right: 0;}
  .info-bar h1{display: block; float:left; margin-bottom: 6px; margin-top: 37px; min-height:37px; max-height:71px; width:100%; overflow:hidden; color:#fff; font-size:30px;}
  .info-bar p{display:block; float:left; margin-top:0px; width:100%; color:#ACB0BE; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  .info-bar p a{color:#ACB0BE; text-decoration: underline;}
  .info-bar a.related-link{display: block; float:right; margin-top:80px; width: 100%; font-size:16px; color:#CECFD5; text-align: right; text-decoration: none; transition: 300ms}
  .info-bar a.related-link:hover{color: #fff}
  .info-bar a.related-link span{font-size: 14px;position: relative;bottom: -2px;margin-left: 8px;}

  footer.subpage{margin-top:115px;}
  .sub_shortlinks{display: block; position: absolute; margin-top: -101px; width: 100%; background:#F1F3F5;}
  .sub_shortlinks a{display: block; float:left; width:20%; height:94px; font-size:18px; line-height: 94px; text-align:center; color: #353D64}
  .sub_shortlinks a > div{display: inline-block; overflow: auto; width: auto; margin: auto;}
  .sub_shortlinks a span{display: block; float:left; margin-right: 5px; line-height: 94px;font-size: 46px; text-decoration: none}
  .sub_shortlinks a p{display: block; float:left; margin:0; margin-left:10px; width: auto;}

  /*Sayfalama Kalıp */
  ul.pagination{width:auto; max-width:320px; padding:10px 0 30px; margin:auto; margin-top:60px; overflow: auto; text-align:center; list-style: none}
  ul.pagination li{display:inline; overflow:auto}
  ul.pagination li a{display:inline-block; width: 34px!important;height: 33px;text-align: center;font-size: 14px; font-weight: 500; text-decoration: none;border-radius: 50%;line-height: 34px;color: #546676; transition: 300ms;}
  ul.pagination li a:hover{color: #ff9a22;}
  ul.pagination li a.active{background-color: #2f3861; color: #fff; box-shadow: 0px 0px 1px 1px #2f3861; cursor:default}
  ul.pagination li:first-child a{border: 1px solid #CDD2D7; font-size: 13px;line-height:33px;top: 3px;margin-right: 2px;position: relative;}
  ul.pagination li:last-child a{border: 1px solid #CDD2D7; font-size: 13px;line-height:33px;top: 3px;margin-left: 2px;position: relative;}
  /*Sayfalama Kalıp SON */

/* 1.1-Alt Sayfalar Genel SON */
/* 1.2- Sık Sorulan Sorular*/
  #subpage-sss > .container {padding:0}
  #subpage-sss .select-category{position: relative; float:left; width: 100%; height:51px; margin-top: 10px; margin-bottom: 0; padding:0 20px; color:#E9EDF2; line-height: 47px; border: 2px solid #6F7591; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer}
  #subpage-sss .select-category > div:first-child span:nth-child(2){display: block; float:right; font-size: 15px; line-height: 47px; color:#CFD1DA; transition: 360ms}
  #subpage-sss .select-category.open > div:first-child span:nth-child(2){transform: rotateZ(180deg);}
  #subpage-sss .select-category > div:nth-child(2){z-index: 2;display: block; visibility: hidden; opacity: 0; position: absolute;top: 49px;left: 0;width: 100%;height: auto;max-height:0px;padding: 10px 15px; background: #fff;box-shadow: 0px 28px 18px 9px rgba(0,0,0,0.7); transition:360ms}
  #subpage-sss .select-category > div:nth-child(2).open{visibility: visible;height: auto;max-height: 227px;opacity: 1;}
  #subpage-sss .select-category > div:nth-child(2) div{display: block; float:left; width: 100%; height:auto; padding: 2px 15px; color: #202954; border-bottom:1px solid #f5f5f5; transition: 300ms; cursor: pointer;}
  #subpage-sss .select-category > div:nth-child(2) div:hover{background-color:#f5f5f5}
  #subpage-sss .select-category > div:nth-child(2) div a{display: block; float: left;width: 100%; color:#9c9c9c}
  #subpage-sss .select-category > div:nth-child(2) div:last-child{border-bottom:none}

  #subpage-sss{display: block;}
  #subpage-sss .content{display: block;float:left; margin-top:39px; width: 100%}
  #subpage-sss .question{user-select:none; display: block; overflow: hidden; float: left; margin-bottom:20px; width:100%; min-height:74px; height:auto; background-color: #F0F3F8; border:2px solid #F0F3F8; border-radius: 0; transition: 300ms; cursor:pointer;}
  #subpage-sss .question.active{height:auto; background-color: #fff; border:2px solid #EAEDF1;}
  #subpage-sss .question.active p:first-child{}
  #subpage-sss .question.active span{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
  #subpage-sss .question.active span+p{visibility: visible; max-height: 600px; padding: 0 30px 20px 30px;}

  #subpage-sss .question p:first-child{float: left; width:80%; font-size: 17px; line-height: 25px; margin:0; padding: 22px 30px; color: #202954; transition: 300ms}
  #subpage-sss .question span{float: right; width: 20%; max-width: 60px; text-align: center; line-height: 70px; transition: 300ms}
  #subpage-sss .question span+p{visibility: hidden; clear:both; height: auto; max-height: 0; margin:0; padding: 0 30px; font-size: 16px; line-height: 24px; color: #767676;  transition: 300ms}

  #subpage-sss .sidebar a{display:block; float:left; margin-bottom:20px; padding-left: 25px; width:100%; background-color: #F0F3F8; font-size:17px; line-height:74px; color: #202954; text-decoration: none; transition:360ms}
  #subpage-sss .sidebar a:hover{background-color: #DEE5EF}
  #subpage-sss .sidebar a.active{background-color: #00AAD9; color:#fff; }
/* 1.2-Sık Sorulan Sorular SON */
/* 1.3- Ürün Sayfası*/
  #subpage-product .select-category{position: relative; float:right; z-index:9; width: 100%; height:51px; margin-top: 50px; margin-bottom: 0; padding:0 20px; color:#E9EDF2; line-height: 47px; border: 2px solid #6F7591; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer}
  #subpage-product .select-category > div:first-child span:nth-child(1){display: block;float: left;max-width: 200px;overflow: hidden;max-height: 47px;word-break: break-all; font-size:13px}
  #subpage-product .select-category > div:first-child span:nth-child(2){display: block; float:right; font-size: 15px; line-height: 47px; color:#CFD1DA; transition: 360ms}
  #subpage-product .select-category.open > div:first-child span:nth-child(2){transform: rotateZ(180deg);}
  #subpage-product .select-category > div:nth-child(2){z-index: 2;display: block; visibility: hidden; opacity: 0; position: absolute;top: 49px;left: 0;width: 100%;height: auto;max-height:0px;padding: 10px 15px; background: #fff;box-shadow: 0px 28px 18px 9px rgba(0,0,0,0.7); transition:360ms}
  #subpage-product .select-category > div:nth-child(2).open{visibility: visible;height: auto;max-height: 227px;opacity: 1;}
  #subpage-product .select-category > div:nth-child(2) div{display: block; float:left; width: 100%; height:auto; max-height:51px; overflow:hidden; word-break:break-all; padding: 2px 15px; color: #202954; border-bottom:1px solid #f5f5f5; transition: 300ms; cursor: pointer;}
  #subpage-product .select-category > div:nth-child(2) div:hover{background-color:#f5f5f5}
  #subpage-product .select-category > div:nth-child(2) div a{display: block; float: left;width: 100%; font-size:13px; color:#7d7d7d}
  #subpage-product .select-category > div:nth-child(2) div:last-child{border-bottom:none}

  #subpage-product>.container{padding:0;}
  #subpage-product .content{display: block;float:left; margin-top:40px; width: 100%}
  #subpage-product #image-gallery img{width: 100%;}

  #subpage-product .sidebar>h2{margin:5px 0 24px 0; font-size:24px; color:#212a53}
  #subpage-product .sidebar .tabs{display: block; float:left; position: relative; z-index: 2; width:100%;}
  #subpage-product .sidebar .tabs>div{display: block; float:left; padding-left: 30px; width: 49.7%; background-color: #EAEDF1; font-size: 18px; line-height: 54px; color:#212a53; border:2px solid #E9EDF2; cursor:pointer}
  #subpage-product .sidebar .tabs>div:first-child{margin-right: 0.6%}
  #subpage-product .sidebar .tabs>div.active{background:#fff; border-bottom-color: #fff}

  #subpage-product .sidebar .specs{display: block; float:left; position: relative; z-index: 1; margin-top:-2px; padding:0 30px; width:100%; border:2px solid #E9EDF2;}
  #subpage-product .sidebar .specs>div{display: none;}
  #subpage-product .sidebar .specs>.active{display: block;}
  #subpage-product .sidebar .specs .line{display: block; float: left; width:100%; padding:6px 0; line-height: 25px; border-bottom:2px solid #F0F3F8}
  #subpage-product .sidebar .specs .line:last-child{border-bottom:none}
  #subpage-product .sidebar .specs .line span{display: block; float: left; width:auto;  font-size: 18px; color:#212a53}
  #subpage-product .sidebar .specs .line span:nth-child(2){ font-weight: 500}

  #subpage-product .sidebar .other-links>div{margin-top:20px}
  #subpage-product .sidebar .other-links>div a{display: block; float:left; width:100%; height:95px; color:#fff}
  #subpage-product .sidebar .other-links>div:first-child a{background-color:#FF9B00;}
  #subpage-product .sidebar .other-links>div:nth-child(2) a{background-color:#202954;}
  #subpage-product .sidebar .other-links>div:nth-child(3) a{background-color:#00AAD9;}
  #subpage-product .sidebar .other-links>div a>span:first-child{display: inline-block; float:left; padding-left:20px; padding-top: 23px; width:70%; font-size: 18px; line-height: 24px}
  #subpage-product .sidebar .other-links>div a>span:nth-child(2){display: inline-block; float:right; width:30%; max-width: 43px; font-size: 27px; line-height: 95px; text-align: center;}

  #subpage-product .description{display: block; float:left; width:100%; margin: 30px 0 40px 0; border-top: 2px solid #EDEFF1}
  #subpage-product .description h2{margin-top:40px; font-size:24px; color: #212a53}
  #subpage-product .description p{font-size: 15px; line-height: 25px; color: #767676}

/* 1.3- Ürün Sayfası SON */

/* 1.4- Galeri Sayfası*/
  #subpage-gallery>.container{padding:0;}
  #subpage-gallery .content{display: block;float:left; margin-top:40px; margin-bottom:40px; width: 100%}
  #subpage-gallery .photo-gallery{display: block; float:left; position: relative; width: 100%; height:530px; background-image: url("../images/photo-gallery.jpg"); background-size: cover}
  #subpage-gallery .video-gallery{display: block; float:left; position: relative; width: 100%; height:530px; background-image: url("../images/video-gallery.jpg"); background-size: cover}
  #subpage-gallery .photo-gallery p, #subpage-gallery .video-gallery p{display: block; float: left; padding-left:40px; width: 100%; font-size: 34px; line-height:100%; color:#212a53}
  #subpage-gallery .links{position: absolute; display: block; float: left; visibility: hidden; opacity: 0; padding:10px 32px 32px 32px; bottom:0; width:100%; background-color: rgba(255,255,255,0.9); transition: 360ms}
  #subpage-gallery .links a{display: block; float: left; width:100%; font-size:18px; color:#212a53; line-height:53px; text-decoration: none; border-top:2px solid #E6E7EC; transition:360ms}
  #subpage-gallery .links a span{float: right;line-height: 53px;}
  #subpage-gallery .links a:hover{padding-left:10px; background-color: rgba(248,248,248,1)}
  #subpage-gallery .links li:first-child > a:first-child{border:none}

  #subpage-gallery .links li{display:block}
  #subpage-gallery .links li.hide{display:none}
  #subpage-gallery .links li > a+div{display:none}
  #subpage-gallery .links li.active > a{display:none}
  #subpage-gallery .links li.active > a+div{display:block}
  #subpage-gallery .links li.mul p{font-size: 17px;font-weight:500;padding: 0;margin: 13px 0;cursor:pointer;}
  #subpage-gallery .links li.mul p span{line-height: 20px;display: block;float: left;margin-top: -1px;margin: -1px 5px 0 5px;}

  #subpage-gallery .photo-gallery:hover .links{visibility: visible; opacity: 1}
  #subpage-gallery .video-gallery:hover .links{visibility: visible; opacity: 1}
/* 1.4- Galeri Sayfası SON */

/* 1.5- Galeri Kategori Sayfası */
  #subpage-gallery-cat .info-bar a.current-category-title{display: block; float: left; width: 100%; margin-top:37px; font-size: 35px; color:#fff; line-height: 100%; text-align: right; text-decoration: none}
  #subpage-gallery-cat .info-bar a.related-link{margin-top:20px}
  #subpage-gallery-cat .content > .row > div{padding: 0}
  #subpage-gallery-cat h2{display: block;float: left; margin-top:35px; margin-bottom: 30px; width: 100%; font-size: 23px; color:#202954}
  #subpage-gallery-cat .zoom-gallery{margin-top: 15px}
  #subpage-gallery-cat .zoom-gallery a{display: block; float:left; margin-bottom: 30px; padding: 9px; width: 100%; border:1px solid #E9EDF2; outline: none}
  #subpage-gallery-cat .zoom-gallery a>div{position:relative; display: block; float:left; width: 100%; height:100%;}
  #subpage-gallery-cat .zoom-gallery a div div{position: absolute; display: block; float:left; width: 100%; height:100%; background-color: #202954; opacity: 0; transition: 360ms; outline: none}
  #subpage-gallery-cat .zoom-gallery a div div span{display: block; float:left; margin-top: 25%; width: 100%; height:100%; text-align: center; font-size: 50px; color:#fff; transition: 360ms;}
  #subpage-gallery-cat .zoom-gallery a div img{display: block; float:left; width: 100%; outline: none}
  #subpage-gallery-cat .zoom-gallery a:hover div div{opacity: 0.7;}
/* 1.5- Galeri Kategori Sayfası */

/* 1.6- About Us Sayfası */
  #subpage-about-us .info-bar{height:220px}
  #subpage-about-us .content{display: block;float:left; margin-top:40px; margin-bottom:40px; width: 100%}
  #subpage-about-us .content .cover{display:block; width:100%; max-width:1330px; margin:0px auto; margin-top: -126px; height:246px;}
  #subpage-about-us .content .cover div{display:block; float:left; width:100%; height:100%; background-image: url('../images/about-karmod-cover.jpg'); background-size:cover; background-position: center -60px;}
  #subpage-about-us .content .pull-left{padding-top: 30px; padding-right:60px; font-size:16px; line-height:22px; color:#767676}
  #subpage-about-us .content .pull-right{padding-top: 30px; padding-left: 0; padding-right: 0;}
  #subpage-about-us .content .pull-right img{display: block; float:left; padding-left: 0; width: 100%}
  #subpage-about-us .content .pull-right .short-info{display: block; float: left; margin-top:20px; padding:30px; width:100%; font-size:17px; font-style: italic; font-weight: 500; line-height: 30px; color:#454f7d; border:2px solid #E9EDF2}
  #subpage-about-us .content .pull-right .short-info img{display: block;float:left; margin-bottom: 20px; width: auto}
  #subpage-about-us .content .pull-right .short-info span{display: block; width: 100%; clear: both;}
  #subpage-about-us .content .pull-right .short-info span+img{float: right; margin-top: 20px; margin-bottom: 0}
/* 1.6- About Us Sayfası SON */

/* 1.7- Certificates Sayfası */
  #subpage-certificates .info-bar{height:220px}
  #subpage-certificates .content{display: block;float:left; margin-top:40px; margin-bottom:40px; width: 100%}
  #subpage-certificates .content .cover{display:block; width:100%; max-width:1330px; margin:0px auto; margin-top: -126px; height:246px;}
  #subpage-certificates .content .cover div{display:block; float:left; width:100%; height:100%; background-image: url('../images/sertifika-kapak-resmi.jpg'); background-size:cover; background-position: center -60px;}
  #subpage-certificates .content .pull-left{padding-top: 30px; padding-right:60px; font-size:16px; line-height:22px; color:#767676}
  #subpage-certificates .content .pull-right{padding-top: 30px; padding-left: 0; padding-right: 0;}
  #subpage-certificates .content .pull-right .short-info{display: block; float: left; margin-top:20px; padding:30px; width:100%; font-size:17px; font-style: italic; font-weight: 500; line-height: 30px; color:#454f7d; border:2px solid #E9EDF2}
  #subpage-certificates .content .pull-right .short-info img{display: block;float:left; margin-bottom: 20px; width: auto}
  #subpage-certificates .content .pull-right .short-info span{display: block; width: 100%; clear: both;}
  #subpage-certificates .content .pull-right .short-info span+img{float: right; margin-top: 20px; margin-bottom: 0}

  #subpage-certificates .zoom-gallery{margin-top: 15px}
  #subpage-certificates .zoom-gallery a{position: relative; display: block; float:left; margin-bottom: 30px; width: 100%; border:1px solid #E9EDF2; outline: none}
  #subpage-certificates .zoom-gallery a>div{position:relative; display: block; float:left; padding: 10px 25.5px; width: 100%; height:100%;}
  #subpage-certificates .zoom-gallery a>div+div{position: absolute; display: block; float:left; width: 100%; height:100%; background-color: rgba(235,239,243,0); transition: 360ms; outline: none}
  #subpage-certificates .zoom-gallery a>div+div span{display: block; visibility: hidden; opacity: 0; margin:auto; margin-top: 45%; width: 58px; height:58px; background-color: #fff; text-align: center; font-size: 35px; line-height: 58px; color:#202954; border-radius: 50%; transition: 360ms;}
  #subpage-certificates .zoom-gallery a>div img{display: block; float:left; width: 100%; outline: none}
  #subpage-certificates .zoom-gallery a:hover>div+div{background-color: rgba(235,239,243,0.9)}
  #subpage-certificates .zoom-gallery a:hover>div+div span{visibility: visible; opacity: 1}
/* 1.7- Certificates Sayfası SON */

/* 1.8- Search Sayfası */
  #subpage-search > .container{padding: 0}
  #subpage-search .content{display: block; float:left; margin-top:40px; width: 100%}
  #subpage-search .content form.searchbox{display: block; float:left; margin-bottom: 30px; padding:30px; width:100%; background-color: #F0F3F8}
  #subpage-search .content form.searchbox>p{margin-top:0; font-size:18px; color: #212a53}
  #subpage-search .content form.searchbox input{display: block; float:left; padding: 0 15px; margin-right:2%; width:78%; height:50px; background-color: #fff; border:2px solid #DEE3E7; font-size:15px; color:#767676; line-height: 50px; outline:none}
  #subpage-search .content form.searchbox button{display: block; float:left; width:20%; height:50px; background-color: #202954; border:none; font-size: 18px; color:#fff; text-align:center; line-height: 50px; outline:none}
  #subpage-search .content form+p{display: block; float:left; margin: 10px 0; width: 100%; font-size:18px; color:#212a53}
  #subpage-search .content form+p span{color:#f59331}
  #subpage-search .content a.result{display: block; float:left; width: 100%; height:auto; border-bottom:2px solid #F0F3F8; text-decoration: none; transition: 300ms}
  #subpage-search .content a.result:hover{opacity: 0.9}
  #subpage-search .content a.result:last-child{border:none}
  #subpage-search .content a.result > p{margin-top:25px; margin-bottom:10px;  font-size:15px; font-weight:500; color: #212a53}
  #subpage-search .content a.result > p+p{margin-top:10px; font-size:17px; font-weight:400; color: #212a53}
  #subpage-search .content a.result > p+p+p{margin-bottom:25px; font-size:15px; font-weight:400; color: #767676}

  #subpage-search .content .sidebar a{display: block; float:left; margin-bottom:10px; padding:0 30px; background-color: #F0F3F8; width: 100%; height:74px; font-size:18px; color:#212a53; line-height:74px; transition: 300ms}
  #subpage-search .content .sidebar a:hover{background-color: #E8ECF2}
  #subpage-search .content .sidebar a.active{background-color: #00AAD9; color:#fff}
  #subpage-search .content .sidebar a.active:hover{background-color: #00B5DD}
  #subpage-search .content .sidebar a>span:first-child{display: block;float: left;}
  #subpage-search .content .sidebar a>span:last-child{display: block;float: right; font-weight: 500}
/* 1.8- Search Sayfası SON */

/* 1.9- Human Resources */
#subpage-human-resources .info-bar{height:220px}
#subpage-human-resources .content{display: block;float:left; margin-top:40px; margin-bottom:40px; width: 100%}
#subpage-human-resources .content .cover{display:block; width:100%; max-width:1330px; margin:0px auto; margin-top: -126px; height:246px;}
#subpage-human-resources .content .cover div{display:block; float:left; width:100%; height:100%; background-image: url('../images/karmod-human-resources-cover.jpg'); background-size:cover; background-position: center center;}
#subpage-human-resources .content .pull-left{padding-right:30px; padding-left: 0}
#subpage-human-resources .content .pull-left form{font-size:15px; color:#767676}
#subpage-human-resources .content .pull-left form>div{display: block; float:left; width:100%; margin-top: 40px; padding:30px 30px; background-color: #F0F3F8}
#subpage-human-resources .content .pull-left form>div.education-level{margin-top: 30px; margin-bottom: 20px}
#subpage-human-resources .content .pull-left form>div input{display: block; float:left; padding: 10px; width:100%; height:50px; background-color: #FFF; line-height: 46px; border:2px solid #DEE3E7; outline:none}
#subpage-human-resources .content .pull-left form .title{font-size:18px; color:#212a53}
#subpage-human-resources .content .pull-left form p{display: block;float: left; width: 100%;}
#subpage-human-resources .content .pull-left form button{display: block; float:right; background-color:#202954; border:none; padding:0 15px; height:50px; width:auto; min-width: 150px; font-size:18px; color:#fff; line-height: 50px; text-align:center; outline:none}
#subpage-human-resources .content .pull-left form button.clear{margin-right: 10px; background-color:#FF9B00}

#subpage-human-resources .content .pull-right{padding-top: 40px; padding-left: 0; padding-right: 0;}
#subpage-human-resources .content .pull-right .short-info{display: block; float: left; margin-top:none; padding:30px; width:100%; font-size:17px; font-style: italic; font-weight: 500; line-height: 30px; color:#454f7d; border:2px solid #E9EDF2}
#subpage-human-resources .content .pull-right .short-info img{display: block;float:left; margin-bottom: 20px; width: auto}
#subpage-human-resources .content .pull-right .short-info span{display: block; width: 100%; clear: both;}
#subpage-human-resources .content .pull-right .short-info span+img{float: right; margin-top: 20px; margin-bottom: 0}

#subpage-human-resources .content .upload{margin-top: 14px; display: block; float: left; width: 50%; margin-bottom: 30px;}
/* 1.9- Human Resources SON */

/* 1.10- Contact */
#subpage-contact .info-bar{height:220px}
#subpage-contact .content{display: block;float:left; margin-top:40px; margin-bottom:40px; width: 100%}

#subpage-contact .direct-contact-select{display: block; float:left; width:100%}
#subpage-contact .direct-contact-select div{display:  block;margin: 49px 10px 0 10px;float:  right;padding: 10px 15px;color: #CFD1DA;font-size:  17px;border: 1px solid #6F7591;cursor:  pointer;}
#subpage-contact .direct-contact-select div:first-child{margin-right:0;}
#subpage-contact .direct-contact-select div.active{display:block; background-color: #384067; color:#CFD1DA; cursor:default;}

#subpage-contact .select-category{position: relative; float:right; z-index:9; width: 100%; height:51px; margin-top: 50px; margin-bottom: 0; padding:0 20px; color:#E9EDF2; line-height: 47px; border: 2px solid #6F7591; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer}
#subpage-contact .select-category > div:first-child span:nth-child(2){display: block; float:right; font-size: 15px; line-height: 47px; color:#CFD1DA; transition: 360ms}
#subpage-contact .select-category.open > div:first-child span:nth-child(2){transform: rotateZ(180deg);}
#subpage-contact .select-category > div:nth-child(2){z-index: 2;display: block; visibility: hidden; overflow: hidden; opacity: 0; position: absolute;top: 49px;left: 0;width: 100%;height: auto;max-height:0px;padding: 10px 15px; background: #fff;box-shadow: 0px 28px 18px 9px rgba(0,0,0,0.7); transition:360ms}
#subpage-contact .select-category > div:nth-child(2).open{visibility: visible;height: auto;max-height: 390px;opacity: 1;}
#subpage-contact .select-category > div:nth-child(2) div{display: block; float:left; width: 100%; height:auto; padding: 2px 15px; color:#7d7d7d; border-bottom:1px solid #f5f5f5; transition: 300ms; cursor: pointer;}
#subpage-contact .select-category > div:nth-child(2) div.active{background-color:#f5f5f5}
#subpage-contact .select-category > div:nth-child(2) div:hover{background-color:#f5f5f5}
#subpage-contact .select-category > div:nth-child(2) div:last-child{border-bottom:none}

#subpage-contact .content .cover{display:block; width:100%; max-width:1330px; margin:0px auto; margin-top: -126px; height:246px;}
#subpage-contact .content .cover div{display:block; float:left; width:100%; height:100%; background-image: url('../images/karmod-human-resources-cover.jpg'); background-size:cover; background-position: center center;}
#subpage-contact .content .cover-contact{display:block; width:100%; max-width:1330px; margin:0px auto; margin-top: -126px; height:489px;}
#subpage-contact .content .cover-contact>div{display:none; float:left; overflow: visible; width:100%; height:100%; background-image: none; background-size:cover; background-position: center center;}
#subpage-contact .content .cover-contact>div.active{display:block;}
#subpage-contact .content .cover-contact iframe{height:100%; width:100%; border:none}
#subpage-contact .content .pull-left{padding-right:30px;}
#subpage-contact .content .pull-left form{font-size:15px; color:#767676}
#subpage-contact .content .pull-left form>div{display: block; float:left; width:100%; margin-top: 40px; padding:30px 30px; background-color: #F0F3F8}
#subpage-contact .content .pull-left form>div.education-level{margin-top: 30px; margin-bottom: 20px}
#subpage-contact .content .pull-left form>div input{display: block; float:left; padding: 0 10px; width:100%; height:50px; background-color: #FFF; line-height: 46px; border:2px solid #DEE3E7; outline:none}
#subpage-contact .content .pull-left form>div textarea{display: block; float:left; padding: 10px; width:100%; min-height:140px; resize: vertical; background-color: #FFF; line-height: 26px; border:2px solid #DEE3E7; outline:none}
#subpage-contact .content .pull-left form div.security img{display: block; float:left; margin-right:3%; width:auto; max-width:48%; height:50px; outline:none}
#subpage-contact .content .pull-left form div.security input{width:49%;}
#subpage-contact .content .pull-left form .title{font-size:18px; color:#212a53}
#subpage-contact .content .pull-left form p{display: block;float: left; width: 100%;}
#subpage-contact .content .pull-left form button{display: block; float:right; background-color:#202954; border:none; margin-top:50px; padding:0 15px; height:50px; width:auto; min-width: 150px; font-size:18px; color:#fff; line-height: 50px; text-align:center; outline:none}

#subpage-contact .content .pull-right{padding-top: 40px; padding-left: 0; padding-right: 0;}
#subpage-contact .content .pull-right .contact-info{display: block; float: left; margin-top:0; padding:20px; width:100%; font-size:18px; line-height: 30px; color:#212a53; border:2px solid #E9EDF2}
#subpage-contact .content .pull-right .contact-info>div{display: none}
#subpage-contact .content .pull-right .contact-info>div.active{display: block}
#subpage-contact .content .pull-right .contact-info p.caption{margin-bottom:5px; margin-top:0; color:#00abd7}
#subpage-contact .content .pull-right .contact-info p.main-number{margin:0 0 20px 0; font-size:26px; line-height: 100%;}
#subpage-contact .content .pull-right .contact-info .divider{display: block;float:left; margin-bottom: 20px; width: 100%; border-bottom:2px solid #E9EDF2}
#subpage-contact .content .pull-right .contact-info span{display: block; width: 100%; clear: both;}
#subpage-contact .content .pull-right .contact-info span+img{float: right; margin-top: 20px; margin-bottom: 0}
/* 1.10- Contact SON*/

/* 1.11- Products Ana Sayfası */
#subpage-products .info-bar{height:220px}
#subpage-products .content{display: block;float:left; margin-top:-83px; margin-bottom:40px; width: 100%}
#subpage-products .content >.container{padding: 0}
#subpage-products .product-category{display: block; float:left; position: relative; margin-bottom:30px; width: 100%; height:372px; background-image: url("../images/modular-buildings-cover.jpg"); background-size: cover; background-position: center center;}
#subpage-products .product-category p{display: block; float: left; margin-top: 27px; margin-bottom:0; padding-left:30px; width: 100%; font-size: 38px; line-height:100%; color:#212a53}
#subpage-products .product-category p.caption{margin-top: 12px; font-size: 18px;}
#subpage-products .product-category.long{max-height: 242px;}
#subpage-products .links{position: absolute; display: block; float: left; visibility: hidden; opacity: 0; padding:15px 0; bottom:0; width:100%; background-color: rgba(32,41,84,0.8); transition: 360ms}
#subpage-products .links a{display: block; float: left; padding: 0 0 0 12px; width:50%; font-size:14.5px; color:#fff; line-height:40px; text-decoration: none; transition:360ms}
#subpage-products .links a span{display: inline-block;float: right;line-height: 40px;padding-right: 10px;font-size: 12px;}
#subpage-products .links a:hover{background-color: rgba(32,41,84,0.7);}
#subpage-products .links a:first-child{border:none}

/* 1.11- Products Ana Sayfası */

/* 1.12- Product Category Listeleme Sayfası */
#subpage-product-cat h2{font-size:24px; color: #212a53}
#subpage-product-cat .content *{font-size:15px; color: #767676}
#subpage-product-cat .select-category{position: relative; float:right; z-index:9; width: 100%; height:51px; margin-top: 50px; margin-bottom: 0; padding:0 20px; color:#E9EDF2; line-height: 47px; border: 2px solid #6F7591; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer}
#subpage-product-cat .select-category > div:first-child span:nth-child(1){display: block;float: left;max-width: 200px;overflow: hidden;max-height: 47px;word-break: break-all;font-size: 13px;}
#subpage-product-cat .select-category > div:first-child span:nth-child(2){display: block; float:right; font-size: 15px; line-height: 47px; color:#CFD1DA; transition: 360ms}
#subpage-product-cat .select-category.open > div:first-child span:nth-child(2){transform: rotateZ(180deg);}
#subpage-product-cat .select-category > div:nth-child(2){z-index: 2;display: block; visibility: hidden; opacity: 0; position: absolute;top: 49px;left: 0;width: 100%;height: auto;max-height:0px;padding: 10px 15px; background: #fff;box-shadow: 0px 28px 18px 9px rgba(0,0,0,0.7); transition:360ms}
#subpage-product-cat .select-category > div:nth-child(2).open{visibility: visible;height: auto;max-height: 227px;opacity: 1;}
#subpage-product-cat .select-category > div:nth-child(2) div{display: block;float: left;width: 100%;height: auto;max-height: 51px;overflow: hidden;word-break: break-all;padding: 2px 15px;color: #202954;border-bottom: 1px solid #f5f5f5;transition: 300ms;cursor: pointer;}
#subpage-product-cat .select-category > div:nth-child(2) div:hover{background-color:#f5f5f5}
#subpage-product-cat .select-category > div:nth-child(2) div a{display: block; float: left;width: 100%; font-size:13px; color:#7d7d7d}
#subpage-product-cat .select-category > div:nth-child(2) div:last-child{border-bottom:none}

#subpage-product-cat .content{display: block;float:left; margin-top:40px; width: 100%}
#subpage-product-cat .content > .container{padding: 0}
#subpage-product-cat .content .cat-items{display:block; float:left; width:100%; clear: both;}
#subpage-product-cat .content .cat-items .item:nth-child(4n+1){clear:both;}
#subpage-product-cat .content .product-items-title{display: block;float: left;margin:40px 0 10px 0; padding-left:15px; width: 100%;border-bottom: 1px solid #E9EDF2;line-height: 50px;font-size: 24px;color: #212a53;}
#subpage-product-cat .content .product-items{display:block; float:left; width:100%; clear: both;}
#subpage-product-cat .content .product-items .item:nth-child(4n+1){clear:both;}
#subpage-product-cat img{display: block; float:left; margin-bottom:30px; width:100%}
#subpage-product-cat img.product-small-cover{display: block;float: right;width: auto;max-width: 255px;margin: 10px 0 10px 25px;}
#subpage-product-cat p{margin:0 0 5px 0;}
#subpage-product-cat .item{margin-top: 20px;}
#subpage-product-cat .item a{display: block; float:left; width: 100%}
#subpage-product-cat .item p{display:block; float:left; width: 100%;}
#subpage-product-cat .item img{margin-bottom: 0; backface-visibility: hidden; border:1px solid #eaeaea}
#subpage-product-cat .item img+p{margin-bottom: 10px; font-size: 18px; color: #212a53;}
#subpage-product-cat .item img+p+p{margin-top:0px; font-size: 13px; color: #979baa; text-decoration: underline}

#subpage-product-cat .zoom-gallery h2{display: block; float:left; margin-bottom:30px; width:100%; border-bottom: 1px solid #E9EDF2; line-height: 50px; font-size: 24px; color:#212a53;}

#subpage-product-cat .zoom-gallery{margin-top: 15px; margin-bottom: 15px;}
#subpage-product-cat .zoom-gallery > div{/*border-bottom: 1px solid #eee;*/}
#subpage-product-cat .zoom-gallery a{display: block; float:left; margin: 0; margin-bottom:30px; padding: 9px; width: 100%; border:1px solid #E9EDF2; outline: none}
#subpage-product-cat .zoom-gallery a>div{position:relative; display: block; float:left; width: 100%; height:100%;}
#subpage-product-cat .zoom-gallery a div div{position: absolute; display: block; float:left; width: 100%; height:100%; background-color: #202954; opacity: 0; transition: 360ms; outline: none}
#subpage-product-cat .zoom-gallery a div div span{display: block; float:left; margin-top: 25%; width: 100%; height:100%; text-align: center; font-size: 50px; color:#fff; transition: 360ms;}
#subpage-product-cat .zoom-gallery a div img{display: block; float:left; margin-bottom:0; width: 100%; outline: none; backface-visibility: hidden}
#subpage-product-cat .zoom-gallery a:hover div div{opacity: 0.7;}
/* 1.12- Product Category Listeleme Sayfası SON */

/* 1.13- Proje Detay Sayfası */
#subpage-project-detail .info-bar{height:220px}
#subpage-project-detail .content{display: block;float:left; margin-top:40px; margin-bottom:40px; width: 100%}
#subpage-project-detail .content .cover{display:block; width:100%; max-width:1330px; margin:0px auto; margin-top: -126px; height:246px;}
#subpage-project-detail .content .cover div{display:block; float:left; width:100%; height:100%; background-image: url('../images/project-detail-cover.jpg'); background-size:cover; background-position: center center;}
#subpage-project-detail .content .pull-left{padding-top: 30px; font-size:15px; line-height:22px; color:#767676}
#subpage-project-detail .content .pull-left .title{display: block;float: left; width: 100%; margin: 5px 0 30px; font-size:24px; color:#212a53;}
#subpage-project-detail .content .project-specs{display: block; float:left; margin-top: 40px; padding:15px; width:100%; border: 2px solid #E9EDF2}
#subpage-project-detail .content .project-specs .spec{border-top: 1px solid #E9EDF2}
#subpage-project-detail .content .project-specs>div:first-child .spec{border-top: none}
#subpage-project-detail .content .project-specs>div:nth-child(2) .spec{border-top: none}
#subpage-project-detail .content .project-specs>div:nth-child(3) .spec{height:107px}
#subpage-project-detail .content .project-specs>div:nth-child(4) .spec{height:107px}
#subpage-project-detail .content .project-specs .spec>p{display:block; float:left; width:100%; font-size: 15px; color: #212a53}
#subpage-project-detail .content .project-specs .spec>p+p{margin:0; margin-bottom:10px; font-size: 17px; color: #767676}

#subpage-project-detail .content h2{display: block; float:left; margin-bottom:30px; width:100%; border-bottom: 1px solid #E9EDF2; line-height: 50px; font-size: 24px; color:#212a53;}

#subpage-project-detail .zoom-gallery{margin-top: 15px}
#subpage-project-detail .zoom-gallery a{display: block; float:left; margin-bottom: 30px; padding: 9px; width: 100%; border:1px solid #E9EDF2; outline: none}
#subpage-project-detail .zoom-gallery a>div{position:relative; display: block; float:left; width: 100%; height:100%;}
#subpage-project-detail .zoom-gallery a div div{position: absolute; display: block; float:left; width: 100%; height:100%; background-color: #202954; opacity: 0; transition: 360ms; outline: none}
#subpage-project-detail .zoom-gallery a div div span{display: block; float:left; margin-top: 25%; width: 100%; height:100%; text-align: center; font-size: 50px; color:#fff; transition: 360ms;}
#subpage-project-detail .zoom-gallery a div img{display: block; float:left; width: 100%; outline: none}
#subpage-project-detail .zoom-gallery a:hover div div{opacity: 0.7;}
/* 1.13- Proje Detay Sayfası SON */

/* 1.14- Proje Liste */
#subpage-project-list .info-bar a.current-category-title{display: block; float: left; width: 100%; margin-top:37px; font-size: 35px; color:#fff; line-height: 100%; text-align: right; text-decoration: none}
#subpage-project-list .info-bar a.related-link{margin-top:20px}
#subpage-project-list .info-bar a.related-link-home{margin-top:85px}

#subpage-project-list .content{margin-top:30px; margin-bottom:50px}
#subpage-project-list .content nav{border-bottom:1px solid #E3E7EC; display: block; float:left; margin-top:30px; width:100%}
#subpage-project-list .content nav ul{overflow: visible;float: left;display: block;width: 100%;}
#subpage-project-list .content nav ul li{position:relative; display: block; float:left; padding-bottom: 4px; width: 25%; padding:0 5px; height: 73px; font-size:18px; color:#777B90; line-height:68px; transition: 360ms; border-top: 1px solid #fff; cursor: pointer; user-select:none}
#subpage-project-list .content nav ul li a{color:#777B90;}
#subpage-project-list .content nav ul li div{display: block; float:left; padding:0 0 0 20px; width:100%; transition: 360ms}
#subpage-project-list .content nav ul li div span:first-child{display: block;float: left;margin-right: 13px; height:68px}
#subpage-project-list .content nav ul li div span:nth-child(2){display: block;float: left;margin-top: 23px;line-height: 22px;}
/*1 Numaralı li rtl de çerçevesi ayrıca tanımlandığı için important olmadan active sonrasına eklendi */
#subpage-project-list .content nav ul li:nth-child(1) div{background-color:#C9D4E0}
#subpage-project-list .content nav ul li:nth-child(1) div span:first-child svg{fill: #777B90}
#subpage-project-list .content nav ul li:nth-child(2){color: #71768C}
#subpage-project-list .content nav ul li:nth-child(2) div{background-color:#E3E7EC}
#subpage-project-list .content nav ul li:nth-child(2) div span:first-child svg{fill: #A9AEBE}
#subpage-project-list .content nav ul li:nth-child(3){color: #B2B6C5}
#subpage-project-list .content nav ul li:nth-child(3) div{background-color:#F1F3F5}
#subpage-project-list .content nav ul li:nth-child(3) div span:first-child svg{fill: #B2B6C5}
/* 4 Numara da 1 Gibi Sıralı Css Bloklama İçin Alta Alındı */
#subpage-project-list .content nav ul li:nth-child(4) div{background-color:#F8F9FA}
#subpage-project-list .content nav ul li:nth-child(4) div span:first-child svg{fill: #B7BAC8}
#subpage-project-list .content nav ul li.active{border-right:1px solid #e3e7ec; border-left:1px solid #e3e7ec; border-top: 1px solid #e3e7ec; color:#272D4C}
#subpage-project-list .content nav ul li.active a{color:#272D4C}
#subpage-project-list .content nav ul li.active div{background-color:#fff; margin-bottom: -2px}
#subpage-project-list .content nav ul li.active div span:first-child svg{fill: #272D4C}
#subpage-project-list .content nav ul li.active:before{content: ""; width: 100%; height:5px; background: #fff; position: absolute; bottom: -2px; right: 0}
/* alt satır - 1. ve 4.li */
#subpage-project-list .content nav ul li:nth-child(1){border-left:none; padding-left: 0;}
#subpage-project-list .content nav ul li:nth-child(4){border-right:none; padding-right: 0; color:#B7BAC9}





#subpage-project-list .content .projects{display: block; float:left; width: 100%}
#subpage-project-list .content .projects .item{margin-top:35px; font-size: 18px; line-height: 23px; color:#202954; letter-spacing: 0px}
#subpage-project-list .content .projects .item > div{display: block; float:left; width:100%; overflow: hidden;}
#subpage-project-list .content .projects .item img{display: block; float:left; width:100%; transition: 360ms}
#subpage-project-list .content .projects .item:hover img{transform: scale(1.1);}
#subpage-project-list .content .projects .item p{margin:25px 0 10px 0; display: block; float:left; width: 100%}
#subpage-project-list .content .projects .item p+p{margin:0; font-size:15px; color:#767676; text-decoration: none;}
#subpage-project-list .content .projects .item p+p+p{margin: 0; margin-top: 15px; font-size:13px; color:#979BAB; text-decoration: underline;}

/* 1.14- Proje Liste SON */

/* 1.15- Referanslar Sayfası  */
#subpage-references > .container{padding: 0}
#subpage-references h2{display: block; float:left; width:100%; margin-top: 40px; font-size:24px; line-height: 125%; color: #212a53}
#subpage-references h2+p{display: block; float:left; width: 100%; font-size:15px; color: #767676}
#subpage-references a.cover-image{display: block; float:left; width: 100%; margin-top:40px}
#subpage-references a.cover-image img{display: block; float:right; width: auto; max-width: 100%}
#subpage-references nav{border-bottom:1px solid #E3E7EC; display: block; float:left; margin-top:40px; margin-bottom:40px; width:100%}
#subpage-references nav ul{overflow: visible;float: left;display: block;width: 100%;}
#subpage-references nav ul li{position:relative; display: block; float:left; padding-bottom: 4px; width: 25%; padding:0 5px; height: 68px; font-size:18px; color:#777B90; line-height:68px; transition: 360ms; cursor: pointer;}
#subpage-references nav ul li div{padding:0 20px; transition: 360ms}
#subpage-references nav ul li div span{display: block;float: left;line-height: 68px;font-size: 35px;margin-right: 15px;}
#subpage-references nav ul li:nth-child(1){border-left:none!important; padding-left: 0;}
#subpage-references nav ul li:nth-child(1) div{background-color:#C9D4E0}
#subpage-references nav ul li:nth-child(2){color: #71768C}
#subpage-references nav ul li:nth-child(2) div{background-color:#E3E7EC}
#subpage-references nav ul li:nth-child(2) div span{color: #A8AEBF}
#subpage-references nav ul li:nth-child(3){color: #B2B6C5}
#subpage-references nav ul li:nth-child(3) div{background-color:#F1F3F5}
#subpage-references nav ul li:nth-child(4){border-right:none!important; padding-right: 0; color:#B7BAC9}
#subpage-references nav ul li:nth-child(4) div{background-color:#F8F9FA}
#subpage-references nav ul li.active{border-right:1px solid #e3e7ec; border-left:1px solid #e3e7ec; border-top: 1px solid #e3e7ec; color:#272D4C}
#subpage-references nav ul li.active div{background-color:#fff; margin-bottom: -2px}
#subpage-references nav ul li.active:before{content: ""; width: 100%; height:5px; background: #fff; position: absolute; bottom: -2px; right: 0}

#subpage-references .tab1, #subpage-references .tab2{display: none}
#subpage-references .open{display: block}
#subpage-references .item a{display: block; width:100%; height:auto; margin:15px 0; padding: 20px 26px; border: 2px solid #E9EDF2}
#subpage-references .item a img{display: block; margin: auto; width:auto; max-width:100%; height:auto}
/* 1.15- Referanslar Sayfası SON */

/* 1.16- Technical Specs Sayfası */
#subpage-technical .info-bar{height:220px}
#subpage-technical .content{display: block;float:left; margin-top:40px; margin-bottom:-280px; width: 100%}
#subpage-technical .content .cover{display:block; width:100%; max-width:1330px; margin:0px auto; margin-top: -126px; height:310px;}
#subpage-technical .content .cover div{display:block; float:left; width:100%; height:100%; background-image: url('../images/about-karmod-cover.jpg'); background-size:cover; background-position: center center;}
#subpage-technical .content .title{padding-top: 30px;font-size:16px; line-height:22px; color:#767676}
#subpage-technical .content .description{font-size:16px; line-height:22px; color:#767676}
#subpage-technical .content .back-to-page{display: block; float: right; margin-top:20px; font-size: 15px; line-height: 30px; color: #212a53}
#subpage-technical .content .back-to-page span{display: inline-block; float:left; padding-right:15px; font-size: 15px; line-height:30px; color: #212a53}

#subpage-technical .content .cover+div.container{position: relative; top:-295px}
#subpage-technical .content .specs{clear: both; display: block; float: left; margin-bottom:30px; width:100%; border:2px solid #D7DFE5}
#subpage-technical .content .specs .line{display: block; float: left; padding:0; width:100%; min-height:75px; height:auto; background-color: #fff; font-size:16px; color:#212a53; line-height:75px;}
#subpage-technical .content .specs .line:nth-child(even){background-color: #F3F5F6}
#subpage-technical .content .specs .line .left{display: block; float: left; position: relative; overflow: hidden; padding: 25px; width:34%; height:auto; font-size:16px; color:#212a53; line-height:25px; text-transform: uppercase;}
/*#subpage-technical .content .specs .line .border{display: block; float:left; width:1%; max-width: 2px; height:100%; background-color: #E8EBED;}*/
#subpage-technical .content .specs .line .right{display: block; float: left; padding: 25px; width:65%; height:auto; font-size:16px; color:#212a53; line-height:25px;}

#subpage-technical .content .info-box{clear: both; display: block; float: left; margin-bottom:30px; padding:20px 30px; width:100%; border:2px solid #D7DFE5; font-size:16px; color:#212a53}

/* 1.16- Technical Specs Sayfası */


/* 1.17- News */
#subpage-news h2{font-size:24px; color: #212a53}
#subpage-news h2+p{font-size:15px; color: #767676}

#subpage-news .content{display: block;float:left; margin-top:40px; width: 100%}
#subpage-news img{display: block; float:left; width:100%}
#subpage-news .item{margin-top: 20px;}
#subpage-news .item a{display: block; float:left; width: 100%}
#subpage-news .item p{display:block; float:left; width: 100%;}
#subpage-news .item img+p{margin-bottom: 10px; font-size: 18px; color: #212a53;}
#subpage-news .item img+p+p{margin-top:0px; font-size: 13px; color: #979baa; text-decoration: underline}
/* 1.17- News SON */


/* 1.18- News Detail */
#subpage-news-detail .content{display: block;float:left; margin-top:30px; margin-bottom:40px; width: 100%}
#subpage-news-detail .content>.container{padding:0}
#subpage-news-detail .content .cover{display:block; width:100%; max-width:1330px; margin:0px auto; margin-top: -126px; height:246px;}
#subpage-news-detail .content .cover div{display:block; float:left; width:100%; height:100%; background-image: url('../images/project-detail-cover.jpg'); background-size:cover; background-position: center center;}
#subpage-news-detail .content .pull-left{padding-top: 0; font-size:15px; line-height:22px; color:#767676}
#subpage-news-detail .content .pull-left .title{display: block;float: left; width: 100%; margin: 5px 0 30px; font-size:24px; color:#212a53;}

#subpage-news-detail .content img{display: block; float:left; padding-left: 0; width: 100%}
#subpage-news-detail .content .short-info{display: block; float: left; margin-top:20px; padding:30px; width:100%; font-size:17px; font-style: italic; font-weight: 500; line-height: 30px; color:#454f7d; border:2px solid #E9EDF2}
#subpage-news-detail .content .short-info img{display: block;float:left; margin-bottom: 20px; width: auto}
#subpage-news-detail .content .short-info span{display: block; width: 100%; clear: both;}
#subpage-news-detail .content .short-info span+img{float: right; margin-top: 20px; margin-bottom: 0}

#subpage-news-detail .content .sidebar a.button{display: block;float: left;width: 100%;padding: 15px;background: #f7941e;color: #fff;font-size: 18px;margin-bottom: 10px; cursor:pointer;}
#subpage-news-detail .content .sidebar a.button:nth-child(2){background-color: #202954}
#subpage-news-detail .content .sidebar a.button:nth-child(3){background-color: #00aad9}

#subpage-news-detail .content h2{display: block; float:left; margin-bottom:30px; width:100%; border-bottom: 1px solid #E9EDF2; line-height: 50px; font-size: 24px; color:#212a53;}

#subpage-news-detail .zoom-gallery{margin-top: 15px}
#subpage-news-detail .zoom-gallery a{display: block; float:left; margin-bottom: 30px; padding: 9px; width: 100%; border:1px solid #E9EDF2; outline: none}
#subpage-news-detail .zoom-gallery a>div{position:relative; display: block; float:left; width: 100%; height:100%;}
#subpage-news-detail .zoom-gallery a div div{position: absolute; display: block; float:left; width: 100%; height:100%; background-color: #202954; opacity: 0; transition: 360ms; outline: none}
#subpage-news-detail .zoom-gallery a div div span{display: block; float:left; margin-top: 25%; width: 100%; height:100%; text-align: center; font-size: 50px; color:#fff; transition: 360ms;}
#subpage-news-detail .zoom-gallery a div img{display: block; float:left; width: 100%; outline: none}
#subpage-news-detail .zoom-gallery a:hover div div{opacity: 0.7;}


/* 1.18- News Detail SON */




/* 1.9999- Alt Sayfalar Responsive */
  @media (min-width :1200px){
    /* Ürün Sayfası */
    #subpage-product .select-category{width: 270px;}
    /* Ürün Sayfası SON */

    /* 1.12- Product Category Listeleme Sayfası */
    #subpage-product-cat .select-category{width: 263px;}
    /* 1.12- Product Category Listeleme Sayfası SON */

    /* Contact Page */
    #subpage-contact .select-category{width: 270px;}
    /* Contact Page SON */
  }

  @media (max-width :1199px){
    .info-bar h1{font-size: 27px; max-height:56px}
    footer.subpage{margin-top:0;}
    /* About Us Sayfası */
    #subpage-about-us .content .cover{padding: 0 15px}
    /* About Us Sayfası SON */

    /* Certificates Sayfası */
    #subpage-certificates .content .cover{padding: 0 15px}
    #subpage-certificates .zoom-gallery a>div+div span{margin-top: 40%}
    /* Certificates Sayfası SON */

    /* Arama sayfası */
    #subpage-search .content form+p{margin: 5px 0;}
    /* Arama sayfası */

    /* Human Resources */
    #subpage-human-resources .content .cover{padding: 0 15px}
    /* Human Resources SON */

    /* Contact Sayfası */
    #subpage-contact .content .cover-contact{padding: 0 15px}
    /* Contact Sayfası SON */

    /* Ürün Sayfası */
    #subpage-product .select-category > div:first-child span:nth-child(1){max-width:233px}
    /* Ürün Sayfası SON */    

    /* Ürün Kategori Sayfası */
    #subpage-product-cat .select-category > div:first-child span:nth-child(1){max-width:233px}
    #subpage-product-cat .content .cat-items .item:nth-child(4n+1){clear:initial;}
    #subpage-product-cat .content .product-items .item:nth-child(4n+1){clear:initial;}
    #subpage-product-cat .content .cat-items .item:nth-child(3n+1){clear:both;}
    #subpage-product-cat .content .product-items .item:nth-child(3n+1){clear:both;}
    /* Ürün Kategori Sayfası SON */

    /* Proje Detay Sayfası Sayfası */
    #subpage-project-detail .content .cover{padding: 0 15px}
    #subpage-project-detail .content .project-specs .spec>p+p{font-size: 14px}
    /* Proje Detay Sayfası Sayfası SON */

    /* Proje List Sayfası */
    #subpage-project-list .info-bar a.current-category-title{font-size: 24px}
    #subpage-project-list .info-bar a.related-link{margin-top:15px}
    #subpage-project-list .info-bar a.related-link-home{margin-top:85px}
    #subpage-project-list .content nav ul li{line-height: 21px}
    #subpage-project-list .content nav ul li div{padding-top: 0;height: 67px;}
    #subpage-project-list .content nav ul li div span{line-height: 38px}
    #subpage-project-list .content nav ul li div span:nth-child(2){margin-top:12px;}
    /* Proje List Sayfası SON */

    /* 1.15- Referanslar Sayfası */
    #subpage-references nav ul li{line-height: 21px;}
    #subpage-references nav ul li div{padding-top: 15px;height: 67px;}
    #subpage-references nav ul li div span{line-height: 38px}
    /* 1.15- Referanslar Sayfası SON */

}



  @media (max-width: 991px){
    .info-bar h1{margin-bottom: 6px;}
    .info-bar a.related-link{font-size: 15px}
    /* About Us Sayfası */
    #subpage-about-us .content .cover div{background-position: center center;}
    /* About Us Sayfası SON */

    /* Ürün Sayfası */
    #subpage-product .sidebar .tabs>div{padding-left: 13px; font-size: 16px}
    #subpage-product .sidebar .specs{padding: 0 15px;}
    #subpage-product .sidebar .specs .line{padding:20px 0; line-height: 20px;}
    #subpage-product .sidebar .other-links{width: 100%; margin-left: 0; margin-right: 0}
    #subpage-product .sidebar .other-links>div{padding:0}
    #subpage-product .sidebar .other-links>div a{margin-bottom:0px; height:43px}
    #subpage-product .sidebar .other-links>div a>span:first-child{padding-top: 0; line-height: 43px}
    #subpage-product .sidebar .other-links>div a>span:nth-child(2){font-size:22px; line-height: 43px}
    /* Ürün Sayfası SON */

    /* Galeri Kategori Sayfası */
    #subpage-gallery-cat .info-bar a.current-category-title{margin-top:15px; font-size:23px; line-height: 56px;}
    #subpage-gallery-cat .info-bar a.related-link{margin-top: 5px}
    /* Galeri Kategori Sayfası SON */

    /* Certificates Sayfası */
      #subpage-certificates .content .cover div{background-position: center center;}
      #subpage-certificates .zoom-gallery a div+div{opacity: 0}
    /* Certificates Sayfası SON */

    /* Human Resources */
      #subpage-human-resources .content .cover div{background-position: center center;}
      #subpage-human-resources .content .upload{width: 100%;}
    /* Human Resources SON */

    /*Contact Sayfası */
      #subpage-contact .content .cover-contact div{background-position: center center;}
      #subpage-contact .content .pull-right .contact-info p.main-number{font-size:22px;}
    /*Contact Sayfası SON */

    /* Proje List Sayfası */
    #subpage-project-list .content nav ul{overflow-x: scroll;overflow-y: hidden; white-space: nowrap;}
    #subpage-project-list .content nav ul li{display: inline-block; float:none; min-width: 235px}

    #subpage-project-list .content nav ul{height:73px; overflow-x: scroll;overflow-y: hidden; white-space: nowrap;}
    #subpage-project-list .content nav ul::-webkit-scrollbar{
      height: 7px;
      width: 7px;
      border-radius: 5px;
      margin-right: 2px
    }
    #subpage-project-list .content nav ul::-webkit-scrollbar-track{
      background: none;
      border-radius: 5px;
    }
    #subpage-project-list .content nav ul::-webkit-scrollbar-thumb{
      background: #dedede;
      border: 1px solid #d5d5d5;
      border-radius: 5px;
    }
    #subpage-project-list .content nav ul li{display: inline-block; float:none; min-width: 235px}
    /* Proje List Sayfası SON */

    /* 1.15- Referanslar Sayfası */
    #subpage-references nav ul{overflow-x: scroll;overflow-y: hidden; white-space: nowrap;}
    #subpage-references nav ul li{display: inline-block; float:none; min-width: 235px}
    /* 1.15- Referanslar Sayfası SON */
  }

  @media (min-width: 768px){
    #subpage-products .product-category:hover .links{visibility: visible; opacity: 1}
  }

  @media (max-width: 767px){
    .info-bar > .container >.row > div:first-child{padding-left: 15px}
    .info-bar > .container >.row > div:nth-child(2){padding-right: 15px}
    .info-bar h1{max-height:46px; font-size:22px; margin-bottom: 5px; margin-top: 20px;}
    #subpage-sss > .container{padding: 0 15px;}
    #subpage-sss .select-category{margin-top: 0px;margin-bottom: 0; font-size: 13px}

  /* 1.3- Ürün Sayfası */
    #subpage-product>.container{padding: 0 15px}
    #subpage-product .select-category{margin-top: 8px}
    #subpage-product .select-category > div:first-child span:nth-child(1){max-width:220px}

    #subpage-product .gallery{padding: 0}
    #subpage-product .sidebar>h2{margin:15px 0 24px 0; font-size:17px; font-weight:500}

    #subpage-product .description{margin-top:15px; padding-top:0px; border: none}
    #subpage-product .description h2{margin-top:15px; font-size: 17px; font-weight: 500;}
  /* 1.3- Ürün Sayfası SON */

  /* Ürün Kategori Sayfası */
  #subpage-product-cat .select-category > div:first-child span:nth-child(1){max-width:220px}
  /* Ürün Kategori Sayfası SON */  

  /* References */
    #subpage-references > .container{padding: 0 15px}
  /* References SON*/

  /* Galeri Sayfası */
    #subpage-gallery>.container{padding: 0 15px}
    #subpage-gallery .content{margin-top: 20px}
    #subpage-gallery .info-bar{min-height:56px; height:auto}
    #subpage-gallery .info-bar h1{font-size: 22px;margin-bottom: 0px;margin-top: 20px;}
    #subpage-gallery .content .row > div{padding:0;margin-bottom:20px}
    #subpage-gallery .photo-gallery{height:400px}
    #subpage-gallery .video-gallery{height:400px}
    #subpage-gallery .photo-gallery p, #subpage-gallery .video-gallery p{padding-left: 30px}
    #subpage-gallery .links{padding:10px 20px 10px 20px;}
    #subpage-gallery .links a{font-size: 15px}
  /* Galeri Sayfası */

  /* Galeri Kategori Sayfası */
    #subpage-gallery-cat .info-bar {min-height:56px; height:auto}
    #subpage-gallery-cat .info-bar a.current-category-title{margin-top:0; line-height: 56px; text-align: left}
    #subpage-gallery-cat .content > .row > div{padding: 15px}
    #subpage-gallery-cat .zoom-gallery a{padding:0; border:none;}
    #subpage-gallery-cat .zoom-gallery a:hover div div{opacity: 0}
  /* Galeri Kategori Sayfası */

  /* About Us Sayfası */
    #subpage-about-us .info-bar{min-height:77px; height:auto}
    #subpage-about-us .info-bar h1{min-height:24px; max-height:24px;}
    #subpage-about-us .content .pull-left{padding-right:15px}
    #subpage-about-us .content .pull-right{padding-left: 15px; padding-right: 15px;}
    #subpage-about-us .content .cover{height: 187px; margin-top: -60px;}
  /* About Us Sayfası SON */

  /* Certificates Sayfası */
    #subpage-certificates .info-bar{min-height:77px; height:auto}
    #subpage-certificates .info-bar h1{min-height:24px; max-height:24px;}    
    #subpage-certificates .content .cover{height: 187px; margin-top: -60px;}
    #subpage-certificates .content .pull-left{padding-right: 15px}
    #subpage-certificates .content .pull-right{padding-left: 15px; padding-right: 15px;}
    #subpage-certificates .zoom-gallery a>div{padding: 5px}
  /* Certificates Sayfası SON */

  /* Arama Sayfası*/
    #subpage-search .info-bar{min-height:57px; height:auto}
    #subpage-search .content{margin-top: 15px}
    #subpage-search .content form.searchbox{margin-bottom:5px; padding: 30px 20px}
    #subpage-search .content form.searchbox>p{font-size:14px;}
    #subpage-search .content form.searchbox input{margin-right: 0; width: 100%;}
    #subpage-search .content form.searchbox button{margin-top: 10px; width: 100%;}
    #subpage-search .content form+p{padding:8px 15px 15px 20px; border-bottom: 1px solid #F0F3F8}
    #subpage-search .content a.result{padding: 0 20px}
  /* Arama Sayfası SON */

  /* Human Resources */
    #subpage-human-resources .info-bar{min-height:77px; height:auto}
    #subpage-human-resources .info-bar > .container >.row > div:first-child{padding-left: 15px}
    #subpage-human-resources .content .pull-left{padding-left: 0; padding-right: 0px;}
    #subpage-human-resources .content .pull-left form>div{margin-top: 20px; padding-top: 0;}
    #subpage-human-resources .content .pull-left form .title{margin-bottom:5px}
    #subpage-human-resources .content .pull-left form button{width:90%; float: none; margin:auto}
    #subpage-human-resources .content .pull-left form button.clear{width:90%; float: none; margin:auto; margin-top: 15px}
    #subpage-human-resources .content .pull-right{padding-left: 0; padding-right: 0px;}
    #subpage-human-resources .content .cover{height: 187px; margin-top: -60px;}
    #subpage-human-resources .content .upload{padding-left:35px; width: 100%;}
  /* Human Resources */

  /*Contact Sayfası*/
    #subpage-contact .info-bar{height:145px;}
    #subpage-contact .select-category{margin-top:5px}
    #subpage-contact .content .pull-left{padding-left: 0; padding-right: 0px;}
    #subpage-contact .content .pull-left form>div{margin-top: 20px; padding:0 15px}
    #subpage-contact .content .pull-left form .title{margin-bottom:5px}
    #subpage-contact .content .pull-left form button{margin-top:25px; margin-bottom:15px; width: 100%}
    #subpage-contact .content .pull-right{padding-top:0; padding-left: 0; padding-right: 0px;}
    #subpage-contact .content .pull-right .contact-info{border:none}
    #subpage-contact .content .cover-contact{height: 300px; margin-top: -50px; padding: 0}
  /*Contact Sayfası SON */

  /* Products Ana Sayfası */
    #subpage-products .info-bar{min-height:60px; height:auto}
    #subpage-products .content{margin-top: 0}
    #subpage-products .content >.container{padding: 0 15px}
    #subpage-products .content .row >div{padding: 0}
    #subpage-products .product-category{margin-bottom:0; max-height: 200px}
    #subpage-products .product-category.open .links{visibility: visible; opacity: 1}
    #subpage-products .product-category p{margin-top:20px; padding-left: 20px; font-size:21px;}
    #subpage-products .product-category p.caption{display: none}
    #subpage-products .product-category.long{max-height: none; }
    #subpage-products .links{position: fixed; top:0; left:0; padding-top: 55px; background-color: rgb(32, 41, 84); z-index: 10; color:#fff;}
    #subpage-products .links > div{display: block;float: left;top: 0;right: 0;position: absolute;margin-right: 15px;margin-top: 15px;font-size: 27px;}
    #subpage-products .links > div+a{border-top: 1px solid #273267;}
    #subpage-products .links a{padding: 0 12px 0 25px; width: 100%; border-bottom: 1px solid #273267;}
    #subpage-products .links a:last-child{border-bottom: none;}
  /* Products Ana Sayfası */

  /* Products Category Liste Sayfası */
    #subpage-product-cat .select-category{margin-top: 8px}
    #subpage-product-cat .content{margin-top:0;}
    #subpage-product-cat .content>.container{padding: 0 15px}
    #subpage-product-cat .content .item{border-bottom:1px solid #F0F3F8}
  /* Products Category Liste Sayfası SON */


  /* Proje Detay Sayfası */
    #subpage-project-detail .info-bar{height:77px; min-height:auto}
    #subpage-project-detail .info-bar h1{font-size:17px; height:36px; max-height:36px}
    #subpage-project-detail .content .cover{height: 187px; margin-top: -60px;}
    #subpage-project-detail .content .project-specs>div:nth-child(2) .spec{border-top: 1px solid #E9EDF2;}
    #subpage-project-detail .content .project-specs>div:nth-child(3) .spec{height:auto}
    #subpage-project-detail .content .project-specs>div:nth-child(4) .spec{height:auto}
    #subpage-project-detail .content h2{margin-bottom:10px; font-size: 20px; line-height: 34px; border:none}
    #subpage-project-detail .zoom-gallery a:hover div div{opacity: 0}
  /* Proje Detay Sayfası SON */

  /* Proje Liste Sayfası */
    #subpage-project-list .info-bar {min-height:56px; height:auto}
    #subpage-project-list .info-bar a.current-category-title{margin-top:0; font-size:23px; line-height: 56px; text-align: left}
    #subpage-project-list .content nav{margin-top: 0}
  /* Proje Liste Sayfası SON */

  /* 1.15- Referanslar Sayfası */
    #subpage-references .item a{padding:5px}
    #subpage-references .info-bar {min-height:56px; height:auto}
    #subpage-references nav{margin-bottom:15px;}
  /* 1.15- Referanslar Sayfası SON */


  /* Technical Specs Sayfası */
  #subpage-technical .content .specs .line .left{margin-bottom: 15px; padding-bottom: 0; width:100%;}
  #subpage-technical .content .specs .line .right{padding-top: 0; width:100%;}
  #subpage-technical .info-bar{height: 144px}
  #subpage-technical .info-bar h1{margin-top: 21px; font-size: 15px}
  /* Technical Specs Sayfası SON */

  /* News */
  #subpage-news .info-bar{min-height:60px; height:auto}
  #subpage-news .content{margin-top:10px;}
  /* News */

  /* News Detail */
  #subpage-news-detail .info-bar{min-height:60px; height:auto}
  #subpage-news-detail .content>.container{padding:0 15px}  
  /* News Detail */
  



  }

  @media (max-width :500px){
    #subpage-product .sidebar .tabs>div{font-size: 14px; padding-left:15px;}
  }
/* 1.9999- Alt Sayfalar Responsive */
/* Alt Sayfalar SON */



.mobile-menu-background {height: 100%;width: 100%;background: white;bottom: 0;left: 0;position: fixed;z-index: 10;}

header {
    position: fixed;
    display: block;
    float: left;
    width: 100%;
    z-index: 9999;
    background-color: #fff;
    }

header .countries{display:block; float:left; overflow:hidden; padding:0; height:0; width:100%; background: url("../images/select-country-background.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; background-color:#202954; transition: 360ms}
header .countries.active{height:auto; padding:20px 0;}
header .countries a{color:#fff; line-height:40px;}


header .topbar{display: block; float:left; width: 100%; height:50px; border-bottom:1px solid #E9EDF2}
header .topbar nav ul li{display: block; float:left;}
header .topbar nav ul li a{display: block; float:left; margin-right:30px; line-height:50px; text-decoration: none; color:#9599A1; transition: 360ms}
header .topbar nav ul li a:hover{color:#5C5D60;}
header .topbar nav+section div{display: block; float: left; margin:0; height:49px; line-height: 49px; color:#fff; cursor: pointer}
header .topbar nav+section div.share{display: block; float: left; height:49px; width:56px; background-color:#BAC2D0; line-height: 49px}
header .topbar nav+section div.share span{display: block; float: left; height:49px; width:100%; font-size: 18px; line-height: 49px; text-align: center; transform: rotateZ(0deg); transition: 360ms}
header .topbar nav+section div.share.active span{font-size:25px; transform: rotateZ(-180deg); transition: 360ms}

.socialit{display: block!important;float: left;position: relative;z-index: 1;width: 0px;transition: 360ms;}
.socialit > div{display: block!important;float: left;position: relative;z-index: 1;right: -196px;width: 196px;}
.socialit.active{display: block!important;float: left;right: 0;width: 196px;}
.socialit > div{display: block!important;float: left;position: relative;z-index: 1;right: 0;}
.socialit a{display:block; float:left; width: 49px; height:49px; font-size:16px; line-height:49px; text-align: center; color:#fff; text-decoration: none; transition: 360ms}
.socialit a:first-child{background-color: #00ABF0}
.socialit a:nth-child(2){background-color: #39579A}
.socialit a:nth-child(3){background-color: #007AB8}
.socialit a:nth-child(4){background-color: #DF4A32}


header .topbar nav+section div.select-country{display: block; float: left; position: relative; z-index:5; min-width: 200px; max-width:200px; height:49px; padding:0; background-color: #00AAD9; line-height: 49px; transition: 360ms}
header .topbar nav+section div.select-country:hover{background-color: #00A3CC;}
header .topbar nav+section div.select-country.active{background-color: #202954;}
header .topbar nav+section div.select-country > div{padding:0 20px; width: 100%}
header .topbar nav+section div.select-country > div span{display: block; float: left; margin-right: 10px; font-size:23px; line-height: 49px}
header .topbar nav+section div.select-country.searchbar >div{display: none}
header .topbar nav+section div.select-country form{display: none; width: 100%; height:100%;}
header .topbar nav+section div.select-country form span{display: block;float: left;height: 100%;width: 50px; font-size:20px; line-height: 50px;text-align: center;}
header .topbar nav+section div.select-country button{display: block; float:left; background:transparent; padding: 0; width: auto; height:100%; border:none; outline: none; transition: 360ms}
header .topbar nav+section div.select-country input{display: block; float:left; background:transparent; padding: 0; width: auto; max-width: 149px; height:100%; border:none; outline: none; transition: 360ms}
header .topbar nav+section div.select-country input::-webkit-input-placeholder{color:#fff}
header .topbar nav+section div.select-country.searchbar form{display: block;}
header .topbar nav+section div.search{display: block; float: left; position: relative; z-index:5; height:49px; width: 55px; background-color: #00BEE6; line-height: 49px; transition: 360ms}
header .topbar nav+section div.search:hover{background-color: #00B8D8}
header .topbar nav+section div.search span{display: block; float: left; height:49px; width: 100%; font-size:18px; text-align: center; line-height: 49px}
header .topbar .pull-right{overflow:hidden;}

header .mainbar .select-country-mob{display: block;float: right;color: #212C7F;font-weight: 500;font-size: 14px;padding-right: 10px;border-right: 2px solid #212C7F;line-height: 20px;text-align: right;margin-top: 16px;}

header .mainbar{display: block; overflow: auto; height:auto; max-height: 103px; }
header .mainbar a.logo{display: block; float:left; height:auto; max-height: 103px; padding-top:20px}
header .mainbar a.logo img{display: block; float: left; width: auto; max-width: 100%}
header .mainbar nav ul li{display: block; float:left; padding:0}
header .mainbar nav > ul > li > a{display: block; float:left; position: relative; margin-right:30px; line-height:103px; font-size: 16px; text-decoration: none; color:#202954;}
header .mainbar nav > ul > li:last-child > a{margin-right: 0}
header .mainbar nav > ul > li > a:before{content: ''; display: block; left:0; position: absolute; width: 50%; height:0px; bottom:0; border-top: 0px solid transparent; border-right:0px solid #202954; transition: 260ms}
header .mainbar nav > ul > li > a:after{content: ''; display: block; right:0; position: absolute; width: 50%; height:0px; bottom:0; border-top: 0px solid transparent; border-left:0px solid #202954; transition: 260ms}
header .mainbar nav ul li .extend{visibility: hidden;opacity: 0; background-color:#202954; height: auto; width: 100%;position: absolute;left: 0;margin-top: 103px;z-index:10;transition: 100ms;}
header .mainbar nav ul li .extend ul{display:block; height: auto;max-height: 0;width: 100%;float: left;padding:0;list-style: none;overflow: hidden;transition: 360ms;}
header .mainbar nav ul li .extend ul li a{box-sizing: border-box; width: 100%;height: auto;overflow: auto;margin-bottom: 10px;margin-top: 10px;padding: 10px;float: left;font-size: 15px;font-weight: 500;text-align: left;color: #173D7E;line-height: 15px;text-decoration: none; border-radius: 3px; border: 1px solid #202954; transition: 250ms;}
header .mainbar nav ul li .extend ul li a:hover{border: 1px solid #525A7A; border-radius: 3px;}
header .mainbar nav ul li .extend ul li a img{display: block;float:left;width: 50%; max-width: 120px; transition: 360ms; -webkit-filter: grayscale(85%); filter: grayscale(85%);}
header .mainbar nav ul li .extend ul li a:hover img{-webkit-filter: grayscale(0%); filter: grayscale(0%);}
header .mainbar nav ul li .extend ul li a img+span{display: block; width: 50%; float: left; padding-top: 12px; padding-left: 14px;font-size: 15px;font-weight: 400;text-align: left;color: #fff;line-height: 15px;text-decoration: none;}


/* Menü Açılış Efektleri */
/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeInMenuItem { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeInMenuItem { from { opacity:0; } to { opacity:1; } }
@keyframes fadeInMenuItem { from { opacity:0; } to { opacity:1; } }

header .mainbar nav>ul>li:hover ul li.fade-in {
  opacity:0;  /* make things invisible upon start */
}
header .mainbar nav>ul>li:hover ul li.fade-in{
    -webkit-animation:fadeInMenuItem ease-in 1;  /* call our keyframe named fadeInMenuItem, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeInMenuItem ease-in 1;
  animation:fadeInMenuItem ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:400ms;
  -moz-animation-duration:400ms;
  animation-duration:400ms;
}


header .mainbar nav>ul>li:hover ul li:nth-child(1) {
  -webkit-animation-delay: 50ms;
  -moz-animation-delay: 50ms;
  animation-delay: 50ms;
}

header .mainbar nav>ul>li:hover ul li:nth-child(2) {
  -webkit-animation-delay: 100ms;
  -moz-animation-delay:100ms;
  animation-delay: 100ms;
}

header .mainbar nav>ul>li:hover ul li:nth-child(3) {
  -webkit-animation-delay: 150ms;
  -moz-animation-delay: 150ms;
  animation-delay: 150ms;
}

header .mainbar nav>ul>li:hover ul li:nth-child(4) {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
header .mainbar nav>ul>li:hover ul li:nth-child(5) {
  -webkit-animation-delay: 250ms;
  -moz-animation-delay: 250ms;
  animation-delay: 250ms;
}
header .mainbar nav>ul>li:hover ul li:nth-child(6) {
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
  animation-delay: 300ms;
}
header .mainbar nav>ul>li:hover ul li:nth-child(7) {
  -webkit-animation-delay: 350ms;
  -moz-animation-delay: 350ms;
  animation-delay: 350ms;
}
header .mainbar nav>ul>li:hover ul li:nth-child(8) {
  -webkit-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  animation-delay: 400ms;
}
header .mainbar nav>ul>li:hover ul li:nth-child(9) {
  -webkit-animation-delay: 450ms;
  -moz-animation-delay: 450ms;
  animation-delay: 450ms;
}
header .mainbar nav>ul>li:hover ul li:nth-child(10) {
  -webkit-animation-delay: 500ms;
  -moz-animation-delay: 500ms;
  animation-delay: 500ms;
}
header .mainbar nav>ul>li:hover ul li:nth-child(11) {
  -webkit-animation-delay: 550ms;
  -moz-animation-delay: 550ms;
  animation-delay: 550ms;
}
header .mainbar nav>ul>li:hover ul li:nth-child(12) {
  -webkit-animation-delay: 600ms;
  -moz-animation-delay: 600ms;
  animation-delay: 600ms;
}
header .mainbar nav>ul>li:hover ul li:nth-child(13) {
  -webkit-animation-delay: 650ms;
  -moz-animation-delay: 650ms;
  animation-delay: 650ms;
}
header .mainbar nav>ul>li:hover ul li:nth-child(14) {
  -webkit-animation-delay: 700ms;
  -moz-animation-delay: 700ms;
  animation-delay: 700ms;
}
header .mainbar nav>ul>li:hover ul li:nth-child(15) {
  -webkit-animation-delay: 750ms;
  -moz-animation-delay: 750ms;
  animation-delay: 750ms;
}
header .mainbar nav>ul>li:hover ul li:nth-child(16) {
  -webkit-animation-delay: 800ms;
  -moz-animation-delay: 800ms;
  animation-delay: 800ms;
}
header .mainbar nav>ul>li:hover ul li:nth-child(17) {
  -webkit-animation-delay: 850ms;
  -moz-animation-delay: 850ms;
  animation-delay: 850ms;
}
/* Menü Açılış Efektleri SON */


header .mainbar nav>button{
    background: none;
    border: none;
    height: 72px;
    width: 100%;
    max-width: 55px;
    padding-top: 6px;
    outline:none;
    transition: 300ms;
    cursor:pointer;
}

header .mainbar nav>button.open{
  background: none;
  margin-top: 15px;
  margin-right: 15px;
}

/* ikon Temel Kodlar */

#nav-icon {
  width: 35px;
  height: 35px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon span{
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #212C7F;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/* ikon temel Elemanlar */

#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 13px;
}

#nav-icon span:nth-child(4) {
  top: 26px;
}

#nav-icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/* ikon Kodlar SON */


/* Projeler */

#projects{overflow:hidden; margin-top:30px; margin-bottom:50px}
#projects nav{border-bottom:1px solid #E3E7EC; display: block; float:left; margin-bottom: 30px; width:100%}
#projects nav ul{overflow: visible;float: left;display: block;width: 100%;}
#projects nav ul li{position:relative; display: block; float:left; padding-bottom: 4px; width: 25%; padding:0 5px; height: 73px; font-size:18px; color:#777B90; line-height:68px; transition: 360ms; border-top: 1px solid #fff; cursor: pointer; user-select:none}
#projects nav ul li div{display: block; float:left; padding:0 0 0 20px; width:100%; transition: 360ms}
#projects nav ul li div span:first-child{display: block;float: left;margin-right: 13px; height:68px}
#projects nav ul li div span:nth-child(2){display: block;float: left;margin-top: 23px;line-height: 22px;font-size: 15px;}
/*1 Numaralı li rtl de çerçevesi ayrıca tanımlandığı için important olmadan active sonrasına eklendi */
#projects nav ul li:nth-child(1) div{background-color:#C9D4E0}
#projects nav ul li:nth-child(1) div span:first-child svg{fill: #777B90}
#projects nav ul li:nth-child(2){color: #71768C}
#projects nav ul li:nth-child(2) div{background-color:#E3E7EC}
#projects nav ul li:nth-child(2) div span:first-child svg{fill: #A9AEBE}
#projects nav ul li:nth-child(3){color: #B2B6C5}
#projects nav ul li:nth-child(3) div{background-color:#F1F3F5}
#projects nav ul li:nth-child(3) div span:first-child svg{fill: #B2B6C5}
/* 4 Numara da 1 Gibi Sıralı Css Bloklama İçin Alta Alındı */
#projects nav ul li:nth-child(4) div{background-color:#F8F9FA}
#projects nav ul li:nth-child(4) div span:first-child svg{fill: #B7BAC8}
#projects nav ul li.active{border-right:1px solid #e3e7ec; border-left:1px solid #e3e7ec; border-top: 1px solid #e3e7ec; color:#272D4C}
#projects nav ul li.active div{background-color:#fff; margin-bottom: -2px}
#projects nav ul li.active div span:first-child svg{fill: #272D4C}
#projects nav ul li.active:before{content: ""; width: 100%; height:5px; background: #fff; position: absolute; bottom: -2px; right: 0}
/* alt satır - 1. ve 4.li */
#projects nav ul li:nth-child(1){border-left:none; padding-left: 0;}
#projects nav ul li:nth-child(4){border-right:none; padding-right: 0; color:#B7BAC9}


#projects .owl-carousel{display: block;height: 0;visibility: hidden;opacity: 0;float: left;width: 100%;transition: 300ms;overflow-x: hidden;overflow-y:visible;}
#projects .owl-carousel.open{visibility: visible;height: initial;opacity: 1;}
#projects .owl-carousel .item{font-size: 18px; line-height: 23px; color:#202954; letter-spacing: 0px}
#projects .owl-carousel .item > div{display: block; float:left; width:100%; overflow: hidden;}
#projects .owl-carousel .item img{display: block; float:left; width:100%; transition: 360ms}
#projects .owl-carousel .item:hover img{transform: scale(1.1);}
#projects .owl-carousel .item p{margin:25px 0 10px 0; display: block; float:left; width: 100%; max-height:46px; overflow:hidden;}
#projects .owl-carousel .item p+p{margin: 0; font-size:13px; color:#979BAB; text-decoration: underline;}








/* Carousel Açılış Efektleri */
/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeInCarouselItem { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeInCarouselItem { from { opacity:0; } to { opacity:1; } }
@keyframes fadeInCarouselItem { from { opacity:0; } to { opacity:1; } }

#projects .owl-carousel .owl-stage .owl-item{
  opacity:0;  /* make things invisible upon start */
}
#projects .owl-carousel.open .owl-stage .owl-item{
    -webkit-animation: fadeInCarouselItem ease-in 1;  /* call our keyframe named fadeInMenuItem, use animattion ease-in and repeat it only 1 time */
  -moz-animation: fadeInCarouselItem ease-in 1;
  animation: fadeInCarouselItem ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:300ms;
  -moz-animation-duration:300ms;
  animation-duration:300ms;
}


#projects .owl-carousel.open .owl-stage .owl-item { /* Fazla Eleman Eklenirse Standart Geçiş Olsun Diye Önlem Alındı */
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
  animation-delay: 300ms;
}

#projects .owl-carousel.open .owl-stage .owl-item:nth-child(1) {
  -webkit-animation-delay: 75ms;
  -moz-animation-delay: 75ms;
  animation-delay: 75ms;
}

#projects .owl-carousel.open .owl-stage .owl-item:nth-child(2) {
  -webkit-animation-delay: 150ms;
  -moz-animation-delay:150ms;
  animation-delay: 150ms;
}

#projects .owl-carousel.open .owl-stage .owl-item:nth-child(3) {
  -webkit-animation-delay: 225ms;
  -moz-animation-delay: 225ms;
  animation-delay: 225ms;
}

#projects .owl-carousel.open .owl-stage .owl-item:nth-child(4) {
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
  animation-delay: 300ms;
}
#projects .owl-carousel.open .owl-stage .owl-item:nth-child(5) {
  -webkit-animation-delay: 375ms;
  -moz-animation-delay: 375ms;
  animation-delay: 375ms;
}
#projects .owl-carousel.open .owl-stage .owl-item:nth-child(6) {
  -webkit-animation-delay: 450ms;
  -moz-animation-delay: 450ms;
  animation-delay: 450ms;
}
#projects .owl-carousel.open .owl-stage .owl-item:nth-child(7) {
  -webkit-animation-delay: 525ms;
  -moz-animation-delay: 525ms;
  animation-delay: 525ms;
}
#projects .owl-carousel.open .owl-stage .owl-item:nth-child(8) {
  -webkit-animation-delay: 600ms;
  -moz-animation-delay: 600ms;
  animation-delay: 600ms;
}
#projects .owl-carousel.open .owl-stage .owl-item:nth-child(9) {
  -webkit-animation-delay: 675ms;
  -moz-animation-delay: 675ms;
  animation-delay: 675ms;
}
#projects .owl-carousel.open .owl-stage .owl-item:nth-child(10) {
  -webkit-animation-delay: 750ms;
  -moz-animation-delay: 750ms;
  animation-delay: 750ms;
}
/* Carousel Açılış Efektleri SON */

/* Projeler SON */


/* Ürünler */
.products{background-color: #202954; background-image: url(../images/products-background.jpg); padding:0 0 40px 0;}
.products .info-products>div{display: none}
.products .info-products>div.open{display: block}
.products .row > div:first-child{padding-left:0}
.products .row > div:last-child{padding-right:0}
.products .title{display:block; float:left; width:100%; margin-top:43px; margin-bottom:15px; font-size:23px; font-weight: 300; color:#F5F5F6; line-height:130%; letter-spacing: -0.8px;}
.products .title span{font-weight: 400; clear: both; display: block;}
.products .description{display:block; float:left; width:100%; margin-top:0; margin-bottom:60px; font-size:16px; font-weight: 300; line-height: 25px;color:#C4C9D1}
.products a.button{display:block; float:left; margin-right:10px;padding:13px 20px; font-size:16px; font-weight: 400; color:#E9EDF2; border:2px solid #868BA2;}
.products a.button+a{background-color: #fff; color:#202954; border-color: #fff}
.products .select-category{position: relative; width: 100%; height:51px; margin-top: 48px; margin-bottom: 28px; padding:0 20px; color:#E9EDF2; line-height: 47px; border: 2px solid #6F7591; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer}
.products .select-category > div:first-child span:nth-child(2){display: block; float:right; font-size: 15px; line-height: 47px; color:#CFD1DA; transition: 360ms}
.products .select-category.open > div:first-child span:nth-child(2){transform: rotateZ(180deg);}
.products .select-category > div:nth-child(2){z-index: 2;display: block; visibility: hidden; opacity: 0; position: absolute;top: 49px;left: 0;width: 100%;height: auto;max-height:0px;padding: 10px 15px; background: #fff;box-shadow: 0px 28px 18px 9px rgba(0,0,0,0.7); transition:360ms}
.products .select-category > div:nth-child(2).open{visibility: visible;height: auto;max-height: 320px;opacity: 1;}
.products .select-category > div:nth-child(2) div{display: block; float:left; width: 100%; height:auto; padding: 2px 15px; color: #202954; border-bottom:1px solid #f5f5f5; transition: 300ms; cursor: pointer;}
.products .select-category > div:nth-child(2) div:hover{background-color:#f5f5f5}
.products .select-category > div:nth-child(2) div:last-child{border-bottom:none}
.products .nice-select{display:block; float:left; width: 100%;height: 51px;margin-top: 48px;margin-bottom: 28px;padding: 0 20px;background: transparent;color: #E9EDF2;line-height: 47px;border: 2px solid #6F7591;cursor: pointer;}
.products .owl-carousel{float:left; max-height: 167px; overflow: hidden;}

.owl-carousel.products-1, .owl-carousel.products-2, .owl-carousel.products-3, .owl-carousel.products-4{display: none}
.owl-carousel.products-1.open, .owl-carousel.products-2.open, .owl-carousel.products-3.open, .owl-carousel.products-4.open{display: block}


  /* Sıralı Açılış */
  /* Carousel Açılış Efektleri */
  /* make keyframes that tell the start state and the end state of our object */
  @-webkit-keyframes fadeInCarouselItem { from { opacity:0; } to { opacity:1; } }
  @-moz-keyframes fadeInCarouselItem { from { opacity:0; } to { opacity:1; } }
  @keyframes fadeInCarouselItem { from { opacity:0; } to { opacity:1; } }

  .products .owl-carousel .owl-stage .owl-item{
    opacity:0;  /* make things invisible upon start */
  }
  .products .owl-carousel.open .owl-stage .owl-item{
      -webkit-animation: fadeInCarouselItem ease-in 1;  /* call our keyframe named fadeInMenuItem, use animattion ease-in and repeat it only 1 time */
    -moz-animation: fadeInCarouselItem ease-in 1;
    animation: fadeInCarouselItem ease-in 1;

    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:300ms;
    -moz-animation-duration:300ms;
    animation-duration:300ms;
  }


  .products .owl-carousel.open .owl-stage .owl-item { /* Fazla Eleman Eklenirse Standart Geçiş Olsun Diye Önlem Alındı */
    -webkit-animation-delay: 300ms;
    -moz-animation-delay: 300ms;
    animation-delay: 300ms;
  }

  .products .owl-carousel.open .owl-stage .owl-item:nth-child(1) {
    -webkit-animation-delay: 75ms;
    -moz-animation-delay: 75ms;
    animation-delay: 75ms;
  }

  .products .owl-carousel.open .owl-stage .owl-item:nth-child(2) {
    -webkit-animation-delay: 150ms;
    -moz-animation-delay:150ms;
    animation-delay: 150ms;
  }

  .products .owl-carousel.open .owl-stage .owl-item:nth-child(3) {
    -webkit-animation-delay: 225ms;
    -moz-animation-delay: 225ms;
    animation-delay: 225ms;
  }

  .products .owl-carousel.open .owl-stage .owl-item:nth-child(4) {
    -webkit-animation-delay: 300ms;
    -moz-animation-delay: 300ms;
    animation-delay: 300ms;
  }
  .products .owl-carousel.open .owl-stage .owl-item:nth-child(5) {
    -webkit-animation-delay: 375ms;
    -moz-animation-delay: 375ms;
    animation-delay: 375ms;
  }
  .products .owl-carousel.open .owl-stage .owl-item:nth-child(6) {
    -webkit-animation-delay: 450ms;
    -moz-animation-delay: 450ms;
    animation-delay: 450ms;
  }
  .products .owl-carousel.open .owl-stage .owl-item:nth-child(7) {
    -webkit-animation-delay: 525ms;
    -moz-animation-delay: 525ms;
    animation-delay: 525ms;
  }
  .products .owl-carousel.open .owl-stage .owl-item:nth-child(8) {
    -webkit-animation-delay: 600ms;
    -moz-animation-delay: 600ms;
    animation-delay: 600ms;
  }
  .products .owl-carousel.open .owl-stage .owl-item:nth-child(9) {
    -webkit-animation-delay: 675ms;
    -moz-animation-delay: 675ms;
    animation-delay: 675ms;
  }
  .products .owl-carousel.open .owl-stage .owl-item:nth-child(10) {
    -webkit-animation-delay: 750ms;
    -moz-animation-delay: 750ms;
    animation-delay: 750ms;
  }
  /* Carousel Açılış Efektleri SON */
  /* Sıralı Açılış SON */
/* Ürünler SON */





.shortlinks{display: block; overflow:hidden; margin:auto; background:#F1F3F5;}
.shortlinks a{display: block; float:left; width:20%; height:94px; font-size:18px; line-height: 94px; text-align:center; color: #353D64}
.shortlinks a > div{display: inline-block; overflow: auto; width: auto; margin: auto;}
.shortlinks a span{display: block; float:left; margin-right: 5px; line-height: 94px;font-size: 46px; text-decoration: none}
.shortlinks a p{display: block; float:left; margin:0; margin-left:10px; width: auto;}

.pre-footer{display:block; overflow:hidden; float:left; width:100%; height:auto; margin-top:50px; margin-bottom:60px}
.pre-footer .container{padding:0;}
.pre-footer img{display: block; float: left; position: relative; width: 100%;}
.pre-footer img:before{content:''; display: block;position: absolute; right:0; width:100%; height:50%; border-top:10px solid transparent; border-right: 10px solid red;}
.pre-footer img:after{content:''; display: block;position: absolute; right:0; width:100%; height:50%; border-top:10px solid transparent; border-right: 10px solid red;}
.pre-footer .technology-tab{padding-right: 0}
.pre-footer .technology-tab:before{content: ''; z-index: 5; display: block; right:0; position: absolute; width: 10px; height:20%; top:0; border-bottom: 10px solid transparent; border-right:10px solid #fff; }
.pre-footer .technology-tab:after{content: ''; z-index: 5; display: block; right:0; position: absolute; width: 10px; height:80%; bottom:0; border-top: 10px solid transparent; border-right:10px solid #fff; }

.pre-footer .technology-tab.tab2:before{height:52%;}
.pre-footer .technology-tab.tab2:after{height:48%;}

.pre-footer .technology-tab.tab3:before{height:85%;}
.pre-footer .technology-tab.tab3:after{height:15%;}

.pre-footer .technology-tab img{display: none; float:left; width: 100%;}
.pre-footer .technology-tab img.active{display: block;}
.pre-footer .our-technology{position: relative; display: block; height: 340px;}
.pre-footer .our-technology>p{margin:2px 0; font-size:23px; color:#202745}
.pre-footer .our-technology a.line{display: block; float: left; position: relative; height:29%; width: 100%; border-bottom: 1px solid #E3E7EC; text-decoration: none; color: #767676;}
.pre-footer .our-technology a.line p{display: block; float:left; clear:both; transition: 300ms}
.pre-footer .our-technology a.line p:nth-child(1){margin-bottom:0px; color:#A8AAB6; height: auto; max-height: 40px; overflow: hidden;}
.pre-footer .our-technology a.line p:nth-child(2){margin-top:5px; color:#A8AAB6}
.pre-footer .our-technology a.line p:last-child{position: absolute;line-height: 37px;margin: auto;bottom: 1px;right: 0; font-size:50px; font-weight: 600; color: #F5F6F8; }

.pre-footer .our-technology a.line.active p:nth-child(1){color:#212A53;}


footer{display: block; overflow:hidden; float:left; width:100%; min-height: 100px; background-color: #202954; border-top:7px solid #ff0000}
footer .topbar{display:block; float:left; padding-top: 20px; width: 100%; height:85px; background-color: #17214A}
footer .topbar .container{padding: 0}
footer .topbar .pull-left a{display: block; float:left; margin-right:15px; width: 44px; height:44px; font-size: 20px; line-height:41px; text-align: center; color: #7981A3; text-decoration: none; border:2px solid #525B7F; border-radius: 50%;}
footer .topbar .pull-left a span{display: block; width: 100%; line-height: 40px}
footer .topbar .pull-right a{display: block; float:right; margin:0; width:100%;}
footer .topbar .pull-right a p{display: block; float:right; margin:0; width:100%; line-height: normal; font-size: 20px; text-align: right; color: #7981A3;}

footer .models{display: block; float:left; width: 100%; overflow:auto; margin:0; padding-bottom:25px;  border-bottom:1px solid #454B65;}
footer .models>div:first-child{padding-left:0}
footer .models>div:last-child{padding-right:0}
footer .models>div a{display:block; float:left; width: 100%; border-bottom:1px dotted #32395C; font-size:16px; line-height:42px; color:#7981A3;}
footer .models>div a:first-child{display:block; float:left; margin-top:25px; width: 100%; border-bottom:none; font-size: 17px; line-height:42px; color:#CECFD5;text-transform:uppercase}
footer .models>div a:last-child{border-bottom:none;}

footer .tr-bg{display: block;float: left;height: auto;width: 100%;background: none; border-top:none; border-bottom:none;}

footer .about{padding-bottom:30px; padding-left:0;}
footer .about p{display: block; float:left; width:100%}
footer .about p:first-child{margin-top:35px; margin-bottom:10px; font-size: 18px; color: #fff; }
footer .about p:nth-child(2){margin-top:0; font-size: 15px; font-weight: 300; color: #C8CFF4}
footer .about p:nth-child(3){margin-top:0; font-size: 15px; font-weight: 400; color: #7981A3}
footer .about p:nth-child(4){margin-top:0; font-size: 15px; font-weight: 400; color: #7981A3}

footer .news-letter{padding-right: 0}
footer .news-letter form p{display: block; float:left; margin-top:35px; width:100%; font-size:17px; color:#fff}
footer .news-letter form p+input{display: block; float:left; margin-bottom:20px; padding:0 19px; width:100%; height:50px; font-size: 14px; line-height:50px; color:#7981A3; border:none; outline:none}
footer .news-letter form p+input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#7981A3;
}
footer .news-letter form p+input::-moz-placeholder { /* Firefox 19+ */
  color:#7981A3;
}
footer .news-letter form p+input:-ms-input-placeholder { /* IE 10+ */
  color:#7981A3;
}
footer .news-letter form p+input:-moz-placeholder { /* Firefox 18- */
  color:#7981A3;
}
footer .news-letter form div{display:block; float:left; background-color: #fff; padding:10px; margin-right: 5%; width:60%;}
footer .news-letter form div input{display:block; float:left; padding:0; width:50%; height:30px; line-height:30px; font-size: 15px; color:#7981A3; text-align:center; border:none; border-right: 1px solid #D7D9E3; outline:none}
footer .news-letter form div input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#7981A3;
}
footer .news-letter form div input::-moz-placeholder { /* Firefox 19+ */
  color:#7981A3;
}
footer .news-letter form div input:-ms-input-placeholder { /* IE 10+ */
  color:#7981A3;
}
footer .news-letter form div input:-moz-placeholder { /* Firefox 18- */
  color:#7981A3;
}
footer .news-letter form div img{display:block; float:left; width:50%; max-width: 95px; height: auto; color:#333;}
footer .news-letter form button{display: block; float:left; padding:0; width:35%; background-color: #00AAD9; line-height:50px; color:#fff; border:none;}

footer .copyright{display: block; float:left; width: 100%; border-top:1px solid #454B65; padding:30px 0}
footer .copyright>div:first-child{padding-left: 0}
footer .copyright>div:nth-child(2){padding-right: 0}
footer .copyright p{display:block; float:right; margin:0; padding:0; width:100%; text-align:right; color: #7981A3}
footer .copyright p+p{color: #939DB3}
footer .copyright p+p a{color: #939DB3; font-weight:500}

@media (min-width: 1200px){
  main > .container:first-child {
      width: 100%;
      max-width: 1330px;
      padding:0 15px;
  }
  .shortlinks{width: 100%;max-width: 1330px;}

}


@media (max-width: 1199px){
  header .mainbar nav ul li a{font-size:13px}

  main > .container:first-child {
    width: 100%;
  }

  #projects nav ul li{line-height: 21px}
  #projects nav ul li div{padding-top: 0;height: 67px;}
  /*#projects nav ul li div span:nth-child(2){margin-top: 13px}*/

  .shortlinks a{font-size:17px}
  .shortlinks a span{font-size: 38px}

  .pre-footer .our-technology{height:268px}
  .pre-footer .our-technology>p{margin:0;}
  .pre-footer .our-technology a.line{height:32%;}
  .pre-footer .our-technology a.line p:last-child{font-size:33px}
}

@media (min-width: 992px){
  .mobile-closed{display: block}
  header .mainbar nav > ul > li.mega-menu:hover > a:before{content: ''; display: block; left:0; position: absolute; width: 50%; height:10px; bottom:0; border-top: 10px solid transparent; border-right:10px solid #202954; }
  header .mainbar nav > ul > li.mega-menu:hover > a:after{content: ''; display: block; right:0; position: absolute; width: 50%; height:10px; bottom:0; border-top: 10px solid transparent; border-left:10px solid #202954; }
  header .mainbar nav ul li:hover .extend{visibility: visible;opacity: 1;}
  header .mainbar nav ul li:hover .extend ul{max-height: 600px; padding-top: 20px;padding-bottom: 45px;}
}

@media (max-width: 991px){
  header .topbar{display: none}
  header .mainbar{max-height:72px; overflow: visible;}
  header .mainbar.open{max-height:none; width: 100%;}
  header .mainbar a.logo{padding:4px 0 5px 0; width:50%; transition: 360ms}
  header .mainbar a.logo.open{padding-left: 15px;padding-top: 25px;z-index: 15;position: absolute;}
  header .mainbar nav{min-width: 50%;}
  header .mainbar nav > button{}
  header .mainbar nav.open{width: 100%;z-index: 15;display: block;float: left;position: absolute;}
  header .mainbar nav .mobile-searchbox{float: left;display: none;position: absolute;top: 90px;left: 0;width: 100%;padding: 15px;}
  header .mainbar nav .mobile-searchbox>div{display: block; float:left; width:100%; height:auto; border: 2px solid #c7c7c7}
  header .mainbar nav .mobile-searchbox>div input{display: block; float:left; background:none; padding:10px; height:50px; width:70%; line-height:50px; border:none; outline:none}
  header .mainbar nav .mobile-searchbox>div button{display: block; float:right; background:none; padding:0; height:50px; width:50px; max-width:30%; line-height:50px; border:none;}
  header .mainbar nav .mobile-searchbox>div button span{height:100%; width:100%; font-size: 24px; line-height:50px;}
  header .mainbar nav ul{display: none}
  header .mainbar nav ul.open{display: block;position: absolute;top: 170px;padding-left: 15px;}
  header .mainbar nav ul li{width: 100%;margin: 0;padding: 0 5px; line-height:20px}
  header .mainbar nav ul li a{height: auto;display: block;padding-top: 4px;transition: 100ms;font-size: 21px;font-weight: 500;color: #212A53;text-decoration: none;line-height: 45px;}
  header .mainbar nav > ul > li:hover > a:before{display: none}
  header .mainbar nav > ul > li:hover > a:after{display: none}
  header .mainbar nav ul li .extend{position: relative; margin-top:0; background-color: transparent;}
  header .mainbar nav ul li .extend > .container{margin:0; padding-left: 0px;}
  header .mainbar nav ul li .extend ul{padding:0}
  header .mainbar nav ul li .extend ul li a{margin-top:0; margin-bottom:0; border:none;}
  header .mainbar nav ul li .extend ul li a:hover{border:none}
  header .mainbar nav ul li .extend ul li a img{display: none;}
  header .mainbar nav ul li .extend ul li a img+span{padding-top:0; padding-bottom:0; width: 100%; color:#212A53; font-size:19px}

  header .mainbar nav ul li.mobile-active .extend{visibility: visible;opacity: 1;}
  header .mainbar nav ul li.mobile-active .extend ul{max-height: 600px; padding:0;}

  .mobile-closed{display: none}

  #projects nav ul{height:73px; overflow-x: scroll;overflow-y: hidden; white-space: nowrap;}

  #projects nav ul::-webkit-scrollbar{
    height: 7px;
    width: 7px;
    border-radius: 5px;
    margin-right: 2px
  }

  #projects nav ul::-webkit-scrollbar-track{
    background: none;
    border-radius: 5px;
  }
  #projects nav ul::-webkit-scrollbar-thumb{
    background: #dedede;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
  }



  #projects nav ul li{display: inline-block; float:none; min-width: 300px}

  .shortlinks a{width:25%}
  .shortlinks a span{font-size:20px}
  .shortlinks a:nth-child(4){display: none}

  .pre-footer .technology-tab.tab2:before{height: 70%}
  .pre-footer .technology-tab.tab2:after{height:30%}
  .pre-footer .our-technology{height:199px}
  .pre-footer .our-technology>p{font-size:15px}
  .pre-footer .our-technology a:last-child{display: none}
  .pre-footer .our-technology a.line{height:47%}
  .pre-footer .our-technology a.line p{font-size:12px}
  .pre-footer .our-technology a.line p:nth-child(1){margin-top: 2px;}
  .pre-footer .our-technology a.line p:last-child{font-size: 28px}
  footer .models>div:first-child{padding-left: 15px;}
}

@media (max-width: 767px){
  header .mainbar a.logo{padding: 10px 0 5px 14px;}
  header .mainbar a.logo img{max-height: 50px}
  #projects nav+.row{margin-left: 0; margin-right: 0}
  #projects .owl-carousel{max-height: none;}
  .products .row > div:first-child{padding-left: 15px}
  .products .row > div:last-child{padding-right: 15px}
  .products .description{margin-top: 20px; margin-bottom: 20px}
  .products a.button{padding: 13px 16px;}
  .products a.button+a{margin-right: 0;}
  .products .select-category{padding:0 10px; margin-top: 0px;}
  .products .select-category > div:nth-child(2) div{padding: 2px 10px;}
  .products .owl-carousel{max-height: none;}

  .shortlinks{padding-top: 15px}
  .shortlinks a{position: relative; width:50%; height:auto; line-height: 60px; }
  .shortlinks a > div{display: block; float:left; width:100%}
  .shortlinks a span {
    width: 100%;
    padding-top: 15px;
    line-height:40px;
    font-size: 36px;
  }
  .shortlinks a p{margin:0; width:100%;}

  .shortlinks a:nth-child(3):before, .shortlinks a:nth-child(5):before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 70%;
    margin: 0 15%;
    background: url("../images/shortlink-border.png");
  }

  .shortlinks a:nth-child(1):after, .shortlinks a:nth-child(3):after{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 80%;
    width: 1px;
    margin-top:5%;
    margin-bottom:5%;
    background: url("../images/shortlink-border.png");
  }

  .pre-footer{margin-bottom: 0}
  .pre-footer .container{padding:0 15px;}
  .pre-footer .row > div{padding-left:0; padding-right:0; padding-bottom:30px;    margin-top: 20px;}
  .pre-footer .our-technology{padding-bottom: 0!important}
  .pre-footer .our-technology+div{clear: both;}

  .pre-footer .technology-tab:before{height:8%!important;}
  .pre-footer .technology-tab:after{height:92%!important;}

  .pre-footer .our-technology > p{margin-top: 5%;margin-left: 9px;}
  .pre-footer .our-technology a:nth-child(4){border-bottom:none;}
  .pre-footer .our-technology a:last-child{display: block; border-bottom:none;}
  .pre-footer .our-technology a.line{height:auto; padding: 5% 0;}
  .pre-footer .our-technology a.line p:nth-child(1){margin-top: 2px; height:auto; max-height:40px; overflow:hidden; font-size: 14px}
  .pre-footer .our-technology a.line p:nth-child(2){margin-top: 0px; margin-bottom: 0px;}


  footer{border:none}
  footer .topbar .container{padding:0 15px;}
  footer .about{display: none}
  footer .news-letter{padding-bottom:25px; padding-right: 15px}
  footer .models{margin:0; padding:0 15px}
  footer .models>div:first-child{padding-left: 0;}
  footer .models>div{padding:0 5px; width: auto;}
  footer .models>div a{display: none}
  footer .models>div a:first-child{margin-top:0; font-size:13px; color: #CACBD1}

  footer .copyright p{text-align:center}
}


@media (max-width: 540px){
  .pre-footer .our-technology a:nth-child(3){border-bottom:none;}
  .pre-footer .our-technology a:last-child{display: none;}
  footer .topbar{padding-top:11px; height:56px;}
  footer .topbar .pull-left a{margin-right:4px; height:28px; width:28px; font-size:15px; line-height:25px}
  footer .topbar .pull-left a span{line-height: 25px}
  footer .topbar .pull-right a p{font-size:15px}
}

.zoom-gallery-price a { width:auto!important;margin: 0!important ; padding: 0px!important ; border: inherit!important }
.zoom-gallery-price a img{ margin:inherit!important }
.head-price {display: block;float: left;margin-bottom: 30px;width: 100%;border-bottom: 1px solid #E9EDF2;line-height: 50px;font-size: 24px!important;color: #212a53!important;}
.responsive-stacked-table{width:100%;border:1px solid #ebebeb;border-collapse:collapse;table-layout:fixed}
.responsive-stacked-table tbody{background:#E9EDF2 none repeat scroll 0 0}
.responsive-stacked-table th,.responsive-stacked-table td{padding:4px;border-top:1px solid #ebebeb;text-align:center;vertical-align:middle;font-weight:700}
.responsive-stacked-table td a{display:inline-block!important}
 .responsive-stacked-table td a img{max-width:100%;width:125px}
.responsive-stacked-table thead{background:#eee;border-bottom:3px solid #ddd}
.responsive-stacked-table tr:nth-child(even){background:#f5f5f5}
.responsive-stacked-table tbody tr:hover td{color:#004391;background:#e6ecff}
.responsive-stacked-table .fa{margin-right:5px}
.responsive-stacked-table .fa-check-circle{color:#690}
.responsive-stacked-table .fa-times-circle{color:#c00}
.responsive-stacked-table td:nth-child(1){width:26%}
.responsive-stacked-table td:nth-child(2){width:19%}
.responsive-stacked-table td:nth-child(3){width:19%}
.responsive-stacked-table td:nth-child(4){width:19%}
.responsive-stacked-table td:nth-child(5){width:10%}
.responsive-stacked-table.with-mobile-labels{font-size:.85em}
.responsive-stacked-table-2 td{width:20%!important}
.responsive-stacked-table-2 tbody tr:hover td{color:#339;background:inherit!important}
@media (max-width: 767px) {
  .responsive-stacked-table td a{width: 100%}
.responsive-stacked-table td a img{width:inherit}
.responsive-stacked-table thead{display:none}
.responsive-stacked-table tr,.responsive-stacked-table th,.responsive-stacked-table td,.responsive-stacked-table-2 td{border-top:none;display:block;text-align:center;vertical-align:middle}
.responsive-stacked-table tr td:first-child{border-top:1px solid #ddd;font-weight:700}
.responsive-stacked-table tr{padding-bottom:5px}
.responsive-stacked-table td:nth-child(1){width:100%}
.responsive-stacked-table td:nth-child(2){width:100%}
.responsive-stacked-table td:nth-child(3){width:100%}
.responsive-stacked-table td:nth-child(4){width:100%}
.responsive-stacked-table td:nth-child(5){width:100%}
.responsive-stacked-table-2 td{width:100%!important}
.mobile-only-gsm {display:block !important;}

}
.rg-container{color:#1a1a1a;font-size:16px;line-height:1;margin:0;padding:1em 0}
.rg-header{margin-bottom:1em}
.rg-hed{font-size:1.35em;font-weight:700;margin-bottom:.25em}
.rg-subhed{font-size:1em;line-height:1.8em}
.rg-source-and-credit{margin-top:1em;overflow:hidden;width:100%}
.rg-source{float:left;font-size:.75em;line-height:1.8em;margin:0}
.rg-source .pre-colon{text-transform:uppercase}
.rg-credit{color:#999;float:right;font-size:.65em;letter-spacing:.05em;line-height:1.8em;margin:0;text-align:right;text-transform:uppercase}
@media (max-width: 640px) {
.rg-source-and-credit > div{display:block;float:none;text-align:right;width:100%}
}
table.rg-table{border-collapse:collapse;border-spacing:0;font-size:1em;margin:0 0 1em;width:100%}
table.rg-table *{border:0 none;box-sizing:border-box;color:#333;font:inherit;margin:0;padding:0;text-align:left;vertical-align:baseline}
table.rg-table thead{border-bottom:1px solid rgba(195,195,197,0.3)}
table.rg-table th{font-size:.85em;font-weight:700;padding:.45em}
table.rg-table td{font-size:.9em;padding:.4em; border: 1px solid #e6e6e6;}
table.rg-table td:nth-child(1){min-width:21%!important;}
table.rg-table .highlight td{font-weight:700}
table.rg-table tr{border-bottom:1px solid rgba(195,195,197,0.3);color:#222}
table.rg-table .number{text-align:right}
table.rg-table.zebra tr:nth-child(2n){background:none repeat scroll 0 0 rgba(195,195,197,0.08)}
table.rg-table tr.highlight{background:none repeat scroll 0 0 #edece4!important}
@media screen and (max-width: 368px) {
table.rg-table{display:block;width:100%}
table.rg-table .number{text-align:left}
table.rg-table tr.hide-mobile,table.rg-table th.hide-mobile,table.rg-table td.hide-mobile{display:none}
table.rg-table thead{display:none}
table.rg-table tbody{display:block;width:100%}
table.rg-table td:first-child{padding-left:0}
table.rg-table td:last-child{padding-right:0}
table.rg-table tr,table.rg-table th,table.rg-table td{display:block;padding:0}
table.rg-table th[data-title]::before,table.rg-table td[data-title]::before{content:attr(data-title) ": ";font-weight:700}
table.rg-table tr{border-bottom:1px solid rgba(195,195,197,0.3);margin:0;padding:.5em 0}
table.rg-table tr:nth-child(2n){background:none repeat scroll 0 0 rgba(0,0,0,0)}
table.rg-table td{padding:.25em 0 0}
table.rg-table td:empty{display:none}
table.rg-table td:first-child{font-size:1.1em;font-weight:700}
table.rg-table td:first-child::before{content:""}
}
.services-b{border-bottom: 1px solid #ddd; margin: 8px 0 10px 0;}
.services-b span, .services-m span{color: #202954; padding-left: 0;}
.services-m{border-bottom: 1px solid #ddd;margin: 8px 0 15px 0;}

.col-xs-6{
    min-height: 81px;
}

.col-xs-6 > span{
    text-align: right;
}

.col-xs-6 > img{
    float: left;
    margin-right: 10px;
}

@media (min-width:768px)
{
    .col-xs-6{
    min-height: 50px;
}
}

@media (min-width:992px)
{
.col-xs-6{
    min-height: 70px;
}
}


@media (min-width:1200px)
{
.col-xs-6{
    min-height: 50px;
}
}


.about-li{}
.about-li a:nth-child(1){background-color: #ff0000 !important;}
.about-li a:nth-child(2){background-color: #f7941e !important;}
.about-li a:nth-child(3){background-color: #202954 !important;}
.about-li a:nth-child(4){background-color: #00aad9 !important;}

.content-con img{max-width:100%;}
.content-con table{max-width:100%}
@media (max-width:768px){
.content-con img{max-width:100%;display:block;}
.content-con table{width:100%}
}


#wmkc{position:fixed;right:5px;top:40%;transform:translateY(-50%);font-family:Arial,Helvetica,sans-serif;z-index:9999}
#wmkc * {box-sizing:border-box;font-size:12px;line-height:1.1} 
.wmkc-list {padding:0;border:1px solid #EEE;background-color:#FFF;max-width:78px;border-radius:4px;margin:0} 
.wmkc-icon {display:inline-block;background:url(../images/wmkc-ico23.png) no-repeat;width:28px;height:28px;transform:scale(.8)} 
.wmkc-list>li {width:100%;border-top:1px solid #EEE;list-style:none;text-align:center;padding:2px 0 4px;transition:all .2s ease-in-out} 
.wmkc-list>li>a>p {margin:0;transform:scale(.9);text-transform:capitalize} .wmkc-list>li a {color:#555;text-decoration:none;display:block;padding:0 2px} 
.wmkc-list>li:hover,.wmkc-list>li:hover+li {border-color:transparent} 
.wmkc-email .wmkc-icon {background-position:-8px -6px} 
.wmkc-whatsapp .wmkc-icon {background-position:-52px -50px} 
.wmkc-list li:hover a {color:#FFF} 
.wmkc-email:hover {background-color:#f90} 
.wmkc-whatsapp:hover {background-color:#2cb740} 
.wmkc-email:hover .wmkc-icon {background-position:-96px -6px} 
.wmkc-whatsapp:hover .wmkc-icon {
    background-position: -52px -94px;
}
.wmkc-list>li:first-child {border-radius:4px 4px 0 0;border:0} 
.wmkc-list>li:last-child {border-radius:0 0 4px 4px} 
@media (max-width:768px) {
	#wmkc {display:none}
}