/*--------------------------------------------------
File     : style.css
Domain 	 : theistanbul
Author   : Guven Ordu / gordu@trios.com.tr
Date     : 19.09.2016
--------------------------------------------------*/
video{width: 100%;}

.header {height:200px; position:relative;}

.logo {position:absolute; top:0; left:45px; z-index:600;}

.language {position:absolute; top:10px; right:0; background:#d7d7d7; padding:2px;}
.language ul li {float:left;}
.language ul li a {padding:6px 13px 5px 13px; font-size:15px; line-height:19px; color:#002e6e; display:block;}
.language ul li.active a {background:#ffffff;}

.language_sm {float:left; margin:8px 0 0 15px; background:#d7d7d7; padding:2px;}
.language_sm ul li {float:left;}
.language_sm ul li a {padding:6px 13px 5px 13px; font-size:15px; line-height:19px; color:#002e6e; display:block;}
.language_sm ul li.active a {background:#ffffff;}

.phone {position:absolute; top:23px; right:0; padding-left:25px; background:url(../img/phoneicon.png) 0 8px no-repeat; font-family:'Lato', sans-serif; font-size:26px; font-weight:900; line-height:34px; color:#90aab0;}
.phone span {font-size:20px; font-weight:700; line-height:28px;}

.social {position:absolute; top:10px; right:175px;}
.social ul li {float:left; margin-left:2px;}

.menu {position:absolute; top:72px; right:0; z-index:700;}
.menu ul li {float:left; margin-left:20px;}
.menu ul li a {padding-bottom:11px; font-size:15px; line-height:24px; color:#002e6e; display:block; letter-spacing: 0px;}
.menu ul li a:hover {color:#c6a68d;}
.menu ul li.active a {border-bottom:7px solid #c6a68d; color:#c6a68d;}
.menu ul li.active a:hover {color:#c6a68d;}

.menu_line {width:80%; height:7px; position:absolute; top:107px; right:0; background:#002e6e;}

.banner_carousel {margin-top:-86px;}
.banner_carousel .item img {width:100%; height:auto; display:block;}

.text_carousel {margin-top:49px; text-align:center;}
.text_carousel .item {padding:0 30px;}
.text_carousel h3 {font-size:19px; font-weight:700; line-height:38px; color:#8a939b;}
.text_carousel p {margin-top:19px; font-size:16px; line-height:22px; color:#8a939b;}
.text_carousel p span {font-weight:700;}
.text_carousel hr {width:250px; margin:40px auto 10px auto; border-color:#f6f6f6;}

.menu_mb li a {padding:6px 15px 7px 15px !important; font-size:16px; font-weight:700; line-height:24px; color:#5d6368 !important;}
.menu_mb li ul li a {padding:6px 25px 7px 25px !important; font-size:15px; font-weight:400; line-height:23px !important;}

.logo_xs {margin:8px 0; text-align:center;}

.navbar_ti {border-radius:0;}

.menu_text {position:absolute; top:-1px; right:43px; padding:6px 8px 6px 0; font-size:14px; font-weight:700; line-height:22px; color:#888888;}

.project_carousel {margin-top:40px;}
.project_carousel .title {position:absolute; top:422px; left:36px; padding:8px 40px 7px 40px; background:#ffffff; font-size:22px; font-weight:700; line-height:30px; color:#8a939b; display:inline-block; z-index:500;}
.project_carousel .text {padding:38px 30px 35px 30px; background:#5b7e96;}
.project_carousel .text h4 {font-size:18px; font-weight:700; line-height:26px; color:#ffffff;}
.project_carousel .text p {margin:3px 0 12px 0; font-size:15px; line-height:23px; color:#ffffff;}
.project_carousel .text a {padding-right:11px; font-size:12px; line-height:20px; font-weight:700; color:#d3dee2;}
.project_carousel .text a:hover {padding-right:31px; color:#002e6e;}

.social_box {margin:14px 0 0 0;}
.social_box .col-md-5 {padding:0;}
.social_box .col-sm-4 {padding:0;}
.social_box .text {padding:38px 30px 35px 30px; background:#e8ecee;}
.social_box .text h4 { font-size:18px; font-weight:700; line-height:26px; color:#788289;}
.social_box .text .ft1 {margin-top:26px; font-size:16px; font-weight:700; line-height:24px; color:#788289;}
.social_box .text .ft2 {margin-top:18px; font-size:14px; font-weight:700; line-height:22px; color:#788289;}
.social_box .text .ft3 {margin:3px 0 12px 0; font-size:15px; line-height:23px; color:#788289;}
.social_box .text a {padding-right:11px; font-size:12px; line-height:24px; font-weight:700; color:#788289;}
.social_box .text a:hover {padding-right:31px; color:#002e6e;}

.about_box {margin:40px 0 0 0;}
.about_box .col-md-5 {padding:0;}
.about_box .col-sm-4 {padding:0;}
.about_box .text {padding:38px 30px 35px 30px; background:#e8ecee;}
.about_box .text h4 {font-size:18px; font-weight:700; line-height:26px; color:#6e7880;}
.about_box .text p {margin:3px 0 12px 0; font-size:15px; line-height:23px; color:#6e7880;}
.about_box .text a {padding-right:11px; font-size:12px; line-height:20px; font-weight:700; color:#6e7880; }
.about_box .text a:hover {padding-right:31px; color:#002e6e;}


.istanbul_box {margin-top:14px;}
.istanbul_box .text {padding:38px 30px 35px 30px; background:#4d86a0;}
.istanbul_box .text h4 {font-size:18px; font-weight:700; line-height:26px; color:#ffffff;}
.istanbul_box .text p {margin:3px 0 12px 0; font-size:15px; line-height:23px; color:#fafafa;}
.istanbul_box .text a {padding-right:11px; font-size:12px; line-height:20px; font-weight:700; color:#ffffff; }
.istanbul_box .text a:hover {padding-right:31px; color:#002e6e;}

.catalog {margin-top:14px;}
.catalog .left {float:left;}
.catalog .right {float:right;}

.footer {margin-top:86px;}

.footer_top {padding-bottom:28px; border-bottom:1px solid #e2e4e5;}

.menu_ft {float:left; margin-top:12px;}
.menu_ft ul li {float:left; margin-right:20px;}
.menu_ft ul li a {font-size:12px; line-height:20px; color:#002e6e; display:block;}
.menu_ft ul li a:hover {color:#c6a68d;}

.social_ft {float:right;}
.social_ft ul li {float:left; margin-left:2px;}

.footer_bottom {padding:24px 0 22px 0;}

.copyright {float:left; font-size:14px; line-height:22px; color:#7d8789;}

.trios {width:53px; height:21px; float:right; margin-top:1px; background:url(../img/trios.png) left top no-repeat; display:block; text-indent:-9999px; transition:background .2s ease-out;} 
.trios:hover {background:url(../img/trios.png) left bottom no-repeat;}

.page_banner {margin-top:-86px;}

.page_content {padding-right:62px;}

.breadcrumb_ti {margin-top:8px;}
.breadcrumb_ti ul li {float:left; font-size:13px; line-height:22px; color:#002e6e;}
.breadcrumb_ti ul li a {color:#a0afb9;}
.breadcrumb_ti ul li a:hover {color:#002e6e;}
.breadcrumb_ti ul li.sep {padding:0 6px 0 10px; background:url(../img/breadcrumbarrow.png) 4px 8px no-repeat; text-indent:-9999px;}

.page_title {margin-top:21px; font-size:22px; font-weight:300; line-height:30px; color:#002e6e;}

.page_text {margin:24px 0;}
.page_text h3 {margin-bottom:10px; font-size:15px; font-weight:600; line-height:23px; color:#314562; text-align:justify;}
.page_text p {font-size:14px; line-height:22px; color:#71808a; text-align:justify;}
.page_text p span {font-weight:700;}
.page_text ul.list_style {margin-top:24px; padding-left:17px;}
.page_text ul.list_style li {font-size:14px; line-height:22px; color:#71808a; text-align:justify;}
.page_text ul.icon_style {margin-top:24px; margin-bottom:40px;}
.page_text ul.icon_style li {margin:7px 0; padding:4px 0 4px 42px; font-size:14px; line-height:22px; color:#71808a; text-align:justify;}
.page_text ul.icon_style li.airport {background:url(../img/airporticon.png) left top no-repeat;}
.page_text ul.icon_style li.bridge {background:url(../img/bridgeicon.png) left top no-repeat;}
.page_text ul.icon_style li.tunel {background:url(../img/tunelicon.png) left top no-repeat;}
.page_text ul.icon_style li.metro{background:url(../img/metroicon.png) left top no-repeat;}


.gallery_carousel {margin-bottom:40px;}
.gallery_carousel .item img {width:100%; height:auto; display:block;}

.side_menu {margin-top:-7px; padding:41px 0 59px 0; background:#f7f7f7; border-top:7px solid #002e6e; border-right:7px solid #002e6e;}
.side_menu h3 {margin-left:25px; padding:0 25px 8px 0; border-bottom:1px solid #d4c4b7; font-size:18px; font-weight:700; line-height:26px; color:#c6a68d; text-align:right;}
.side_menu ul {margin:0 0 0 25px;}
.side_menu ul li {margin:0; border-bottom:1px solid #d4c4b7;}
.side_menu ul li a {padding:8px 25px 8px 10px; font-size:15px; line-height:24px; color:#002e6e; text-align:right; display:block;}
.side_menu ul li.active a {padding-right:48px; background:#d4c4b7 url(../img/sidemenuarrow.png) center right no-repeat; color:#ffffff;}
.side_menu ul li.active a:hover {background:#d4c4b7 url(../img/sidemenuarrow.png) center right no-repeat;}

.side_menu ul li.active ul {margin:17px 25px 15px 20px;}
.side_menu ul li.active ul li {margin:0; border-bottom:1px solid #e0e0e0;}
.side_menu ul li.active ul li:last-child {border-bottom:0;}
.side_menu ul li.active ul li a {padding:4px 25px 4px 10px; background:#f7f7f7 url(../img/sidemenusubarrow.png) right no-repeat; font-size:14px; line-height:22px; color:#33383b;}
.side_menu ul li.active ul li a:hover {background:#f7f7f7 url(../img/sidemenusubhoverarrow.png) right no-repeat; color:#002e6e;}
.side_menu ul li.active ul li.active a {background:#f7f7f7 url(../img/sidemenusubhoverarrow.png) right no-repeat; color:#002e6e;}

.side_video {margin-top:27px;}
.side_video .image {position:relative;}
.side_video .icon {width:45px; height:45px; position:absolute; top:50%; left:50%; margin:-23px 0 0 -23px; background:url(../img/playicon.png) no-repeat; display:block;}
.side_video .image:hover .icon {background:url(../img/playicon.png) bottom no-repeat;}
.side_video .text a {font-size:10px; line-height:18px; color:#71808a;}
.side_video .text a:hover {text-decoration:underline;}

.side_image {margin-top:27px; position:relative;}
.side_image .text {width:100%; position:absolute; bottom:15px;}
.side_image .text a {padding:9px 5px; background:url(../img/sideimagebg.png) repeat; font-size:20px; font-weight:700; line-height:28px; color:#002e6e; display:block; text-align:center;}
.side_image:hover .text a {background:#ffffff;}

.side_box {margin-top:27px; background:#c6a68d; padding:20px;}
.side_box .inner {padding:66px 22px; border:1px solid #ffffff;}
.side_box h5 {font-size:30px; font-weight:700; line-height:34px; color:#f6f6f6;}
.side_box p {margin-top:7px; font-size:25px; line-height:29px; color:#f6f6f6;}

.page_list {margin-top:78px;}
.page_list h2 {margin-bottom:13px; font-size:14px; line-height:22px; font-weight:600;}
.page_list h2 a {color:#8d959a;}
.page_list h2 a:hover {color:#002e6e;}
.page_list p {margin:15px 0 14px 0; font-size:13px; line-height:21px; color:#5e666b;}
.page_list .more {padding-right:11px; font-size:12px; font-weight:700; line-height:20px; color:#002e6e;}
.page_list .more:hover {padding-right:31px;}

.project_list {margin-top:20px;}
.project_list .item {margin-bottom:23px; border:1px solid #d4c4b7;}
.project_list .image {position:relative; padding:25px 10px 25px 25px;}
.project_list .label_project {position:absolute; top:25px; left:25px; padding:3px 10px; background:#ffffff; color:#c6a68d;}
.project_list .text {padding:25px 20px 25px 0;}
.project_list h2 {margin-top:2px; font-size:17px; font-weight:300; line-height:27px;}
.project_list h2 a {color:#002e6e;}
.project_list h2 a:hover {color:#002e6e;}
.project_list p {margin:1px 0 14px 0; font-size:14px; font-weight:300; line-height:22px; color:#414242;}
.project_list .more {padding-right:11px; font-size:12px; font-weight:700; line-height:20px; color:#c6a68d;}
.project_list .more:hover {padding-right:31px;}

.contact_info {margin:40px 7px 0 7px; padding:43px 33px; background:#ededed;}
.contact_info h3 {margin-bottom:19px; font-size:17px; line-height:25px; color:#002e6e;font-weight:600;}
.contact_info ul li {margin:5px 0 6px 0; font-size:13px; line-height:18px; color:#8a8a8a; font-weight:500;}
.contact_info ul li span {color:#000000;}
.contact_info ul li a {color:#8a8a8a;}
.contact_info ul li a:hover {color:#000000;}

.contact_form {margin:40px 7px 0 7px; padding:43px 33px; background:#ededed;}
.contact_form h3 {margin-bottom:31px; font-size:14px; font-weight:700; line-height:22px; color:#002e6e;}
.contact_form .txt1 {margin-bottom:10px; padding:6px 0; background:none; border:none; border-bottom:1px solid #c9c9c9; border-radius:0; box-shadow:none; font-size:14px; font-style:italic; line-height:22px;}
.contact_form .btn1 {float:right; margin-top:11px; padding:9px 35px 8px 35px; background:#c6a68d; border:0; border-radius:0; font-size:16px; font-weight:700; font-style:italic; line-height:24px; color:#ffffff;}
.contact_form .btn1:hover {background:#002e6e;}

.contact_carousel {margin-top:22px; padding:23px 100px; background:#f8f8f8; border:1px solid #d7d7d7;}
.contact_carousel h3 {margin-bottom:24px; font-size:17px; font-weight:700; line-height:25px; color:#002e6e; text-align:center;}
.contact_carousel ul {margin:0 20px;}
.contact_carousel ul li {margin:5px 0 6px 0; font-size:14px; line-height:18px; color:#8a8a8a;}
.contact_carousel ul li span {color:#000000;}
.contact_carousel ul li a {color:#8a8a8a;}
.contact_carousel ul li a:hover {color:#000000;}

.identity_list {margin-top:40px;}
.identity_list .item {margin-bottom:23px; padding:25px 25px 10px 25px; background:#f9f9f9;}
.identity_list h2 {margin-top:17px; font-size:18px; line-height:26px; font-weight:700;}
.identity_list h2 a {color:#002e6e;}
.identity_list h2 a:hover {color:#002e6e;}

.project_contact {margin-top:40px; padding:43px 33px; background:#ededed;}
.project_contact h3 {margin-bottom:19px; font-size:18px; line-height:22px; color:#002e6e;}
.project_contact ul li {margin:5px 0 6px 0; font-size:14px; line-height:18px; color:#8a8a8a;}
.project_contact ul li span {color:#000000;}
.project_contact ul li a {color:#8a8a8a;}
.project_contact ul li a:hover {color:#000000;}

.side_height {height:80px;}

.video{padding: 0;z-index: 999}


@media(max-width:767px){
	.banner_carousel {margin-top:0;}
	
	.text_carousel {margin-top:59px;}
	.text_carousel .item {padding:0;}
	
	.about_box {margin-top:14px;}
	
	.menu_ft {margin-top:0;}
	.menu_ft ul {text-align:center;}
	.menu_ft ul li {float:none; margin:0 8px; display:inline-block;}
	
	.social_ft {width:100%; margin-top:15px;}
	.social_ft ul {text-align:center;}
	.social_ft ul li {float:none; margin:0 -1px; display:inline-block;}
	
	.copyright {width:100%; text-align:center;}
	
	.trios {float:none; margin:15px auto 0 auto;}
	
	.page_banner {margin-top:0;}
	
	.page_content {padding-right:7px;}
	
	.page_list .item {margin-bottom:40px;}
	
	.project_list .image {padding:25px 25px 15px 25px;}
	.project_list .text {padding:0 25px 25px 25px;}
	
	.contact_carousel {padding:23px 33px;}
	.contact_carousel img {margin-top:14px;}
	.contact_carousel ul {height:200px; margin:0;}
	
	.catalog {margin-top:14px;}
	.catalog .left {float:none; text-align:center;}
	.catalog .right {margin-top:14px; float:none; text-align:center;}
	.catalog img {display:inline-block;}
}


@media(min-width:768px) and (max-width:991px){
	.banner_carousel {margin-top:0;}
	
	.project_carousel .title {top:460px;}
	
	.about_box {margin-top:14px;}
	
	.menu_ft {margin-top:0;}
	.menu_ft ul {text-align:center;}
	.menu_ft ul li {float:none; margin:0 8px; display:inline-block;}
	
	.social_ft {width:100%; margin-top:15px;}
	.social_ft ul {text-align:center;}
	.social_ft ul li {float:none; margin:0 -1px; display:inline-block;}
	
	.page_banner {margin-top:0;}
	
	.page_content {padding-right:7px;}
	
	.contact_carousel {padding:23px 33px;}
	.contact_carousel img {margin-top:14px;}
	.contact_carousel ul {height:200px; margin:0;}
}


@media(min-width:992px) and (max-width:1199px){		
	.menu {top:73px;}
	.menu ul li {margin-left:15px;}
	.menu ul li a {padding-bottom:12px; font-size:14px; line-height:22px;}
	
	.project_carousel .title {top:329px;}
	
	.menu_ft {margin-top:14px;}
	.menu_ft ul li {margin-right:15px;}
	.menu_ft ul li a {padding-bottom:12px; font-size:14px; line-height:22px;}
}


@media(min-width:1200px){
	
}