@charset "UTF-8";

* {outline:none; text-decoration:none; }
body, div, span, applet, h1, h2, h3, p, a, img, strong, sub, sup, center, dl, dt, dd, ol, ul, li, table, tr, th, td {margin:0px;padding:0px;border:0px;outline:0px; list-style:none;}
body {font-family: 'Roboto', sans-serif; background:#ececec;}

.clear { clear:both;}
input,textarea,select{-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important}
textarea, input[type="text"], input[type="button"], input[type="submit"] { border-radius: 0;}
.text-right { text-align:right;}
.text-left { text-align:left;}
.text-center { text-align:center;}



header { width:100%; height:auto; display:block; background-image:url(/themes/aproje/img/ust-bg.png); background-position:center; background-repeat:repeat;}
.header-center { width:1020px; height:135px; margin:auto;}
.header-logo { width:35%; float:left; height:inherit;}
.header-logo img{ padding:15px 0 0 0; }
.header-social { width:65%; float:left; height:35px;}
.header-social img{ float:right; margin:20px 0 0 2px; }
.header-social img.tel{margin:27px 20px 0 0 ; }
nav { width:65%; height:30px; float:left; margin:69px 0 0 0 ;}
nav ul  { margin:0; padding:0; float:right;}
nav ul li { float:left; list-style:none; }
nav ul li  a { font-size:15px; color:#4b4b4b; padding:15px 15px;}
nav ul li  a:hover { background-color:#b8093d; color:#fff;}
nav ul li  a.active { background-color:#b8093d; color:#fff;}

.breadcrumbs {float: right; color:#fff;}
.breadcrumbs a{color:#fff;}

.mobil-menu { display: none; }
.menu-close { display:none; }

.col-25 { width:25%; float:left;}
.col-30 { width:33%;  float:left;}
.col-40 { width:40%; float:left;}
.col-50 { width:50%;  float:left;}
.col-60 { width:60%;  float:left;}
.col-70 { width:70%;  float:left;}
.col-75 { width:75%;  float:left;}

.container { width:100%; height:auto; display:inline-block;}
.content { width:1020px; margin:auto; height:auto; display:table;}




.slider { width:100%; height:486px; float:left;}
.slider .slider-title { width:1020px; height:auto; margin:auto; display:block;} 
.slider .slider-title .caption { width:65%;  float:left; height:auto; position:relative; display:block; z-index:99; margin:-200px 0 0 0;}
.slider .slider-title .caption h1{ font-size:35px; text-align:left; color:#FFF; line-height:45px; padding:0 0 5px 0; }
.slider .slider-title .caption p{ font-size:27px; text-align:left; color:#FFF; line-height:normal; padding:0 0 0 10px; font-weight:300; }
.slider .slider-title .caption p span{ font-size:45px; text-align:left; color:#FFF; line-height:normal; font-weight:500; }

.slider .bx-pager { position:relative; bottom:40px; width:100%; text-align:center; z-index:999;}
.slider .bx-pager .bx-pager-item { display:inline-block; background:#fff; -webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px; margin:0 5px; vertical-align:text-bottom;}
.slider .bx-pager .bx-pager-item a { display:block; text-indent:-99999px; width:14px; height:14px;}
.slider .bx-pager .bx-pager-item a.active { width:10px; height:10px; border:2px solid #fff; background:#333;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px; }
.home-box { width:98%; min-height:300px; display:table; float:none; margin:2% 1%; background-color:#FFF; border:1px solid #e1e1e1;}
.home-box img{ width:100%; height:240px; float:none; display:block; margin:auto;}
.home-box h1{ width:100%; font-size:15px; text-align:center; height:60px; line-height:60px;}
.home-box p{ width:90%; height:auto; margin:1% 5%; font-size:13px; color:#3d3d3d; text-align:justify;}
.home-box span{  font-size:13px; text-align:center; color:#fff; background-color:#b8093d; padding:10px; float:right; margin:15px 0 0 0; }
.home-box span a{  color:#fff; }
.home-box span:hover { background-color:#940832;}
.home-hr { width:98.80%; height:1px; margin:20px auto 20px auto; float:none; background-image:url(/themes/aproje/img/hr-cizgi.jpg);  }
.home-news { width:98.80%; height:197px; margin:auto; display:block; background-image:url(/themes/aproje/img/footer-bg.jpg); }
.home-news h2{ width:100%; height:50px; line-height:50px; font-size:20px; padding:40px 0 0 0;  font-weight:normal; color:#FFF;  text-align:center;}
.news-slider { width:950px; margin:auto;}
.news-slider ul { width:auto; margin:5px auto; }
.news-slider ul li { line-height:25px; height:60px; list-style:none; }
.news-slider ul li a{ color:#d1d1d1; font-size:15px; text-align:left; font-weight:bold;}
.news-slider ul li a span{ color:#a9a9a9; font-weight:normal; }
.news-slider ul li a span a{ color:#b8093d; font-weight:bold; }
.news-slider .bx-controls-direction { width: 50px; margin:10px auto 0 auto; text-align: center; }
.news-slider .bx-controls-direction .bx-prev, .news-slider .bx-controls-direction .bx-next { float: left; background-repeat:no-repeat; background-position:center; text-indent:-9999px;  display: block; width: 20px; height: 20px;}
.news-slider .bx-controls-direction .bx-prev{ background-image:url(/themes/aproje/img/news-arrow-prev.png);}
.news-slider .bx-controls-direction .bx-next{ background-image:url(/themes/aproje/img/news-arrow-next.png); }
.news-all { width:auto; height:35px; line-height:35px; margin:0 7px 0 0 ; float:right; background-color:#b8093d; padding:2px 10px; }
.news-all p{ font-size:14px; color:#fff; text-align:right;  }
.news-all p a{ color:#fff; font-weight:bold; }




.page-title-bg {width:100%; height:235px; background-position:center; background-repeat:no-repeat; }

.page-title { width:100%; height:50px; line-height:50px; float:left; margin:190px 0 0 0;}
.page-title h2{ font-size:14px; color:#fff; font-weight:normal; text-align:right; padding:0 15px 0 0;}


.page-menu { width:25%; float:left; height:auto; background-color:#b8093d; display:table; padding:5px 0; margin:31px 0 0 0; }
.page-menu ul{ margin:0; padding:0;  }
.page-menu ul li{width:100%;  margin:0; height:auto; float:left; list-style:none; }
.page-menu ul li a{ width:95%; float:left; font-size:13px; color:#FFF; padding:15px 0 15px 20px; line-height:normal;  }
.page-menu ul li:last-child { border-bottom:none;  }

.page-menu ul li a:hover{ border-left:5px solid #FFF; padding:15px 0 15px 15px;  }
.page-menu ul li a.active{ border-left:5px solid #FFF; padding:15px 0 15px 15px;  }
.page-menu ul li ul { margin:0;  list-style:none; background-color:#d00b45; display:block ; }
.page-menu ul li ul li { border-bottom:none;}
.page-menu ul li ul li a{ float:left; font-size:13px; color:#FFF; line-height:normal;  list-style:none; border-bottom:1px solid #ececec;   }
.page-menu ul li ul li a:hover{ border-left:none;  padding:15px 0 15px 20px;  }

.page-menu .submenu { width:100%; background-color:#3e6c86; position:relative; height:auto; display:inline-block; margin:0 0 -4px 0;}
.page-menu .submenu2 { width:100%; background-color:#8aa4b2; position:relative; height:auto; display:inline-block;}
.page-menu .submenu2 li a:before { content:' - '; color:inherit; font-size:inherit;}


.page-content { width:72%; height:auto; float:left; background-color:#FFF; border:1px solid #e1e1e1; margin:30px 0 30px 2%; padding:0 0 50px 0;}
.page-content h1{ width:96%; line-height:40px; height:40px; float:left;  font-size:20px; color:#353535; padding:0 0 0 30px; margin:30px 0 10px 0; }
.page-content p{ font-size:14px; color:#3d3d3d; padding:5px 30px; line-height:20px; text-align:justify; }
.page-content .content-image-detail{ margin:20px 30px;}

.page-content ul{ margin:0px 0 0 50px; padding:0; font-family:inherit;}
.page-content ul li { width:100%; float:left; min-height:25px; font-size: 14px; color: #3d3d3d; list-style-type:disc;}
.page-content ul li a{font-size: 14px; color: #3d3d3d;}



.full-content { width:100%; height:auto; display:table; margin:30px auto; background-color:#FFF; padding:0 0 70px 0;  }
.full-content h1{ width:96%; line-height:40px; height:40px; float:left;  font-size:20px; color:#353535; padding:0 0 0 2%; margin:30px 0 10px 0; }



.service { width:43.75%; min-height: 424px; display:block; float:left; margin:1% 0 1% 30px ; border:1px solid #dfe1e0;}
.service .service-img{ width:100%; height: auto; float:left;}
.service .service-img img{ width:100%; height:auto; border-bottom:1px solid #e1e1e1;}
.service .service-detail { width:100%; float:left; height:auto; }
.service .service-detail h2{ width:90%;  font-size:15px; color:#2d2d2d;  float:none; margin:auto; height:40px; line-height:40px; padding:25px 5% 0 5%; }
.service .service-detail p{ width:90%; font-size:13px; color:#3d3d3d; padding:5px 5% 0 5%; line-height:20px; height:150px; text-align:justify; }
.service .service-detail span a{ font-size:13px; color:#fff; padding:10px; background-color:#b8093d; float:right; margin:15px 0 0 0;}
.service .service-detail span a:hover{ background-color:#940832; }


.news { width:96%; height: 156px; float:left; margin:1% 2%; border:1px solid #dfe1e0;}
.news:hover { background-color:#f1f1f1; opacity:1;}
.news .news-img{ width:24%; height: 156px; float:left;}
.news .news-img img{ width:auto; height:auto; border-right:1px solid #e1e1e1;}
.news .news-detail { width:76%; float:left; height:auto; padding:30px 0 0 0px; }
.news .news-detail .news-date { min-width:67px; font-size:17px; color:#fff; padding:7px 25px; background-color:#b8093d; font-weight:normal; float:left;}
.news .news-detail h2{   font-size:15px; color:#2d2d2d;  float:left; height:40px; line-height:40px; padding:0 0 0 25px; }
.news .news-detail p{ font-size:13px; color:#3d3d3d; padding:5px 25px 0 25px; line-height:20px; float:left; text-align:justify;}
.news .news-detail p span a{ color:#b8093d; display:inline-block; font-weight:bold; }


.haberler { width:96%; margin:0% 2% 1% 2%; float:left;}
.haberler p { font-size: 14px; color: #3d3d3d; padding: 5px 0px;}
.haberler img { margin: 1% 2%}


.referance { width:30.60%; height:180px; display:block; float:left; margin:1% 0 1% 20px; border:1px solid #e1e1e1;}
.referance img{ width:100%; height:180px; }
.


.referance img { filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); }
.referance img:hover { filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1);}




.referances-details { width:96%; height:350px; display:block; margin:2.5% 2%;  }
.referances-details .referances-details-img { width:40%; height:350px; float:left; }
.referances-details .referances-details-img .referances-details-img-thumb-first { width:100%; height:240px; float:left; display:block;}
.referances-details .referances-details-img .referances-details-img-thumb-first img{ width:100%; height:240px; float:left;}
.referances-details .referances-details-img .referances-details-img-thumb { width:100%; height:80px; float:left;  display:block;}
.referances-details .referances-details-img .referances-details-img-thumb img{ width:48%; float:left; margin:1.5% 1%; display:table; }

.referances-details .referances-details-detay { width:57%; height:auto; float:left; margin:0 1% 1% 2%; display:block; }
.referances-details .referances-details-detay h3{ width:100%; height:40px; line-height:40px; float:left; color:#3d3d3d; font-size:20px; margin:-10px 0 0 0 ; padding:0;}
.referances-details .referances-details-detay p{ font-size:13px; color:#3d3d3d; padding:5px 0; line-height:25px;}




.maps {width:100%; height:350px; float:left;}
.contact-detail {width:50%; height:auto; float:left; margin:10px 0 30px 0}
.contact-detail table { width:100%; height:auto; float:left; color:#656870; font-size:13px;}
.contact-detail table a{ color:#656870; }
.contact-detail table a:hover{ font-weight:bold; color:#656870;}
.contact-detail p{font-size:13px; line-height:25px; color:#3d3d3d;}
.contact-detail p a{color:#940832;}
.contact-form { width:50%; height:auto; float:left; margin:10px 0 30px 0;}
.contact-form table{ width:96%; height:auto; margin:0 2%; font-family: 'Exo', sans-serif; }
.contact-form table input{ width:96%; height:auto; margin:0 2%; height:38px; border:1px solid #dbdbdb; background-color:#e4e4e4; color:#666666; font-size:12px; padding:0 0 0 25px; font-family:inherit}
.contact-form table textarea{ width:96%; height:auto; margin:0 2%; height:80px; border:1px solid #dbdbdb; background-color:#e4e4e4; color:#666666; font-size:12px; padding:5px 0 0 25px; font-family:inherit;}
.contact-form table button{ width:100px; float:right; color:#979797; height:30px; margin:0 2%; background-color:#000000; border:none; font-family:inherit; cursor:pointer; }
.contact-form table button:hover{ color:#fff; background-color:#940832; }



.ik-banner {width:96%; height:258px; float:none; margin:0 auto 3% auto; background-image:url(/themes/aproje/img/ik-banner.jpg); background-repeat:no-repeat; background-size:cover; font-family: 'Exo', sans-serif; }
.ik-banner h1 { font-family:inherit; font-size:17px; padding:45px 0 0 25px; color:#131313;}
.ik-banner p { width:40%; font-family:inherit; font-size:13px; padding:0 0 0 25px; color:#3d3d3d;}
.ik-banner p a { color:#940832; font-weight:bold;}
.ik-form { width:96%; height:auto; float:left; margin:0 2%;}
.ik-form table{ width:50%; height:auto; margin:0; float:left; font-family: 'Exo', sans-serif; }
.ik-form table tr { width:100%; float:left; margin:1px 0;}
.ik-form table tr  td{ width:100%; float:left;}
.ik-form table input{ width:100%; float:left; height:auto;height:38px; border:1px solid #dbdbdb; background-color:#e4e4e4; color:#666666; font-size:12px; padding:0 0 0 25px; font-family:inherit; }
.ik-form table textarea{ width:100%; height:auto; height:78px; border:1px solid #dbdbdb; background-color:#e4e4e4; color:#666666; font-size:12px; padding:5px 0 0 25px; font-family:inherit;}
.ik-form table button{ width:100px; float:right; color:#979797; height:30px; margin:0 2%; background-color:#000000; border:none; font-family:inherit; cursor:pointer; }
.ik-form table button:hover{ color:#fff; background-color:#940832; }


footer { width:100%; height:120px; margin:50px 0 0 0; background-image:url(/themes/aproje/img/ft-bg.png); background-repeat:repeat; }
footer .footer-logo {width:33.3333%; float:left; height:inherit; margin:20px 0 0 0;}
footer .footer-menu { width:33.3333%; height:30px; float:left; margin:45px 0 0 0 ;}
footer .footer-menu ul  { margin:0; padding:0; float:right; padding:0 8px 0 0;}
footer .footer-menu ul li { float:left; list-style:none; }
footer .footer-menu ul li  a { font-size:15px; color:#4b4b4b; padding:15px 1px;}
footer .footer-menu ul li  a:hover {color:#b8093d;}
footer .footer-contact {  width:33.333%; height:auto; float:left; margin:43px 0 0 0;}
footer .footer-contact p{ font-size:13px; text-align:center; line-height:23px; color:#515151;}
footer .footer-contact p a{ color:#515151;}
.webo {float: right;right: 5px;top: 8px;position: relative;}

@media all and (max-width: 1020px) {

.mobil-menu { display: inline-block; position: absolute; float: right; top:80px; right: 10px; width: 30px; height: 30px; background: url(/themes/aproje/img/mm-icon-2.png) no-repeat center left; cursor: pointer;}
.menu-close { width:20px; height:20px; background-image:url(/themes/aproje/img/close.png); position:fixed; z-index:99999; top:30px; right:30px; display:block; }

.header-center { width:100%;}
.header-logo { width:80%;}
.header-logo img{ padding:15px 0 0 20px; }
.header-social { width:49%;  padding: 0; float:left; }
.header-social img{ float:right; margin:20px 0 0 2px; }
.header-social img.tel{margin:27px 20px 0 0 ; }
nav{ height:0px; margin:0; }
nav ul{display:none; width:100%; height:100%; float:none; position:fixed; z-index:-1; top:0; bottom:0; left:0; right:0; background-color:#b8093d; z-index:9999; padding:50px 0 0 0;}
nav ul li { width:100%; height:40px; line-height:40px; float:none; text-align:center; border-bottom:1px solid #a00835; }
nav ul li  a { width:auto; font-size:15px; color:#fff; text-align:center; padding:15px 15px;}
nav ul li  a:hover { background:none; }
nav ul li  a.active { background:none; }
.col-25 { width:25%; float:left;}
.col-30 { width:33%;  float:left;}
.col-40 { width:40%; float:left;}
.col-50 { width:48%;  float:left; margin:0 1%;}
.col-60 { width:60%;  float:left;}
.col-70 { width:70%;  float:left;}
.col-75 { width:75%;  float:left;}
.content { width:100%; border:none; display:block; }

.slider {height:450px; }
.home-slider img{height:450px; }
.home-box { width:95%; min-height:230px; float:none; margin:2% auto; }
.home-box img{ height: auto;}
.home-box h1{ width:95%; height: auto; margin:auto; line-height:normal; padding:15px 0 10px 0;}
.home-box p{ width:90%; height:auto; margin:1% 5%; font-size:13px; color:#8c8c8c; text-align:justify;}
.home-news h2{ padding:5px 0 0 0; }
.home-news li { height:50px;}


.news .news-detail .news-date { min-width:67px; font-size:17px; color:#fff; padding:7px 25px; background-color:#b8093d; font-weight:normal; float:left; margin:0 0 0 5px;}


.breadcrumbs { height:auto; width:auto; padding:0 15px 5px 0;}
.page-title-bg {width:100%; height:135px; text-align:center;}
.page-title-bg-kurumsal {width:100%; height:100px; background-image:url(/themes/aproje/img/kurumsal-bg.jpg); background-position:center; background-repeat:no-repeat; }
.page-title-bg-iletisim {width:100%; height:100px; background-image:url(/themes/aproje/img/iletisim-bg.jpg); background-position:center; background-repeat:no-repeat; }
.page-title-bg-haberler {width:100%; height:100px; background-image:url(/themes/aproje/img/haberler-bg.jpg); background-position:center; background-repeat:no-repeat; }
.page-title-bg-hizmetler {width:100%; height:100px; background-image:url(/themes/aproje/img/hizmetler-bg.jpg); background-position:center; background-repeat:no-repeat; }

.page-title { width:100%; height:25px; line-height:25px; float:left; margin:70px 0 0 0;}
.page-title h2{ font-size:14px; color:#fff; font-weight:normal; text-align:right; padding:0 15px 0 0;}



footer .footer-logo img{ padding:0 0 0 20px;}
footer .footer-contact p{ padding:0 0 0 20px;}

}
@media all and (max-width: 800px) {
header {  display:table; background-image:none; background-color:#e6e6e6; background-position:center; background-repeat:repeat;}
.mobil-menu { display: inline-block; position: absolute; float: right; top:48px; right: 10px; width: 30px; height: 30px; background: url(/themes/aproje/img/mm-icon-2.png) no-repeat center left; cursor: pointer;}
.menu-close { width:20px; height:20px; background-image:url(/themes/aproje/img/close.png); position:absolute; z-index:99999; top:30px; right:30px; display:block; }
.header-center { width:100%; height:120px;}
.header-logo { width:60%;}
.header-logo img{ width:auto; padding:5px 0 0 10px; }
.header-social { width:38%;  padding:0 12px 0 0; float:right; }
.header-social img{ width:25px; height:25px; float:right; margin:15px 0 0 2px; }
.header-social img.tel{ display:none; width:50%; height:15px; margin:30px 20px 0 0 ; }
.slider .slider-title { width:96%; height:auto; margin-left:4%; } 



.breadcrumbs { height:auto; width:auto; float:none; font-size:13px; padding:0; text-align:center;}

.page-title-bg-kurumsal {background-position:right; }
.page-title-bg-iletisim {background-position:right; }
.page-title-bg-haberler {background-position:right; }
.page-title-bg-hizmetler {background-position:right;}

.col-25 { width:25%; float:left;}
.col-30 { width:33%;  float:left;}
.col-40 { width:40%; float:left;}
.col-50 { width:98%;  float:left; margin:0 1%;}
.col-60 { width:60%;  float:left;}
.col-70 { width:70%;  float:left;}
.col-75 { width:75%;  float:left;}



.slider {height:350px; }
.home-slider img{height:350px; }
.home-news h2{ padding:40px 0 0 0; }
.home-news li { height:50px;}
.news-slider ul li { line-height:25px; height:60px; }
.news-slider { width:90%; margin:auto;}

.home-news { height:195px;  }
.news-slider .bx-controls-direction { width: 50px; margin:5px auto 0 auto; text-align: center; }
.news-slider .bx-controls-direction .bx-prev, .news-slider .bx-controls-direction .bx-next { float: left; background-repeat:no-repeat; background-position:center; text-indent:-9999px;  display: block; width: 20px; height: 20px;}



.haberler { width:86%; margin:0% 7% 1% 7%; float:left;}
.haberler p { font-size: 14px; color: #3d3d3d; padding: 5px 0px;}
.haberler img { margin: 1% 2%}


.news-all { width:98.80%; height:35px; line-height:35px; margin:auto ; float:none; padding:0; }
.news-all p{ font-size:14px; color:#fff; text-align:center;  }
.news-all p a{ color:#fff; font-weight:bold; }



.page-menu { width:90%; float:none; margin:auto; margin-top:30px; padding:5px 0; }
.page-menu ul li a{ width:97%; }


.page-content { width:90%; height:auto; border:none; float:none; margin:auto; display:table; margin-bottom:30px; margin-top:30px;}
.page-content h1{ width:100%;  padding:0px; margin:30px 0 10px 0; text-align:center; }



.full-content { width:100%; height:auto; display:table; margin:30px auto; background-color:#FFF; border:none; padding:0 0 70px 0;  }
.full-content h1{ width:96%; float:none; margin:auto;  padding:0; margin-top:30px; }



.service { width:91%; float:left; height:auto; margin:2% 4.50%; }
.service .service-img{ width:100%; height: auto; float:left; }
.service .service-img img{ width:100%; height:auto; float:left; border-right:1px solid #e1e1e1;}
.service .service-detail { width:100%; float:left; height:auto; }
.service .service-detail h2{ width:90%;  padding:25px 5% 0 5%; }
.service .service-detail p{ width:90%; float:left;  padding:5px 5%; height:auto; }




.referance { width:45.50%; height:180px; margin:1% 2%; }
.referance img { width:100%; height:180px; }



.referances-details .referances-details-img { height:270px; }
.referances-details .referances-details-img .referances-details-img-thumb-first {  height:180px; }
.referances-details .referances-details-img .referances-details-img-thumb-first img{ height:180px; }


.news .news-img{ width:30%; }
.news .news-detail { width:70%; }



footer .footer-logo {width:100%; height:auto; display:inline-block; float:none; height:inherit; margin:20px 0 0 0;}
footer .footer-logo img{width:auto; height:auto; margin:auto; display:block;}
footer .footer-menu { width:100%; height:30px; float:left; margin:20px 0 10px 0; position: relative; left: -8px; }
footer .footer-menu ul  { margin:0 auto; padding:15px 0; float:none; display: table; }
footer .footer-contact {  width:100%; height:auto; float:left; margin:43px 0 0 0;}
footer .footer-contact p{ text-align:center; padding:0 0 0 20px;}
.webo { margin:auto; display:block; width:auto; height:auto;}
.webo img{ margin:auto; display:block; width:auto; height:auto; padding:15px 0;}


	
}
@media all and (max-width: 480px) {
	
.header-logo { width:70%;}
.header-logo img{ width:100%; padding:10px 0 0 10px; }
.header-social { width:28%;  padding:0 0px 0 0; float:left; }
.header-social img{ width:25px; height:25px; float:right; margin:15px 0 0 2px; }
.header-social img.tel{ display:none; width:50%; height:15px; margin:30px 20px 0 0 ; }


.slider .slider-title .caption { margin:-100px 0 0 0; width: 85%;}
.slider .slider-title .caption h1{ font-size:20px; }
.slider .slider-title .caption p{ font-size:15px; }
.slider .slider-title .caption p span{ font-size:18px;}


.slider {height:250px; }
.home-slider img{height:250px; }
.news-slider ul li { line-height:25px; height:110px; }
.news-slider ul li a{ color:#d1d1d1; font-size:13px; text-align:left; font-weight:bold;}
.news-slider { width:90%; margin:auto;}
.home-news h2{ padding:5px 0 0 0; }
.home-news li { height:60px;}



.page-menu { width:85%; float:none; margin:15px auto 0 auto; }


.page-content { width:85%; height:auto; float:none; margin:30px auto 30px auto; display:block;}
.page-content p img{ width:98%; height:auto; float:left;   margin: 6% 1%;  }

.full-content { width:100%; height:auto; display:table; margin:15px auto; background-color:#FFF; border:none; padding:0 0 70px 0;  }
.full-content h1{ width:86%; float:none; margin:auto;  padding:0; margin-top:30px; display:table; line-height:30px; }
.full-content p{  text-align:justify; line-height:20px;}

.service { width:95%; float:left; height:auto; margin:2% 2.50%; }
.service .service-detail h2{ font-size:12px;}
.service .service-detail p{ width:90%; float:left;  padding:5px 5%; height:115px; }



.news { height: auto; }
.news .news-img{ width:100%; }
.news .news-img img{ width:auto; height:auto; margin:auto; display:block; margin-top:15px; border-right:none;}
.news .news-detail { width:100%; float:left; height:auto; padding:30px 0 0 0px; }
.news .news-detail .news-date {  margin:0;}
.news .news-detail p{ padding:5px 25px 45px 25px; }


.referance { width:45.30%; height:120px; margin:1% 2%; }
.referance img { width:100%; height:120px; }


.referances-details .referances-details-img {width:100%; height:370px; }
.referances-details .referances-details-img .referances-details-img-thumb-first { width:100%;  height:240px; }
.referances-details .referances-details-img .referances-details-img-thumb-first img{width:100%; height:240px; }
.referances-details .referances-details-img .referances-details-img-thumb { width:100%; height:80px; float:left;  display:block;}
.referances-details .referances-details-img .referances-details-img-thumb img{ width:48%; float:left; margin:1.5% 1%; display:table; }

.referances-details .referances-details-detay { width:96.50%; height:auto; float:left; margin:4% 1% 1% 2%; display:block; }
.referances-details .referances-details-detay h3{ width:100%; height:40px; line-height:40px; float:left; color:#8c8c8c; font-size:20px; margin:-10px 0 0 0 ; padding:0;}
.referances-details .referances-details-detay p{ font-size:13px; color:#8c8c8c; padding:5px 0; line-height:25px;}



.ik-banner {width:96%; height:258px; float:none; margin:3% auto;  }
.ik-banner h1 { padding:0; text-align:center; padding:80px 0 0 0;}
.ik-banner p { width:95%; padding:0; margin:auto; text-align:center; }
.ik-form { width:96%; height:auto; float:left; margin:0 2%;}
.ik-form table{ width:100%; margin-top:-4px}


.contact-detail {width:90%; margin:2% 5%; }

.contact-form { width:100%; }
.webo {position: relative; width: 100%; text-align: center;}


	
}
@media all and (max-width: 320px) {
.header-center { width:100%; height:120px;}
.header-logo { width:80%;}
.header-logo img{ width:100%; padding:30px 0 0 10px; }
.header-social { width:35%;  padding:0 0px 0 0; float:left; height:auto; display:none; }
.header-social img{ width:25px; height:25px; float:right; margin:25px 0 0 2px; }
.header-social img.tel{ display:none; width:50%; height:15px; margin:30px 20px 0 0 ; }



.slider {height:150px; }
.home-slider img{height:150px; }
.home-news {}
.home-box { min-height:185px; }
.home-box h1{ font-size:14px;}
.home-hr {}


.news-all {display:block;}


.news .news-img{ width:100%; }
.news .news-img img{ width:auto; height:auto; margin:auto; display:block; margin-top:15px; border-right:none;}
.news .news-detail { width:100%; float:left; height:auto; padding:30px 0 0 0px; }
.news .news-detail .news-date { min-width:67px; font-size:17px; color:#fff; padding:7px 25px; background-color:#b8093d; font-weight:normal; float:left; margin:0;}
.news .news-detail h2{   font-size:15px; color:#2d2d2d;  float:left; height:40px; line-height:40px; padding:0 0 0 25px; }
.news .news-detail p{ padding:5px 25px 45px 25px; }
.news .news-detail p span a{ color:#b8093d; padding:0 0 0 15px; }



.service .service-detail p{  height:180px; }




.referance { width:95.50%; height:150px; margin:1% 2%; }
.referance img { width:100%; height:150px; }


.referances-details .referances-details-img { height:290px; }
.referances-details .referances-details-img .referances-details-img-thumb-first {  height:180px; }
.referances-details .referances-details-img .referances-details-img-thumb-first img{ height:180px; }



.maps {width:100%; height:250px; float:left;}
.contact-detail {width:100%; margin:0px 0 30px 0}
.contact-detail p{padding:0 0 0 15px;}
.contact-form { width:100%; }



footer { margin:10px 0 0 0; }
footer .footer-logo {width:100%; float:none; height:inherit; margin:25px auto 0px auto;}
footer .footer-logo img{width:auto; height:auto; margin:0 auto; display:block; padding:0;}
footer .footer-contact p{ text-align:center; padding:0;}


	
}