/*  Reset.Css */

body {font-family: poppinsregular; font-weight:400; font-size:14px; color:#000; height:100%; background:#fff url(../images/body.jpg) top center; line-height:1; margin:0px; padding:0px; position:relative;  -webkit-font-smoothing: antialiased;}

ul, li, ol, table, tr, td, h1, h2, h3, h4, h5, h6, p, form, input, select, textarea, button, img {font-size:100%; font:inherit;  vertical-align: baseline; padding: 0; margin: 0; border: 0; list-style: none}



.hovereffect { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

a:focus {text-decoration:none}



.header {width:100%; display:inline-block; float:left;}

.header-top {width:100%; display:inline-block; float:left; height:33px; padding-left:25px; padding-right:25px; background:url(../images/headertopbg.jpg);}

.header-top-p1 {display:inline-block; float:left;}

.header-top-p1 span {line-height:33px; display:inline-block; font-size:12px; font-family:poppinslight; padding-left:25px; color:#fff}

.header-top-p-span1 {line-height:33px; background:url(../images/icon1.png) no-repeat left top 8px; margin-right:30px}

.header-top-p-span2 {line-height:33px; background:url(../images/icon2.png) no-repeat left top 8px; margin-right:30px}



.header-top-p2 {float:right; display:inline-block;}

.header-top-p2 a {line-height:32px; display:inline-block; padding-left:30px; background:url(../images/icon3.png) no-repeat left top 5px;  font-size:12px; font-family:poppinslight; color:#fff;}

.header-top-p2 a:hover {text-decoration:none; opacity:0.7}


.header-top-p5 {float:right; display:inline-block;}

.header-top-p5 a {line-height:32px; display:inline-block; padding-left:30px; background:url(../en/images/icon3.png) no-repeat left top 5px;  font-size:12px; font-family:poppinslight; color:#fff;}

.header-top-p5 a:hover {text-decoration:none; opacity:0.7}


.header-bottom {width:100%; display:inline-block; position:relative; padding-left:250px; padding-right:50px; height:85px; background:#fff;}

.logo {position:absolute; left:0; top:0; max-width:250px;}

.top-search {position:absolute; right:0; top:0; width:50px; height:85px; border-left:1px solid #f3f3f3}

.top-rss {width:100%; display:inline-block; height:42.5px; border-bottom:1px solid #f3f3f3; text-align:center; padding-top:5px;}

.top-rss a {color:#a4a6ae; text-indent:inherit; }

.top-rss i {font-size:20px}

.top-rss span {width:100%; display:inline-block; display:none; font-size:11px; font-family:poppinssemibold; display:none}

.top-rss:hover span {color:#de0909; text-decoration:none; display:inline-block}

.top-rss:hover i {color:#de0909}



.top-search-div {width:100%; display:inline-block; text-align:center; padding-top:5px; position:relative; z-index:1}

.top-search-p {width:100%; display:inline-block; cursor:pointer; height:40px}

.top-search-p i {font-size:20px; color:#a4a6ae;}

.top-search-p span {width:100%; display:inline-block; display:none; font-size:11px; font-family:poppinssemibold; display:none}

.top-search-div2 span {color:#de0909; text-decoration:none; display:inline-block}

.top-search-div2 i {color:#de0909}

.searchinput1 {display:none; width:170px; line-height:35px; border:1px solid #c7beb4; border-top:3px solid #de1413; color:#747474; font-size:12px; font-family:poppinslight; padding-left:8px; padding-right:8px; position:absolute; right:0; top:42px;}





.topmenu {float:right; width:100%; display:inline-block;}

.topmenu nav>ul {display:inline-block; float:right;}

.topmenu nav>ul>li {float:left; display:inline-block; position:relative;}

.topmenu nav>ul>li:last-child a:after{display:none}

.topmenu nav>ul>li>a {padding-left:10px; padding-right:10px; line-height:85px; color:#423c36; font-size:15px; display:inline-block; position:relative; border-bottom:3px solid transparent; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.topmenu nav>ul>li>a:after {width:1px; height:25px; background:#e5e5e5; content:""; display:inline-block; position:relative; top:8px; left:10px;}

.topmenu nav>ul>li:hover>a {text-decoration:none; color:#e11212; border-bottom:3px solid #e11212;}

.topmenu nav>ul>li.has-sub:hover>a {border-bottom:3px solid transparent}



.topmenu nav>ul>li:hover>ul {display:inline-block; z-index:123;}

.topmenu nav>ul>li>ul {display:none; position:absolute; width:170px; border:1px solid #c4c3c1; background:#fff; border-top:3px solid #e11212; left:0; top:85px;}

.topmenu nav>ul>li>ul>li {width:100%; display:inline-block; position:relative;}

.topmenu nav>ul>li>ul>li.has-sub>a {background:url(../images/menuarrow.png) no-repeat right 15px center}





.topmenu nav>ul>li>ul>li>a {width:100%; display:inline-block; line-height:50px; color:#3e3e3e; font-size:14px; padding-left:20px;height:50px}

.topmenu nav>ul>li>ul>li:hover>a {text-decoration:none;  font-family:poppinsbold}



.topmenu nav>ul>li>ul>li:hover>ul {display:inline-block}

.topmenu nav>ul>li>ul>li>ul {display:none; position:absolute; width:170px; border:1px solid #c4c3c1; background:#fff; border-top:3px solid #e11212; left:100%; top:0px;}

.topmenu nav>ul>li>ul>li>ul>li {width:100%; display:inline-block;}

.topmenu nav>ul>li>ul>li>ul>li>a {width:100%; display:inline-block; line-height:50px; color:#3e3e3e; font-size:14px; padding-left:20px}

.topmenu nav>ul>li>ul>li>ul>li:hover>a {text-decoration:none;  font-family:poppinsbold}



.footer {width:100%; display:inline-block; float:left; background:url(../images/headertopbg.jpg); padding:40px 22px;}

.footertab1 {width:17%; float:left; display:inline-block;}

.footertab1-p1 {width:100%; display:inline-block; color:#cbc9c7; font-size:13px; font-family:poppinsbold; margin-bottom:10px; float:left;}

.footertab1 ul {width:100%; display:inline-block; float:left}

.footertab1 ul li {width:100%; display:inline-block; float:left;}

.footertab1 ul li a {display:inline-block; float:left; color:#cbc9c7; font-size:12px; font-family:poppinslight; line-height:16px;}



.footertab2 {width:32%; float:left; display:inline-block;}

.newsteller {width:100%; display:inline-block; float:left; padding:15px 20px; border:2px solid #504b46; border-radius:3px;}

.newsteller ul {width:100%; display:inline-block; float:left;}

.newsteller ul li {width:100%; display:inline-block; float:left;}

.newsteller-p1 {width:100%; display:inline-block; float:left; color:#cbc9c7; font-size:13px; font-family:poppinsbold; margin-bottom:8px;}

.newsteller-span1 {width:100%; display:inline-block; float:left; color:#cbc9c7; font-size:11px; font-family:poppinslight; line-height:15px; margin-bottom:5px;}

.newstellerinputli {position:relative; padding-right:60px;}

.ninput1 {width:100%; display:inline-block; float:left; line-height:36px; background:#504b46; padding-left:20px; padding-right:20px; color:#cbc9c7; font-size:11px; font-family:poppinslight;}

.ninput2 {width:57px; line-height:36px; display:inline-block; background:#ce2a28; text-align:center; color:#fff; font-family:poppinssemibold; position:absolute; right:0; top:0; font-size:11px;}



.copyright {width:100%; display:inline-block; float:left; padding-left:25px; padding-right:25px; background:#252322;}

.copyrightspan1 {float:left; display:inline-block; color:#cbc9c7; font-size:11px; font-family:poppinsmedium; line-height:40px;}

.copyright ul {float:right; padding-top:6px}

.copyright ul li {float:left; margin-left:8px;}

.copyright ul li span {color:#e7e7e7; font-size:11px; line-height:28px; font-family:poppinslight; margin-right:10px;}

.copyright ul li a {width:28px; height:28px; border-radius:50%; display:inline-block; padding-top:7px; text-align:center; color:#fff; background:#f63e27; font-size:16px;}

.copyright ul li.c-facebook a {background:#3c5b9b}

.copyright ul li.c-twitter a {background:#2caae1}

.copyright ul li.c-instagram a {background:#517ea3}

.copyright ul li.c-google a {background:#f63e28}

.copyright ul li.c-youtube a {background:#fd3332}

.copyright ul li.c-pinterest a {background:#cb2027}



.main-slider {width:100%; display:inline-block; float:left; position:relative; top:-2px; margin-bottom:-2px; border-bottom:2px solid #df0000}

.main-slider .item {width:100%; float:left;}

.main-slider-box {width:100%; display:inline-block; float:left; background-size:cover; background-repeat:no-repeat; background-position:center center; height:395px; position:relative;}

.main-slider-box:before {content:""; display:inline-block; width:100%; height:15px; position:absolute; left:0; top:0; background:url(../images/sliderust.png);}

.main-slider-box:after {content:""; display:inline-block; width:100%; height:15px; position:absolute; left:0; bottom:0; background:url(../images/slideralt.png);}



.main-slider .carousel-control {width:38px; top:50%; margin-top:-24px;}

.maindiv1 {width:100%; display:inline-block; float:left; padding:15px 25px; background:#fff;}

.maindiv1-left {width:62%; float:left; display:inline-block; padding-right:25px;}

.maindiv1-right {width:38%; float:left; display:inline-block}

.m1-r1 {width:100%; display:inline-block; float:left; padding:18.5px 22px; border-bottom:3px solid #e7e7e7}

.m1-r1 .simpletitle {width:auto}

.simpletitle {color:#262626; font-size:24px; font-family:poppinsbold; float:left; display:inline-block; width:100%}

.simpletitle span {color:#df0000; font-family:poppinslight;}

.m1-r1 a {float:right; color:#d70808; font-size:14px; line-height:24px; display:inline-block}



.m1-r2 {width:100%; display:inline-block; float:left; position:relative;}

.m1-r2:after {position:absolute; left:0; bottom:-9px; width:100%; height:9px; background:url(../images/golge3.png) no-repeat center center; content:""; display:inline-block}



.m1-r2 .item {width:100%; float:left;}

.mainnews1 {width:100%; display:inline-block; float:left;}

.mainnews1 ul {width:100%; display:inline-block; float:left; position:relative; padding:20px 50px 20px 130px; border-bottom:1px solid #e7e7e7; height:100px}

.mainnews1 ul li {width:100%; display:inline-block}

.mainnews1 ul li.mnli1 {width:77px; height:61px; display:inline-block; position:absolute; left:20px; top:20px; background-size:cover; background-repeat:no-repeat; background-position:center center;}

.mainnews1 ul li.mnli2 a {color:#323232; font-size:13px; line-height:15px; font-family:poppinsmedium}

.mainnews1 ul li.mnli2 {margin-bottom:5px;}

.mainnews1 ul li.mnli3 span {color:#d70808; font-size:10px; font-family:poppinssemibold}

.m1-r2 .item .mainnews1:last-child ul {border-bottom:0px}



.m1-l1 {width:100%; display:inline-block; float:left;}

.m1-l1 ul {float:left; width:100%; display:inline-block; background:#dc0000; }

.m1-l1 ul li {width:22%; float:left; display:inline-block;}

.m1-l1 ul li.m1l1li1 {width:34%; padding:20px;}

.m1-l1 ul li.m1l1li1 p {color:#fff; font-size:24px; font-family:poppinsbold}

.m1-l1 ul li.m1l1li1 p span {font-family:poppinslight}

.m1-l1 ul li a {color:#fff; font-size:13px; font-family:poppinslight; background-repeat:no-repeat; background-position:top 5px center; height:64px; padding-top:43px; display:inline-block; width:100%; text-align:center;}

.m1-l1 ul li:nth-of-type(2) a {background-image:url(../images/nelericon1.png)}

.m1-l1 ul li:nth-of-type(3) a {background-image:url(../images/nelericon2.png)}

.m1-l1 ul li:nth-of-type(4) a {background-image:url(../images/nelericon3.png)}

.m1-l1 ul li.active a {background-color:#282829; border-radius:5px; height:72px; position:relative; top:-4px; margin-bottom:-8px; padding-top:47px; background-position:top 9px center; z-index:1}

.m1-l1 ul li a:hover {text-decoration:none;}

.m1-l1 ul li a:focus {text-decoration:none;}



.m1-l2 {width:100%; display:inline-block; border:1px solid #e7e7e7; padding-left:20px; padding-right:20px; float:left; position:relative;}

.m1-l2:after {position:absolute; left:0; bottom:-11px; width:100%; height:11px; background:url(../images/golge2.png) no-repeat center center; content:""; display:inline-block}



.mtabdiv {width:100%; display:inline-block; float:left; background:url(../images/nelerbg.png); padding-top:40px; min-height:200px}

.mtabdiv p {width:100%; display:inline-block; color:#303030; font-size:15px; font-family:poppinsmedium; margin-bottom:15px;}

.mtabdiv span {width:100%; display:inline-block; float:left; color:#303030; font-size:13px; line-height:20px; font-family:poppinslight}

.mtabdiv .nimg {float:right; position:relative; top:-35px; padding-left:20px; margin-bottom:-35px}



.maindiv2 {width:100%; display:inline-block; padding:0px 25px 15px 25px; background:#fff; float:left;}

.maindiv2-left {float:left; width:26%; display:inline-block; padding-right:25px; }

.maindiv2-left .simpletitle {margin-bottom:10px}

.m2-l1 {width:100%; display:inline-block; border:1px solid #e7e7e7; padding:15px 5px 15px 20px; height:160px; position:relative; background:url(../images/referansok.png) no-repeat right center}

.m2-l1:after {position:absolute; left:0; bottom:-9px; width:100%; height:10px; background:url(../images/golge1.png) no-repeat center center; content:""; display:inline-block}

.m2-l1 span.m2span1 {width:100%; display:inline-block; float:left; color:#303030; font-size:13px; line-height:20px; font-family:poppinslight; margin-bottom:20px}

.m2-l1 a {line-height:26px; display:inline-block; background:#cc0101 url(../images/arti.png) no-repeat left 5px center; padding-left:27px; font-size:11px; color:#fff; font-family:poppinsmedium; padding-right:5px; height:26px; padding-top:1.5px;}

.m2-l1 a:hover {text-decoration:none; opacity:0.7}



.maindiv2-right {width:74%; float:left; display:inline-block;}

.mrightdiv {width:100%; display:inline-block; float:left;}

.mrightdiv ul {float:left; display:inline-block; width:100%}

.mrightdiv ul * {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.mrightdiv ul li {width:30%; float:left; display:inline-block; margin-right:5%; background-size:cover; background-repeat:no-repeat; background-position:center center; height:160px;  position:relative;}

.mrightdiv ul li:nth-of-type(3n) {margin-right:0px;}

.mrightdiv ul li a {width:100%; display:inline-block; height:100%; background-repeat: no-repeat; background-position:top 37px center;}

.mrightdiv ul li span {position:absolute; bottom:0; left:0; background:rgba(255,255,255,0.9); height:60px; text-align:center; width:100%; display:inline-block; color:#252322; font-size:14px; line-height:20px; padding-left:15px; padding-right:15px; padding-top:12px}

.maindiv2-right .carousel-control {width:18px; top:50%; margin-top:-15px;}

.mrightdiv ul li a:hover {border:1px solid #79716d; background:rgba(255,255,255,0.9) url(../images/a1.png) no-repeat top 37px center}

.mrightdiv ul li a:hover span {background:none}



.maindiv3 {width:100%; display:inline-block; padding:0px 25px 15px 25px; background:#fff; float:left;}

.maindiv3-left {float:left; width:26%; display:inline-block; padding-right:25px; }

.maindiv3-left .simpletitle {margin-bottom:30px; margin-top:17px}



.maindiv3-right {float:left; width:74%; display:inline-block; }

.m3-l1 {width:100%; display:inline-block; border:1px solid #e7e7e7; padding:15px 5px 15px 20px; height:90px; position:relative; background:url(../images/referansok.png) no-repeat right center}

.m3-l1:after {position:absolute; left:0; bottom:-9px; width:100%; height:10px; background:url(../images/golge1.png) no-repeat center center; content:""; display:inline-block}

.m3-r1 {width:100%; display:inline-block; border:1px solid #e7e7e7; }

.m3-r1 ul {float:left; display:inline-block; width:100%;}

.m3-r1 ul li {width:20%; float:left; display:inline-block; text-align:center; height:90px; line-height:90px;}

.m3-r1 ul li img {vertical-align:middle; cursor:pointer;}

.m3-r1 ul li img {

  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");

    filter: gray;

    -webkit-filter: grayscale(100%)}

.m3-r1 ul li img:hover {

		 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");

    -webkit-filter: grayscale(0%);

		}

		

.responsivemenu {position:absolute; right:10px; font-size:25px; color:#dc0000; display:none; top:12.5px; cursor:pointer}



.page-title {width:100%; display:inline-block; float:left; height:110px; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:39px; padding-left:20px; padding-right:20px}

.page-title h1 {float:left; display:inline-block; font-size:33px; color:#fff; }

.page-title ul {float:right;}

.page-title ul li {float:left; position:relative; margin-left:10px;}

.page-title ul li:first-child {margin-left:0px}

.page-title ul li a {color:#fff; font-size:11px; font-family:poppinslight; line-height:33px; display:inline-block}

.page-title ul li:after {content:"/"; display:inline-block; color:#fff; font-size:11px; font-family:poppinslight; position:relative; right:-5px}

.page-title ul li:last-child:after {display:none}



.pagediv {width:100%; display:inline-block; background:#fff; padding:20px; position:relative; float:left;}

.page-sidebar {width:250px; float:left; display:inline-block; padding-right:20px}

.page-sidebar-div {width:100%; display:inline-block; float:left;}

.sidebar-banner {width:100%; display:inline-block; float:left;}

.sidebar-banner img {max-width:100%}

.sidebar-menu {width:100%; display:inline-block; float:left; margin-bottom:10px;}

.sidebar-menu>ul>li>a:hover {background:#ec0000; text-decoration:none;}

.sidebar-menu>ul>li.active a {background:#ec0000}



.sidebar-menu>ul {width:100%; display:inline-block; float:left;}

.sidebar-menu>ul>li {width:100%; display:inline-block; float:left;}

.sidebar-menu>ul>li>a {width:100%; display:inline-block; float:left; color:#fff; font-size:15px; line-height:40px; height:40px; padding-top:2px; border-bottom:1px solid #77706c; padding-left:35px; background:#68605b; cursor:pointer;}

.sidebar-menu>ul>li.sidebar-contact-li a {background:#3c3734; font-family:poppinssemibold}





.sidebar-menu>ul>li.has-sub>a {background-image:url(../images/sidebarok1.png); background-position:left 15px center; background-repeat: no-repeat}

.sidebar-menu>ul>li>a.sub-open {background-image:url(../images/sidebarok2.png); background-position:left 15px center; background-repeat: no-repeat}



.sidebar-menu>ul>li>ul {width:100%; float:left; display:none;}

.sidebar-menu>ul>li>ul>li {width:100%; display:inline-block; float:left;}

.sidebar-menu>ul>li>ul>li>a {width:100%; display:inline-block; float:left; color:#fff; font-size:15px; line-height:40px; height:40px; padding-top:2px; border-bottom:1px solid #77706c; padding-left:50px; background:#68605b}

.sidebar-menu>ul>li>ul>li>a:hover {background:#ec0000; text-decoration:none;}

.sidebar-menu>ul>li>ul>li.active a {background:#ec0000}



.page-content {width:750px; float:right; display:inline-block;}

.page-content-div {width:100%; display:inline-block; float:left; border:1px solid #f2f2f2; padding:20px 35px;}

.page-content-title {width:100%; display:inline-block; float:left; padding-bottom:35px;}

.page-content-title h2 {float:left; display:inline-block; color:#67605b; font-size:15px; font-family:poppinsbold}

.page-content-div p {color:#67605b; font-size:14px; line-height:24px; color:#67605b;}

.page-content-div strong {font-weight:normal; font-family:poppinssemibold;}



.page-share {float:right; display:inline-block; border:1px solid #e5e5e5; padding:5px; height:25px;}

.page-share li {float:left;}

.page-share li a {color:#3b3734; font-size:13px; font-family:poppinssemibold; padding-left:4px; padding-right:4px; }

.p-share-facebook a {}

.p-share-font-1 i {font-style:normal; font-size:12px; position:relative; top:-2px;}

.p-share-font-2 i {font-style:normal; font-size:12px; position:relative; top:-2px;}



.page-full {width:100%; display:inline-block; float:left; padding:20px; background:#fff; margin-bottom:15px;}

.references {width:100%; display:inline-block; float:left;}

.references ul {float:left; display:inline-block; width:100%;}

.references ul li {width:23.5%; margin-right:2%; display:inline-block; text-align:center; height:190px; position:relative; margin-bottom:20px; float:left;}

.references ul li * {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.references ul li:nth-of-type(4n) {margin-right:0px}

.references ul li img {vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0; margin-top:auto; margin-bottom:auto; margin-left:auto; margin-right:auto; max-width:100%;}

.references ul li a {width:100%; display:inline-block; float:left; height:100%;

position:relative;

background-color: #fafafa;

background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#e8e8e8));

background-image: -webkit-linear-gradient(top, #fafafa, #e8e8e8);

background-image: -moz-linear-gradient(top, #fafafa, #e8e8e8);

background-image: -ms-linear-gradient(top, #fafafa, #e8e8e8);

background-image: -o-linear-gradient(top, #fafafa, #e8e8e8);

}







.references ul li a:hover {border:1px solid #837d79; background:#fefefe; }

.references ul li a:hover img {opacity:0.4}

.references ul li a:hover:before {background:url(../images/h1.png) no-repeat center center; width:55px; height:56px; position:absolute; left:0; right:0; top:0; bottom:0; margin-top:auto; margin-bottom:auto; margin-left:auto; margin-right:auto; content:""; display:inline-block; z-index:12}	

 

.references-page {width:100%; display:inline-block; float:left;}

.references-page ul {float:right; display:inline-block;}

.references-page ul li {float:left; display:inline-block; margin-left:1px;}

.references-page ul li a {color:#3b3734; font-size:12px; border:1px solid #cccccc; line-height:22px; height:24px; display:inline-block; padding-left:12px; padding-right:12px; padding-top:1px;}

.references-page ul li.active a {background:#68605b; color:#fff;}

.references-page ul li a:hover {text-decoration:none; background:#68605b; color:#fff;}



.siziarayalim100 {width:100%; display:inline-block; float:left; background-size:cover; background-position:center center; background-repeat:no-repeat; background-color:#ececec; padding:90px 90px 90px 280px}



.siziarayalimbox {width:100%; display:inline-block; background:rgba(255,255,255,0.9); padding:30px;}

.sa-p1 {width:100%; display:inline-block; float:left; color:#f00505; font-size:44px; font-family:poppinsmedium; margin-bottom:10px;}

.sa-p2 {width:100%; display:inline-block; float:left; font-size:13px; line-height:20px; color:#2a2a2a; font-family:poppinslight; margin-bottom:10px;}

.siziarayalimbox ul {width:100%; display:inline-block; float:left;}

.siziarayalimbox ul li {width:47%; float:left; display:inline-block; margin-right:6%; margin-bottom:20px}

.siziarayalimbox ul li:first-child {margin-right:10%!important;}

.siziarayalimbox ul li:nth-of-type(2n+1) {margin-right:0px;}



.siparisformu100 ul li:first-child {margin-right:10%!important}

.siparisformu100 ul li {width:47%; margin-right:6%!important}

.siparisformu100 ul li:nth-of-type(2n) {margin-right:0px!important;}

.siparisformu100 ul li:nth-of-type(2n+1) {margin-right:6%!important}



.sa-input1 {width:100%; display:inline-block; float:left; border:1px solid #b0b0b0; line-height:60px; padding-left:22px; padding-right:22px; color:#2a2a2a; font-size:16px; font-family:poppinslight}

.sa-input2 {width:155px; text-align:center; display:inline-block; float:left; border:1px solid #b0b0b0; line-height:60px; padding-left:22px; padding-right:22px; color:#2a2a2a; font-size:16px; font-family:poppinslight; background:#e11212; color:#fff; font-family:poppinsmedium}



.sa-p3 {width:100%; display:inline-block; float:left; color:#e54e49; font-size:14px; font-family:poppinslight}



.sa-select1 {-webkit-appearance: none; /*Removes default chrome and safari style*/

-moz-appearance: none; /* Removes Default Firefox style*/

text-indent: 0.01px;

text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/

padding-left: 22px;

padding-right:60px;

border-radius:0px;

border:1px solid #b0b0b0;

-moz-border-radius:0px;

-webkit-border-radius:0px;

background:#fff url(../images/sarrow1.png) no-repeat right 25px center;

color:#2a2a2a; font-size:16px; font-family:poppinslight; width:100%; height:64px; line-height:62px; display:inline-block}



.sa-p4 {display:inline-block; float:right; text-align:right; position:relative; top:-70px; margin-bottom:-70px}

.sa-p4 a {width:176px; height:38px; background:url(../images/hbg.png) no-repeat; display:inline-block; padding-left:40px; text-align:center; color:#0d0d0d; font-size:14px; font-family:poppinslight; margin-left:14px; padding-top:11px; position:relative;}

.sa-p4 a:hover {text-decoration:none; opacity:0.7;}

.sa-p4 a:first-child {margin-left:0px;}

.sa-p4 a:first-child:before {content:""; display:inline-block; width:38px; height:38px; background:url(../images/d1.png) no-repeat center center; position:absolute; left:0px; top:0px}

.sa-p4 a:last-child:before {content:""; display:inline-block; width:38px; height:38px; background:url(../images/d2.png) no-repeat center center; position:absolute; left:0px; top:0px}



.multimedya {width:100%; display:inline-block; float:left;}

.multimedya ul {width:100%; display:inline-block; float:left;}

.multimedya ul li {width:48.5%; float:left; display:inline-block; margin-right:3%; margin-bottom:22px; background-size:cover; background-repeat:no-repeat; background-position:center center; height:190px; position:relative;}

.multimedya ul li *{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.multimedya ul li a {width:100%; display:inline-block; float:left; height:100%; background-position:center top 20px}

.multimedya ul li:nth-of-type(2n) {margin-right:0px}

.multimedya ul li span {position:absolute; left:0; width:100%; bottom:0px; height:60px; background:rgba(255,255,255,0.9); color:#3b3633; font-size:14px; line-height:17px; padding-top:12px; text-align:center;}

.m-fotogaleri ul li span {height:40px}



.multimedya ul li a:hover {border:1px solid #746e6a; z-index:123; background:rgba(255,255,255,0.9) url(../images/z1.png) no-repeat center top 50px;}

.multimedya ul li a:hover span {background:none;}



.m-fotogaleri ul li span {height:40px}

.m-fotogaleri ul li a:hover {background:rgba(255,255,255,0.9) url(../images/z2.png) no-repeat center top 50px;}



.m-videogaleri ul li span {height:40px}

.m-videogaleri ul li a:hover {background:rgba(255,255,255,0.9) url(../images/z3.png) no-repeat center top 50px;}



.m-projeler ul li a:hover {background:rgba(255,255,255,0.9) url(../images/z4.png) no-repeat center top 50px;}

.m-projeler ul li a i {font-style:normal; position:absolute; right:0; top:0; height:35px; width:105px; text-align:center; background:#68605b; font-size:14px; color:#f2f2f2; padding-top:12px;}

.m-projeler ul li a i:after {position:absolute; content:""; display:inline-block; border:1px solid #a29d9a; top:3px; left:3px; height:29px; width:99px}

.m-projeler ul li a:hover i {display:none}



.iletisimpage {width:100%; display:inline-block; float:left; padding-left:55px; padding-right:55px}

.iletisimpage h1 {width:100%; display:inline-block; text-align:center; color:#1f1f1f; font-size:20px; font-family:poppinssemibold; margin-bottom:13px;}

.iletisimp1 {width:100%; display:inline-block; text-align:center; font-size:16px; line-height:24px; color:#1f1f1f; margin-bottom:40px;}



.iletisimpage-left {width:50%; float:left; display:inline-block;}

.iletisimpage-right {width:50%; float:left; display:inline-block;}

.iletisimpage-p1 {width:100%; display:inline-block; float:left; color:#1f1f1f; font-size:18px; font-family:poppinsmedium; margin-bottom:15px;}

.iletisimpage-p2 {width:100%; display:inline-block; float:left; color:#1f1f1f; font-size:15px; margin-bottom:12px;}



.iletisimpage-left ul {width:100%; display:inline-block; float:left;}

.iletisimpage-left ul li {width:100%; display:inline-block; float:left; margin-bottom:7px; position:relative; padding-left:160px;}

.iletisimpage-left ul li p {width:160px; position:absolute; left:0; top:0; color:#f00505; font-size:15px; line-height:32px; padding-top:2px;}

.iletisimpage-left ul li span {color:#1f1f1f; font-size:15px; font-family:poppinslight; line-height:32px; padding-top:2px; display:inline-block}



.iletisimpage-right ul {width:100%; display:inline-block; float:left;}

.iletisimpage-right ul li {width:100%; display:inline-block; float:left; margin-bottom:7px; position:relative; padding-left:160px;}

.iletisimpage-right ul li p {width:160px; position:absolute; left:0; top:0; color:#f00505; font-size:15px; line-height:32px; padding-top:2px;}

.iletisimi1 {width:100%; display:inline-block; line-height:30px; height:32px; border:1px solid #cccccc; background:#fff; padding-left:10px; padding-right:10px; font-size:12px;}

.iletisimi2 {width:100%; display:inline-block; padding:15px; height:75px; border:1px solid #cccccc; background:#fff; resize:none; font-size:12px}



.iletisima1:hover {text-decoration:none; opacity:0.7;}

.iletisima1 {width:177px; height:38px; background:url(../images/iletisimi3bg.png) no-repeat; display:inline-block; padding-left:40px; text-align:center; color:#0d0d0d; font-size:14px; font-family:poppinslight;  padding-top:11px; position:relative;}

.iletisimi3 {float:right; height:37px; border:1px solid #cccccc; background:#fff; color:#1f1f1f; font-size:14px; position:absolute; right:0; top:0; width:90px; text-align:center;}

.iletisimgonderli {position:relative; padding-right:100px}



.google-harita {margin-top:10px; width:100%; display:inline-block; float:left;}



.project-detail {width:100%; display:inline-block; float:left;}

.project-detail1 {width:100%; display:inline-block; margin-bottom:15px;}

.project-detail1 h1 {float:left; display:inline-block; color:#ec0000; font-family:poppinsmedium; font-size:16px; line-height:35px; padding-top:2px;}

.project-detail1 p {float:right; display:inline-block;}

.project-detail1 span {width:105px; text-align:center; display:inline-block; height:35px; line-height:35px; border:1px solid #cccccc; color:#68605b; font-size:16px; font-family:poppinssemibold; margin-right:5px;}

.project-detail1 a {width:105px; text-align:center; display:inline-block; height:35px; line-height:35px; border:1px solid #df0000; background:#df0000; color:#fff; font-size:14px; position:relative;}

.project-detail1 a:before {border:1px solid #f9cccc; position:absolute; left:3px; top:2px; height:29px; width:97px; content:""; display:inline-block}

.project-detail1 a:hover {text-decoration:none; opacity:0.7;}



.project-detail3 {width:100%; display:inline-block; float:left; margin-bottom:20px}

.project-detail3 h2 {width:100%; display:inline-block; float:left; color:#3c3734; font-size:15px; font-family:poppinssemibold; margin-bottom:15px;}

.project-detail3 p {color:#3c3734; font-size:14px; line-height:20px; font-family:poppinslight}



.project-detail2 {width:100%; display:inline-block; float:left; margin-bottom:20px}

.project-detail2-left {width:78%; float:left; display:inline-block; padding-right:20px}

.project-detail2-right {width:22%; float:left; display:inline-block;}



#slider1 { height: 345px; overflow: hidden; position:relative; }

#slider1 .viewport { float: left; width:100%; height: 345px; overflow: hidden; position: relative; }

#slider1 .buttons.next {position:absolute; bottom:0; left:0; right:0; margin-left:auto; margin-right:auto; z-index:12; width:30px; cursor:pointer;}

#slider1 .buttons.prev {position:absolute; top:0;  left:0; right:0; margin-left:auto; margin-right:auto; z-index:12; width:30px; cursor:pointer;}

#slider1 .disable { visibility: hidden; }

#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width:100%; left: 0; top: 0;}

#slider1 .overview li {margin-bottom:10px;}

#slider1 .overview li a { background-size:cover; background-repeat:no-repeat; background-position:center center; width:100%; height:105px; display:inline-block}



.projegorseldiv {width:100%; display:inline-block; float:left; height:345px; background-size:cover; background-repeat:no-repeat; background-position:center center;}

.projegorseldiv a {width:100%; display:inline-block; height:100%}

.video-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px; height: 0; overflow: hidden;

}



.video-container iframe,

.video-container object,

.video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}







/* #f39c12 rengi için başlangıç*/

.m1-l1 ul {background:#7f8c8d }

.simpletitle span {color:#7f8c8d}

.m1-r1 a {color:#7f8c8d}

.mainnews1 ul li.mnli3 span {color:#7f8c8d}

.m2-l1 a {background:#7f8c8d url(../images/arti.png) no-repeat left 5px center}

.main-slider {border-bottom:2px solid #7f8c8d}

.topmenu nav>ul>li:hover>a { color:#7f8c8d; border-bottom:3px solid #7f8c8d;}

.topmenu nav>ul>li>ul {border-top:3px solid #7f8c8d}

.topmenu nav>ul>li>ul>li>ul {border-top:3px solid #7f8c8d}

.searchinput1 {border-top:3px solid #7f8c8d}

.top-search-div2 i {color:#7f8c8d}

.top-search-div2 span {color:#7f8c8d}

.top-rss:hover span {color:#7f8c8d;}

.top-rss:hover i {color:#7f8c8d}

.ninput2 {background:#7f8c8d}

.sidebar-menu>ul>li.active a {background:#7f8c8d}

.sidebar-menu>ul>li>a:hover {background:#7f8c8d}

.sidebar-menu>ul>li>ul>li>a:hover {background:#7f8c8d;}

.sidebar-menu>ul>li>ul>li.active a {background:#7f8c8d}

.iletisimpage-left ul li p {color:#7f8c8d}

.iletisimpage-right ul li p {color:#7f8c8d}

.project-detail1 a {border:1px solid #7f8c8d; background:#7f8c8d}

.sa-p1 {color:#7f8c8d}

.sa-input2 {background:#7f8c8d}

.sa-p3 {color:#7f8c8d}

.sa-select1 {background:#fff url(../images/sarrow1.png) no-repeat right 25px center} /* select rengi değişmesi için görseli de değiştirmelisiniz. */

.project-detail1 h1 {color:#7f8c8d}





/* #f39c12 bitiş.. */



@media (min-width:1200px) {

.container {width:1080px;}	

}



@media (min-width:992px) {

.topmenu nav>ul {display:inline-block!important}

}



@media (min-width:992px) and (max-width:1200px) {

.maindiv3-left {width:29%}	

.maindiv2-left {width:29%}

.maindiv3-right {width:71%}

.maindiv2-right {width:71%}

}



@media (max-width:992px) {

.responsivemenu {display:inline-block}

.logo img {height:50px}

.header-bottom {height:50px}

.topmenu nav>ul {display:none}

.top-search {display:none}

.topmenu nav>ul {width:100%; position:absolute; left:0; top:50px; z-index:123; background:#fff; border:1px solid #dc0000}

.topmenu nav>ul>li {width:100%; border-bottom:1px solid #ddd;}

.topmenu nav>ul>li>a:after {display:none;}

.topmenu nav>ul>li>a {line-height:40px;width:100%; display:inline-block; }

.topmenu nav>ul>li>ul {width:100%; position:relative; top:0px}

.topmenu nav>ul>li>ul>li>a {height:40px; line-height:40px}

.topmenu nav>ul>li>ul>li>ul {width:100%; position:relative; top:0px; left:0px}

.topmenu nav>ul>li>ul>li>ul>li>a {height:40px; line-height:40px}

.header-bottom {padding-left:0px}

.main-slider-box {height:300px}

.maindiv1-left {width:100%; padding-right:0px; margin-bottom:15px}

.maindiv1-right {width:100%;}

.maindiv1 {padding:10px}

.m1-l1 ul li.m1l1li1 {width:100%; text-align:center;}

.m1-l1 ul li {width:33.3%;}

.mtabdiv {padding-top:10px}

.mtabdiv .nimg {float:none; display:inline-block; top:0px; margin-bottom:5px; padding-left:0px; margin:0 auto; display:table;}

.mtabdiv p {text-align:center; margin-top:15px;}

.mtabdiv {height:auto; padding-bottom:15px;}

.maindiv2-left {padding-right:0px; width:100%; margin-bottom:15px;}

.maindiv2-right {width:100%;}

.m2-l1 {height:auto; padding-bottom:20px; }

.maindiv2 {padding:0px 10px 10px 10px}

.maindiv3 {padding:0px 10px 10px 10px}

.maindiv3-left {width:100%; padding-right:0px; margin-bottom:15px;}

.maindiv3-right {width:100%}

.m3-r1 ul li img {max-width:100%}

.footertab1 {width:25%}

.footertab2 {width:100%; margin-top:20px}

.page-sidebar {width:100%; position:relative; left:0px; top:0px; padding-right:0px}

.page-content {padding-left:0px; margin-bottom:15px;width:100%;}

.page-content-title h2 {width:100%; margin-bottom:15px;}

.page-share {float:left;}

.pagediv {padding:10px}

.page-content-div {padding:15px 10px}

.page-title {padding-top:15px; height:auto}

.page-title ul {float:left;  padding-bottom:10px;}

.page-content-title {padding-bottom:20px}

.page-full {padding:10px}

.siziarayalim100 {padding:10px}

.siziarayalimbox {padding:10px}

.sa-p1 {font-size:25px;}

.sa-p4 {position:relative; top:0px; margin-bottom:20px; margin-top:0px; width:100%; text-align:center;}

.siparisformu100 ul li:last-child {text-align:center; width:100%!important}

.sa-input2 {float:none; width:100%}

.iletisimpage {padding-left:10px; padding-right:10px}

.iletisimpage-left {width:100%; margin-bottom:15px;}

.iletisimpage-right {width:100%}

.iletisimp1 {font-size:12px; line-height:14px; margin-bottom:15px;}

.iletisimpage-p2 {font-size:12px; line-height:15px;}

}



@media (max-width:500px) {

.container {padding-left:5px; padding-right:5px}

.row {margin-left:-5px; margin-right:-5px}

.header-top {padding-left:5px; padding-right:5px;}

.header-top-p-span1 {margin-right:5px;}

.header-top-p1 span {font-size:10px}

.header-top-p-span2 {margin-right:5px}

.header-top-p2 a { font-size:10px}

.header-top-p5 a { font-size:10px}

.main-slider-box {height:150px}

.m1-l1 ul li a {font-size:11px;}

.m1-r1 {padding:10px 5px}

.mainnews1 ul {padding:10px 10px 10px 120px}

.mrightdiv ul li {width:100%; margin-right:0px; height:200px; margin-bottom:15px}

.m3-r1 ul {text-align:center}

.m3-r1 ul li {width:auto; float:none; display:inline-block; margin-left:15px; margin-right:15px;}

.footer {padding:20px 10px}

.footertab1 {width:100%; text-align:center; margin-bottom:30px}

.footertab1 ul li a {width:100%; text-align:center;}

.copyright ul li span {width:100%}

.copyright ul li:first-child {width:100%}

.copyright ul {padding-bottom:15px; padding-top:0px}

.references ul li {width:48%; margin-right:2%;}

.references ul li:nth-of-type(2n) {margin-right:0px}

.references ul li {height:150px;}

.references ul li img {padding:20px}

.references ul li {margin-bottom:5px;}

.siziarayalimbox ul li {width:100%; margin-right:0px!important}

.sa-p4 a {margin-left:15px!important; margin-right:15px!important; margin-bottom:5px;}

.multimedya ul li span {font-size:11px; line-height:15px; padding-top:10px}

.multimedya ul li {height:150px; margin-bottom:	10px}

.multimedya ul li a:hover {background:rgba(255,255,255,0.9) url(../images/z1.png) no-repeat center top 25px;}

.m-fotogaleri ul li a:hover {background:rgba(255,255,255,0.9) url(../images/z2.png) no-repeat center top 25px;}

.m-videogaleri ul li a:hover {background:rgba(255,255,255,0.9) url(../images/z3.png) no-repeat center top 25px;}

.m-projeler ul li a:hover {background:rgba(255,255,255,0.9) url(../images/z4.png) no-repeat center top 25px;}



.iletisimpage-left ul li p {width:100px; line-height:20px; font-size:11px;}

.iletisimpage-left ul li {padding-left:100px}

.iletisimpage-left ul li span {font-size:11px; line-height:20px}



.iletisimpage-right ul li p {width:100px; line-height:20px; font-size:11px;}

.iletisimpage-right ul li {padding-left:100px}

.iletisimi3 {position:relative; float:right; width:100%; margin-bottom:10px}

.iletisimgonderli {padding-right:0px;}

.google-harita iframe {height:200px}

.iletisima1 {position:relative; left:-8px}

.project-detail1 h1 {font-size:12px; width:100%; text-align:center;}

.project-detail1 p {float:none; margin:0 auto; display:table;}

.project-detail2-left {padding-right:10px;}

.page-title h1 {width:100%}

}





@media (max-width:350px) {

.main-slider-box {height:110px}	

}







input:focus,

select:focus,

textarea:focus,

input[type="text"]:focus,

input[type="password"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="time"]:focus,

input[type="week"]:focus,

input[type="number"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="search"]:focus,

input[type="tel"]:focus,

input[type="color"]:focus,

.uneditable-input:focus { 

border-color:inherit;

box-shadow:inset;

outline: 0 none;

}



.carousel-fade .carousel-inner .item {

opacity: 0;

-webkit-transition-property: opacity;

-moz-transition-property: opacity;

-o-transition-property: opacity;

transition-property: opacity;

}

.carousel-fade .carousel-inner .active {

opacity: 1;

}

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

left: 0;

opacity: 0;

z-index: 1;

}

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

opacity: 1;

}

.carousel-fade .carousel-control {

z-index: 2;

}





.maindiv1-right .m1-r1 {border:1px solid #e7e7e7}

.maindiv1-right .m1-r2 {border:1px solid #e7e7e7}

.pagination a.current {
	background: #ccc;
}

.pagination a {
	border: 1px solid #ccc;
	display: block;
	padding: 8px 12px;
	float: left;
	margin: 0 5px 0 0;
	color: #333;
}

.pagination a:hover {
	text-decoration: none;
	background: #ccc;
}