@font-face {
    font-family: 'fontGabriola';
    src: url('../fonts/gabriola.ttf');
}
@font-face {
    font-family: 'MyriadWebPro';
    src: url('../fonts/MYRIADPRO-SEMIBOLD.ttf');
}
@font-face {
    font-family: 'fontMyriadLight';
    src: url('../fonts/MyriadPro-Light.ttf');
}
@font-face {
    font-family: 'fontMyriadBold';
    src: url('../fonts/MyriadBold.ttf');
}
@font-face {
    font-family: 'fontSegoeui';
    src: url('../fonts/segoeui.ttf');
}
@font-face {
    font-family: 'fontMyriaCond';
    src: url('../fonts/MYRIADPRO-COND.ttf');
}
@font-face {
    font-family: 'fontMyriaReg';
    src: url('../fonts/MYRIADPRO-REGULAR.ttf');
}
body {
    /* All your regular code including overflow-x: hidden;
     */
    position:relative;
}
.submenu-dropdown {
    position: relative !important;
}
.nav-item .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -15px !important;

}
.header-top {
    background-color: #2d3266;
    padding: 5px;
}
.header-top ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
}
.header-top li + li{
    padding-left: 20px;
}
.header-top a{
    color: white;
    font-size: 14px;
    text-decoration: none;
    transition: all .3s;
}
.header-top a:hover{
    color: rgba(255,255,255,.5);
    transition: all .3s;
}
.nav-link {
    color:#062c33 !important;
    z-index: 5555;
    padding: 8px 20px!important;
    transition: all .3s;
}
.dropdown-menu li{
    padding: 6px 3px !important;
}
.navbar-wrapper {
    position:relative;
}
.navbar-nav .nav-link:hover {
    color: #ecaf0d !important;
}
.dropdown-menu .dropdown-item:hover {
    color: #062c33 !important;
}
.carousel {
    top:0;
}
.carousel-inner {
    width: 100%;
    overflow: hidden;
}
.main-navbar {
    background: rgba(104, 127, 237, 0.5);
}
.navbar {
    position:absolute;
    top:10px;
    background: rgba( 255, 255, 255, 0.95);
    padding: 15px 50px;
    width:100%;
    /*left: 40px;
    */
    color: black;
    font-weight: 600;
    z-index: 9999;
}
.navbar .dropdown-menu{
    border-radius: 0;
    border: none;
    margin-top: 19px;
}
.navbar .dropdown-item{
    font-size: 14px;
}
.navbar .dropdown-item:hover{
    color: #ecaf0d !important;
}
.navbar-nav li+li {
    /*margin-left: 20px;
    */
}
.dropdown-menu li+li {
    margin-left: unset;
}
.dropdown-menu .dropdown-item {
    background-color: unset;
}
.submenu {
    margin-top: 7px !important;
}
#navbar-last a {
    background-color: #2d3266;
    color: white !important;
    border-radius: 15px;
    font-family: 'fontMyriadBold';
    display: inline-block;
    padding: 5px;
    transition: all .3s;
    margin-left: 20px;
}
#navbar-last a:hover {
    text-decoration: none;
    color:#b8b8b8!important;
    transition: all .3s;
}
.dropdown-toggle::after {
    color: #fcc228;
}
.carousel-item {
    height: 100vh;
    min-height: 350px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.carousel-caption {
    bottom: unset;
    text-align: left;
    font-size: 20px;
    align-items: center;
    z-index: 501;
    top: 50%;
    transform: translateY(-50%);
}
.carousel-caption h3 {
    font-family: 'MyriadWebPro';
    font-size: 54px;
    margin-bottom: 0;
}
.carousel-caption h3:nth-child(2) {
    text-transform: uppercase;
    font-family: 'fontMyriadLight';
    font-size: 60px;
}
.carousel-caption p {
    font-family: 'fontGabriola';
    letter-spacing: 3px;
    font-size: 24px;
    margin: 20px 0;
}
.carousel-caption a {
    background-color:#fcc228 ;
    padding: 5px 15px;
    color: white;
    font-size: 16px;
    font-family: 'fontMyriadLight' ;
    display: inline-block;
    transition: all .3s;
    text-shadow: 0 0 2px black;
    border: 1px solid #fcc228;
}
.carousel-caption a:hover {
    text-decoration: none;
    background-color: rgba(252,194,40,.8)!important;
    transition: all .3s;
}
.carousel-caption a+a {
    margin-left: 15px;
}
.carousel-caption a:last-child{
    color: #fcc228;
    background-color: white;
    text-shadow:none!important;
}
.carousel-caption a:last-child:hover{
    background-color: rgba(255,255,255,.9)!important;
}
.carousel-indicators li {
    width: 18px;
    height: 18px;
    border-radius: 50%;
}
.carousel-indicators .active {
    background-color: #fcc228;
}
.main-about-title h3 {
    font-size: 36px;
    font-family: 'fontMyriadBold';
    color: #615d35;
    margin-bottom: 0;
    position: relative;
    display: inline-block;
}
.main-about-title h3:after{
    content: "";
    height: 2px;
    width: 85%;
    background-color: #fcc228;
    position: absolute;
    top: 120%;
    left: 0;
}
.main-about-content p {
    color: #706f6e;
    font-size: 15px;
    font-family: 'fontSegoeui';
    margin: 98px 0 90px 0;
}
.main-about-content a {
    font-family: 'fontMyriadBold';
    font-size: 16px;
    color: white;
    background-color: #fcc228;
    padding: 12px 28px;
    display: inline-block;
}
.main-about-content a:hover {
    text-decoration: none;
    color: #615d35;
    transition: 0.3s all;
}
.main-about-img img{
    max-width: 100%;
    position: relative;
}
.hexagon {
    position: absolute;
    width: 382px;
    height: 220.55px;
    background-color: transparent;
    margin: 104.79px 0;
    border-left: solid 4px #fcc228;
    border-right: solid 4px #fcc228;
    top: -40px;
    transform: rotate(80deg);
    left: 20px;
}
.hexagon:before,.hexagon:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 270.11px;
    height: 270.11px;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    background-color: inherit;
    left: 54.9426px;
}
.hexagon:before {
    top: -135.0574px;
    border-top: solid 5.6569px #fcc228;
    border-right: solid 5.6569px #fcc228;
}
.hexagon:after {
    bottom: -135.0574px;
    border-bottom: solid 5.6569px #fcc228;
    border-left: solid 5.6569px #fcc228;
}
.main-about {
    margin: 90px 0;
}
.main-services-title h3 {
    font-size: 36px;
    font-family: fontMyriadBold;
    color: #615d35;
    text-align: center;
    position: relative;
}
.main-services-title h3::after {
    content: "";
    height: 2px;
    width: 15%;
    background-color: #fcc228;
    position: absolute;
    top: 120%;
    left: 42%;
}
.main-services-title p {
    text-align: center;
    font-family: fontSegoeui;
    font-size: 16px;
    color: #706f6e;
    margin:25px 0 50px 0;
}
.main-services-icon {
    background-color: #e0e0df;
}
.main-services-icon i {
    font-size: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
    color: #fcc228;
    transition: all .3s;
}
.main-services-footer {
    border: 1px solid #e0e0df;
    padding: 10px;
    text-align: center;
    margin-bottom: 30px;
}
.main-services-hizmet {
    display: flex;
    align-items: center;
}
.main-services-hizmet i {
    font-size: 30px;
    border: 1px solid #fcc228;
    color:#fcc228;
    padding: 12px 16px;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    margin-top: 25px;
    box-shadow: #0c5460;
    margin-bottom: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all .3s;
}
.main-services-hizmet i:hover {
    background-color:#fcc228 ;
    color: white;
    transition: all .3s;
}
.main-services-info {
    position: absolute;
    top: 10px;
    left: 100px;
    font-size: 15px;
    margin-bottom: 30px;
}
.main-services-info p {
    font-size: 12px;
    font-family: fontSegoeui;
    text-align: justify;
}
.main-services {
    margin-bottom: 30px;
    position: relative;
}
.main-services-img img {
    max-width: 100%;
    margin-top:30px;
}
.main-services-info span {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    font-family: fontMyriadBold;
}
.main-info {
    background-image: url("../img/main-page.png");
    background-size: cover;
    margin-top: 70px;
}
.main-info ul {
    list-style-type: none;
    color: white;
    display: flex;
    padding: 30px 0;
    margin: 0;
}
.main-info li+li {
    margin-left: 20px;
}
.vl {
    border-left: 2px solid #fcc228;
    height: 75px;
}
.main-info li:first-child {
    font-size: 35px;
    font-family: 'fontMyriadBold';
    display: flex;
    align-items: center;
}
.main-info li:last-child {
    font-size: 18px;
    font-family: 'MyriadWebPro';
    display: flex;
    align-items: center;
}
.main-proje{
    padding: 35px 0;
}
.main-projects-bg {
    background-image: url("../img/projects-bg.png");
    background-size: cover;
}
.main-projects-img {
    width:100%;
    padding-bottom:75%;
    margin:1em auto;
    overflow:hidden;
    position:relative;
    background:#fff
}
.main-projects-img img {
    position:absolute;
    height: 100%;
    width: auto;
}
.image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}
.overlay-project {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.main-projects-img:hover .image {
    opacity: 0.3;
}
.main-projects-img:hover .overlay-project {
    opacity: 1;
}
.overlay-project-icon {
    color: white;
    font-size: 24px;
    padding: 16px 32px;
}
.main-projects-footer p {
    text-align: center;
    font-size: 14px;
    margin: 0;
    padding: 8px;
    color:white;
}
.main-projects-footer a{
    text-decoration: none;
}
.project-title-left h3 {
    font-size: 36px;
    font-family: fontMyriadBold;
    color: white;
    text-align: left;
    margin:0 0 35px 0;
}
.navbar-brand img{
    max-width: 200px;
    transition: all .3s;
}
.main-projects-title {
    text-align: center;
    margin-bottom: 28px
}
.project-title-left h3 {
    position: relative;
    display: inline-block;
}
.project-title-left h3::after {
    content: "";
    height: 2px;
    width: 70%;
    background-color: #fcc228;
    position: absolute;
    top: 120%;
    left: 15%;
}
.main-blog-bg {
    padding: 50px 0;
}
.blog-detail ul {
    font-size: 15px;
    font-family: 'fontMyriaReg';
    text-align: justify;
    margin: 10px 0 20px 0;
    color: gray;
}
.main-blog-title{
    text-align: center;
}
.main-blog-title h3{
    font-size: 36px;
    font-family: 'fontMyriadBold';
    color: #615d35;
    padding-top:30px;
    position: relative;
    display: inline-block;
}
.main-blog-title h3::after {
    content: "";
    height: 2px;
    width: 70%;
    background-color: #fcc228;
    position: absolute;
    top: 120%;
    left: 15%;
}
.main-blog-title p {
    color : #676766;
    font-size: 16px;
    margin: 25px 0 50px 0;
}
.main-blog-img img {
    width: 100%;
}
.main-blog-content{
    padding: 15px;
}
.main-blog-content a {
    color: #938075;
    font-size: 16px;
    font-family: MyriadWebPro;
    margin-bottom: 15px;
    display: inline-block;
    transition: all .3s;
}
.main-blog-content a:hover{
    text-decoration: none;
    color: #1d1e1b;
    transition: all .3s;
}
.main-blog-content p {
    font-size: 14px;
    font-family: fontSegoeui;
    color: #706f6e;
    text-align: justify;
    margin: 0;
}
.main-blog-outer {
    border: 1px solid #eaeaea;
    margin-bottom: 30px;
}
.main-blog-footer {
    padding: 0 15px 15px 15px;
    font-size: 10px;
    color: #adadad;
}
.main-blog-footer span {
    font-style: italic;
}
.main-contact {
    background-image: url("../img/bg-contct.jpg");
    background-size: cover;
    position: relative;
    padding: 50px 0;
}
.main-contact-info {
    font-size: 20px;
    z-index: 501;
    text-align: center;
    position: relative;
;
}
.main-contact-info h3 {
    color: #fcc228;
    font-size: 36px;
    font-family: 'fontMyriadBold';
}
.main-contact-info p {
    font-size: 18px;
    color: white;
    font-family:'fontMyriaCond' ;
    margin-bottom: 40px;
}
.main-contact-info a {
    font-size: 14px;
    color:white;
    background-color: #fcc228;
    padding: 10px 15px;
    font-family: 'fontMyriadBold';
    display: inline-block;
    text-shadow: 0 0 2px black;
}
.main-contact-info a:hover {
    text-decoration: none;
    transition: 0.3s all;
    background-color: rgba(252,194,40,.8)!important;
}
.footer-orange {
    background-color: #ffd25b;
    padding: 7px;
    color: #fcc228;
}
.footer-bg {
    background-color: #1d1e1b ;
    padding: 25px 0;
}
.footer-list ul{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
}
.footer-list {
    margin-bottom: 25px;
}
.footer-list li + li{
    padding-top:5px;
}
.footer-list a {
    color: #c7c6c6;
    font-size: 15px;
    line-height: 14px;
}
.footer-list a:hover{
    transition: all .3s;
    color: #3e4652;
    text-decoration: none;
}
.footer-social {
    margin-top: 15px;
    margin-bottom: 15px;
}
.footer-social a {
    display: inline-block;
    padding: 3px;
    font-size: 16px;
    color: white;
}
.footer-social a:hover {
    color: #fcc228;
}
.footer-social a + a {
    margin-left: 10px;
}
.footer-item {
    margin-bottom: 25px;
}
.footer-list span {
    margin-bottom: 18px;
    font-size: 18px;
    color:white;
    font-family: 'fontMyriaReg';
    display: inline-block;
}
.footer-list-contact span {
    margin-bottom: 18px;
    font-size: 18px;
    color:white;
    font-family: 'fontMyriaReg';
    display: inline-block;
}
.footer-list-contact li {
    font-size: 14px;
    color: #c7c6c6;
    line-height: 16px;
}
.footer-list-contact ul{
    list-style: none;
    padding: 0;
    margin-bottom: 15px;
}
.footer-list-contact li + li{
    padding-top:10px;
}
.footer-list-contact i {
    color: #fcc228;
    width: 25px;
}
.main-projects-item{
    padding: 0 20px;
}
.footer-copyright {
    background-color: #111210;
    padding: 8px;
    color: #8b8b8b;
    font-size: 12px;
}
.footer-right {
    display: flex;
    justify-content: flex-end;
}
.footer-copyright a {
    color: #8b8b8b;
    font-size: 12px;
}
.footer-copyright a:hover {
    text-decoration: none;
    transition: 0.3s all;
    color: #ffd25b;
}
.tab {
    overflow: hidden;
    display: flex;
    justify-content: center;
    margin: 70px 0 30px 0;
}
.sep{
    padding: 0 10px;
}
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 6px 16px;
    transition: 0.3s;
    font-size: 26px;
    font-family: 'fontMyriaCond';
    display: flex;
    justify-content: flex-end;
}
.tab button:hover {
    color: #ebc42a;
}
.tab button.active {
    color: #ebc42a;
}
.tabcontent {
    display: none;
    padding: 6px 12px;
    border-top: none;
}
.banner-bg {
    background-color: #f6f7f8;
    margin-top:100px;
}
.page-container {
    margin: 100px 0;
}
.page-banner-outer {
    width: 100%;

    /*
    display: flex;
    justify-content: space-between;
    align-items: center;
     */
    padding: 40px 0;
}
.breadcrumb-left {
    color: #777;
    font-size: 30px;
}
.breadcrumb-left h4{
    margin: 0;
}
.breadcrumb-right {
    color: #777;
    font-size: 14px;
    margin-top: 10px;
}
.breadcrumb-right a {
    color: #5a6268;
}
.breadcrumb-right a:hover {
    text-decoration: none;
    transition: 0.3s all;
    color: #ebc42a;
}
.about-outer-items {
    margin-bottom: 30px;
}
.about-icons {
    text-align: center;
}
.about-icons a:hover {
    text-decoration: none;
}
.about-icons i {
    font-size: 40px;
    background-color: #fcc228;
    border-radius: 50%;
    border: 1px solid #fcc228;
    color: white;
    padding: 12px 16px;
    width: 70px;
    height: 70px;
    margin-top: 25px;
    box-shadow: #0c5460;
    margin-bottom: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all .3s;
}
.about-outer-items:hover .about-icons i{
    background-color: white;
    color: #fcc228;
    border: 1px solid #fcc228;
    transition: 0.3s all;
}
.about-icons h3 {
    font-size: 18px;
    font-weight: 500;
    color: #4b4b4b;
    margin: 15px 0;
}
.about-icons p {
    color: #777;
    font-size: 15px;
}
.about-img img {
    max-width: 100%;
    margin-top: 73px;
}
.about-content h3 {
    color: #615d35;
    font-size: 36px;
    margin-bottom: 15px;
    font-family: fontMyriadBold;
    margin-top: 20px;
}
.about-content p {
    font-size: 16px;
    color:gray;
    text-align: justify;
}
.about-team-img img {
    max-width: 100%;
}
.team-footer {
    background-color: #f6f7f8;
}
#teamCarousel .carousel-item {
    height: unset;
    min-height: unset;
}
#teamCarousel .carousel-indicators {
    bottom: -30px;
}
#teamCarousel .carousel-indicators li {
    border: 1px solid #fcc228;
}
.about-team-title h3{
    font-size: 36px;
    font-family: fontMyriadBold;
    color: #615d35;
    margin-bottom: 45px;
    text-align: center;
}
.team-footer h4 {
    text-align: center;
    font-size: 16px;
    padding-top: 10px;
    color: #4b4b4b;
    line-height: 1.5;
    font-weight: 500
}
.team-footer p {
    text-align: center;
    padding-bottom: 10px;
}
.contact-title h3 {
    color: #615d35;
    font-size: 36px;
    margin-bottom: 15px;
    font-family: fontMyriadBold;
}
.contact-title h3:after{
    content: "";
    height: 2px;
    width: 20%;
    background-color: #fcc228;
    position: absolute;
    top: 120%;
    left: 50%;
    transform: translateX(-50%);
}
.contact-title {
    margin: 20px 0 10px 0;
}
.contact-info-title h4 {
    font-size: 18px;
    margin-top: 35px;
}
.contact-form {
    margin-top: 35px;
}
.contact-info-title p {
    font-size: 14px;
    color: gray;
    text-align: justify;
}
.contact-info {
    display: flex;
    justify-content: center;
}
.info-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 0;
}
.info-box i {
    font-size: 25px;
    color: #fcc228;
    margin-right: 25px;
    width: 30px !important;
    text-align: center;
}
.info-text p {
    margin: 0;
    font-size: 14px;
    color: black;
}
.btn {
    background-color: #fcc228;
    width: 100%;
    color: white;
    padding: 10px 0;
}
.widget .widget-title {
    margin-bottom: 24px;
}
.widget .widget-title > h6 {
    font-size: 20px;
    border-radius: 9px 9px 0 0;
    color: #adc1b9;
    margin: 0;
}
.widget ul {
    margin-bottom: 0;
    padding-left: unset !important;
}
.widget li {
    list-style-type: none;
    padding: 10px 0;
}
.widget li+li {
    border-top: 1px solid #f0f0f0;
}
.widget a {
    color: #788487;
    display: block;
    font-size: 14px;
}
.widget a:hover {
    text-decoration: none;
    color: #615d35;
}
.widget {
    margin-bottom: 50px;
}
.blog-icerik {
    border: 1px solid #adc1b9;
    padding: 1px;
    margin-bottom: 30px;
}
.blog-icerik img {
    max-width: 100%;
}
.blog-metin {
    font-size: 14px;
    text-align: justify;
    padding: 10px;
}
.blog-metin span {
    padding: 10px 0;
    display: inline-block;
}
.blog-metin h4 {
    font-size: 22px;
}
.blog-metin a:hover {
    text-decoration: none;
    color: #615d35;
}
.blog-metin a {
    color: black;
    font-size: 14px;
}
.services-title h3 {
    color: #615d35;
    font-size: 36px;
    margin-bottom: 15px;
    font-family: fontMyriadBold;
}
.services-title p {
    font-size: 14px;
    color: gray;
    font-family: 'fontMyriaReg';
}
#custCarousel .carousel-item img {
    width: 80%;
}
#custCarousel .carousel-indicators li.active img {
    opacity: 1;
}
#custCarousel .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}
#custCarousel .carousel-indicators li {
    border-radius: unset;
    width: 25%;
}
#custCarousel .carousel-item {
    height: unset;
    margin: 50px 0 80px 0;
}
#custCarousel .carousel-indicators .active {
    background-color: unset;
}
#carousel-example-generic {
    margin: 20px auto;
    width: 400px;
}
#carousel-custom {
    margin: 20px auto;
    width: 80%;
}
#carousel-custom .carousel-indicators {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
#carousel-custom .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
    display: flex;
    justify-content: space-around;
}
#carousel-custom .carousel-indicators li img {
    display: block;
    opacity: 0.5;
    width: 52%;
}
#carousel-custom .carousel-indicators li.active img {
    opacity: 1;
}
#carousel-custom .carousel-indicators li:hover img {
    opacity: 0.75;
}
#carousel-custom .carousel-item img {
    max-width: 100%;
}
#carousel-custom .carousel-item {
    height: unset !important;
    min-height: unset !important;
    width: 100%;
}
.blog-detail img {
    width: 100%;
}
.blog-detail h3 {
    color: #615d35;
    font-size: 18px;
    margin: 15px 0;
    font-family: 'fontMyriadBold';
}
.blog-detail p {
    font-size: 15px;
    font-family: 'fontMyriaReg';
    text-align: justify;
    margin: 10px 0 20px 0;
    color: gray;
}
.main-area {
    background-image: url("../img/main-area-1.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    margin: 60px 0;
    display: inline-block;
    padding: 30px 0;
    width: 100%;
}
.main-area-title h4 {
    font-size: 30px;
    font-family: 'fontMyriaCond';
    text-align: center;
    color: white;
    padding: 30px 0;
}
.main-area-icons {
    display: flex;
    color: white;
    justify-content: center;
}
.main-area-icons i:nth-child(2){
    color:#fcc228;
}
.main-area-icons i {
    padding: 20px 0;
    font-size:45px;
}
.main-area-icons i+i {
    margin-left: 35px;
}
.main-area-img img{
    max-width: 100%;
    height: 100%;
}
.mask {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgb(255,255,255);
    background: linear-gradient(270deg, rgba(255,255,255,0.8939950980392157) 1%, rgba(13,2,111,0.6306897759103641) 74%);
    z-index: 100;
    top:0;
    left: 0;
}
.mask-two {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgb(255,255,255);
    background: linear-gradient(270deg, rgba(255,255,255,0.8939950980392157) 1%, rgba(13,2,111,0.6306897759103641) 40%);
    z-index: 100;
    top:0;
    left: 0;
}
.project-title {
    margin:35px 0;
}
.project-title h3 {
    font-size: 36px;
    font-family: 'fontMyriadBold';
    color: #615d35;
    display: inline-block;
    position: relative;
}
.project-title h3::after {
    content: "";
    height: 2px;
    width: 75%;
    background-color: #fcc228;
    position: absolute;
    top: 110%;
    left: 0;
}
.project-title p {
    font-size: 15px;
    text-align: justify;
    color: grey;
}
.project-title h3 {
    font-size: 36px;
    font-family: 'fontMyriadBold';
    color: #615d35;
    display: inline-block;
    margin-bottom: 35px;
}
.project-content-right {
    margin: 35px 0;
}
.project-content ul {
    list-style-type: none;
    padding-left:unset;
}
.project-content i {
    color: #fcc228;
    margin-right: 10px;
}
.project-content span {
    color: #333333;
    display: inline-block;
    margin-right: 5px;
}
.project-content li {
    color: #777777;
    margin-bottom: 10px;
}
.project-content a {
    background-color: #fcc228;
    padding: 15px 25px;
    color: #615d35;
    font-size: 16px;
    font-family: 'fontMyriadBold';
    margin: 20px 0;
    display: inline-block;
}
.project-content a:hover {
    text-decoration: none;
    color:white;
}
.about-project-img img {
    max-width: 100%;
    margin-bottom: 30px;
}
.projects-footer {
    color: black;
    text-align: center;
    padding: 5px;
}
.footer-logo img{
    width: 100%;
    max-width: 200px;
}
/*******************/
@media screen and (max-width: 991px) {
    .footer-logo{
        text-align: center;
        margin-bottom: 15px;
    }
    .carousel-caption h3:first-child {
        margin-bottom: 30px;
    }
    .carousel-caption p {
        margin:10px 0;
    }
    .page-banner-outer {
        display: table;
    }
    .breadcrumb-left {
        display: contents;
    }
    .breadcrumb-right {
        display: contents;
    }
    .hexagon {
        position: absolute;
        width: 520px;
        height: 300.22px;
        background-color:transparent;
        margin: 150.11px 0;
        border-left: solid 4px #fcc228;
        border-right: solid 4px #fcc228;
    }
    .hexagon:before, .hexagon:after {
        content: "";
        position: absolute;
        z-index: 1;
        width: 367.70px;
        height: 367.70px;
        -webkit-transform: scaleY(0.5774) rotate(-45deg);
        -ms-transform: scaleY(0.5774) rotate(-45deg);
        transform: scaleY(0.5774) rotate(-45deg);
        background-color: inherit;
        left: 72.1522px;
    }
    .hexagon:before {
        top: -183.8478px;
        border-top: solid 5.6569px #fcc228;
        border-right: solid 5.6569px #fcc228;
    }
    .hexagon:after {
        bottom: -183.8478px;
        border-bottom: solid 5.6569px #fcc228;
        border-left: solid 5.6569px #fcc228;
    }
    .main-about-img img {
        margin-top: 35px;
    }
    .main-area-img img{
        display: none;
    }
    #navbar-last a {
        border-radius: 10px;
    }
    .navbar-collapse {
        z-index: 555;
        padding: 10px 12px;
    }
    .navbar {
        padding:10px 20px;
    }
}
@media screen and (max-width: 612px) {
    .carousel-caption h3:first-child {
        margin-top: 62px;
    }
    .carousel-caption p {
        margin:18px 0;
    }
}
@media screen and (max-width: 541px) {
    .carousel-caption h3:first-child {
        margin-top: 62px;
    }
    .carousel-caption p {
        margin:18px 0;
    }
    .carousel-caption h3 {
        font-size: 40px;
    }
    .carousel-caption h3:nth-child(2) {
        font-size:40px;
    }
}
@media screen and (max-width: 445px) {
    .carousel-caption a+a {
        margin-left: 12px;
    }
    .carousel-caption a {
        font-size: 13px;
    }
    .carousel-caption h3:first-child {
        margin-top: 100px;
    }
    .main-projects-title {
        flex-direction: column;
    }
    .project-title-left {
        text-align:center;
    }
    .tab {
        margin:unset;
    }
    .project-title-left h3::after {
        left: 16px;
    }
}
@media screen and (max-width: 389px) {
    .carousel-caption a+a {
        margin-left: 10px;
    }
    .carousel-caption h3:first-child {
        margin-top: 62px;
    }
    .carousel-caption p {
        margin:18px 0;
    }
    .carousel-caption a {
        font-size: 10px;
    }
}
@media screen and (max-width: 359px) {
    .carousel-caption h3:nth-child(2) {
        font-size: 28px;
    }
    .carousel-caption h3:first-child {
        font-size: 28px;
    }
    .carousel-caption p {
        margin:18px 0;
        font-size: 13px;
    }
    .carousel-caption a {
        padding: 10px 18px;
    }
}
@media screen and (max-width: 295px) {
    .carousel-caption a+a {
        margin-left: 10px;
    }
    .carousel-caption a {
        font-size: 3px;
    }
}
@media screen and (max-width: 767px) {
    .footer-right {
        display: flex;
        justify-content: center;
    }
    .footer-left {
        display: flex;
        justify-content: center;
    }
    .footer-list {
        display: flex;
        justify-content: center;
    }
    .footer-list-contact {
        display: flex;
        justify-content: center;
        text-align: center;
    }
    .footer-list li {
        text-align: center;
    }
    .hexagon {
        position: absolute;
        width: 382px;
        height: 220.55px;
        background-color: transparent;
        margin: 104.79px 0;
        border-left: solid 2px #fcc228;
        border-right: solid 2px #fcc228;
        top: -8px;
        transform: rotate(80deg);
        left: 20px;
    }
    .hexagon:before, .hexagon:after {
        content: "";
        position: absolute;
        z-index: 1;
        width: 270.11px;
        height: 270.11px;
        -webkit-transform: scaleY(0.5774) rotate(-45deg);
        -ms-transform: scaleY(0.5774) rotate(-45deg);
        transform: scaleY(0.5774) rotate(-45deg);
        background-color: inherit;
        left: 54.9426px;
    }
    .hexagon:before {
        top: -135.0574px;
        border-top: solid 2px #fcc228;
        border-right: solid 2px #fcc228;
    }
    .hexagon:after {
        bottom: -135.0574px;
        border-bottom: solid 2px #fcc228;
        border-left: solid 2px #fcc228;
    }
    .team-footer {
    }
}
.carousel-mask{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0,0,0,.3);
}
@media screen and (max-width: 575px) {
    .hexagon {
        position: absolute;
        width: 382px;
        height: 220.55px;
        background-color: transparent;
        margin: 104.79px 0;
        border-left: solid 2px #fcc228;
        border-right: solid 2px #fcc228;
        top: -6px;
        transform: rotate(80deg);
        left: 28px;
    }
}
@media screen and (max-width: 515px) {
    .hexagon {
        display: none;
    }
}
@media screen and (max-width: 718px) {
    .main-area {
        background-size: cover;
    }
}
.main-service-item:hover .main-services-icon i{
    transform: scale(1.2);
    transition: all .3s;
}
.main-service-item a{
    text-decoration: none;
    color: black;
}
.projects-item .main-projects-footer p{
    color: black!important;
}
.projects-item{
    margin-bottom: 15px;
}
#w1-success-0{
    opacity: 1!important;
    z-index: 99999;
    position: fixed;
    bottom: 30px;
    right: 20px;
}
.sayac-item{
    display: flex;
    justify-content: center;
    width: 100%;
}
.gallery-item img{
    width: 100%;
    margin-bottom: 30px;
}
.footer-contact-item{
    display: flex;
}
.footer-contact-icon{
    display: flex;
    justify-content: center;
}
.footer-contact-item p{
    margin: 0;
}
@media (min-width: 992px){
    .dropdown-menu > li:hover > .submenu {
        display: block;
    }
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }
}


.main-blog-img {
    width:100%;
    padding-bottom:65%;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    background:#fff;
    margin-bottom: 30px;
}

.main-blog-img img {
    position:absolute;
    width:auto;
    min-width:100%;
    min-height:100%;
    padding: 2px;
    border: 1px solid #ccc;
}