@charset "utf-8";
@font-face {
    font-family: hbv-bold;
    src: url(/fonts/CardiumA-ExtraBold.ttf) format("OpenType")
}

@font-face {
    font-family: osgardswashextras;
    src: url(/fonts/OsgardSwashExtras.ttf) format("TrueType")
}

@font-face {
    font-family: hbv-regular;
    src: url(/fonts/CardiumB-Regular.ttf) format("TrueType")
}
@font-face {
    font-family: hbv-regular;
    src: url(/fonts/CardiumB-Regular.ttf) format("TrueType")
}

/*@font-face {
    font-family: avenir;
    src: url(/fonts/Avenir.ttc) format("TrueType")
}*/
body,
html {
    font-size: 15px;
    color: #505050;
    font-family: hbv-regular;
    vertical-align: baseline;
    line-height: 26px;
    font-weight: 400;
    background-color: #ffffff;
	overflow-x:hidden !important;
}

img {
    max-width: 100%;
    height: auto
}

p {
    margin: 0 0 26px
}

h1,
h2,
h3,
{
    font-family: hbv-bold;
    color: #6e6e8e;
    margin: 0 0 26px;
    font-weight: 600
}
h4,
h5,
h6 {
    font-family: hbv-regular;
    color: #6e6e8e;
    margin: 0 0 26px;
    font-weight: 600
}

a {
    color: #243a4f;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    text-decoration: none;
    outline: 0 !important
}

    a:active,
    a:hover {
        text-decoration: none;
        outline: 0 none;
        color: #488ccb
    }

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

.separator-80 {
    height: 80px
}

.clear {
    clear: both
}

::-moz-selection {
    background: #243a4f;
    text-shadow: none;
    color: #fff
}

::selection {
    background: #243a4f;
    text-shadow: none;
    color: #fff
}

.sec-spacer {
    padding: 100px 0
}

.sec-color {
    background-color: #f9f9f9
}

.pb-50 {
    padding-bottom: 50px
}

.mb-30 {
    margin-bottom: 30px
}

.paddimg-right-none {
    padding-right: 0
}

.paddimg-left-none {
    padding-left: 0
}

.primary-bg {
    background: #243a4f
}

.bg-fixed {
    background-attachment: fixed;
    background-repeat: no-repeat
}

.bg1 {
    background-image: url(images/bg/bg1.jpg);
    background-size: cover;
    background-attachment: fixed
}

.btn-center {
    width: 100%;
    max-width: 140px;
    display: block !important;
    margin: 0 auto;
    text-align: center
}

.gray-bg {
    background: #f0f0f0
}

.white-bg {
    background: #fff !important
}

.text-left {
    text-align: left !important
}

    .text-left h1 {
        text-align: left !important
    }

    .text-left h2 {
        text-align: left !important
    }

    .text-left h3 {
        text-align: left !important
    }

    .text-left h4 {
        text-align: left !important
    }

    .text-left p {
        text-align: left !important
    }

.text-center {
    text-align: center !important
}

    .text-center h1 {
        text-align: center !important
    }

    .text-center h2 {
        text-align: center !important
    }

    .text-center h3 {
        text-align: center !important
    }

    .text-center h4 {
        text-align: center !important
    }

    .text-center p {
        text-align: center !important
    }

.text-right {
    text-align: right !important
}

    .text-right h1 {
        text-align: right !important
    }

    .text-right h2 {
        text-align: right !important
    }

    .text-right h3 {
        text-align: right !important
    }

    .text-right h4 {
        text-align: right !important
    }

    .text-right p {
        text-align: right !important
    }

ul.desc-list {
    margin-bottom: 10px;
    padding-left: 25px
}

    ul.desc-list li {
        display: block;
        line-height: 30px;
        position: relative;
        padding-left: 15px
    }

        ul.desc-list li:before {
            content: "\f0da";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
            text-decoration: inherit;
            font-size: 18px;
            padding-right: .5em;
            position: absolute;
            top: 0;
            left: 0
        }

        ul.desc-list li i {
            padding-right: 10px
        }

.sec-title {
    margin-bottom: 35px
}

    .sec-title h4 {
        font-size: 20px;
        margin-bottom: 8px;
        color: #505050;
        font-weight: 300;
        font-family: hbv-regular2;
        text-align: center
    }

    .sec-title h2 {
        font-size: 40px;
        line-height: 45px;
        color: #101010;
        margin-bottom: 0;
        font-family: hbv-regular2;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 2px
    }

.left-align {
    left: -100% !important;
    text-align: right
}

.readmore {
    color: #ff6c39;
    text-transform: uppercase;
    font-family: hbv-regular2;
    font-weight: 500;
    position: relative
}

    .readmore:hover {
        text-decoration: underline !important
    }

    .readmore:before {
        content: "\f101";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        text-decoration: inherit;
        color: #ff6c39;
        font-size: 16px;
        padding-right: .5em;
        position: absolute;
        top: -3px;
        right: -22px
    }

.readon {
    position: relative;
    display: inline-block;
    padding: 12px 20px;
    line-height: normal;
    background-color: #6cac3b;
    color: #fff;
    -webkit-transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
    -ms-transition: all .6s ease 0s;
    transition: all .6s ease 0s;
    width: 100%
}

    .readon:focus,
    .readon:hover {
        color: #fff !important;
        background: #3b3b3b
    }

    .readon.border {
        background: 0 0;
        border: 1px solid #243a4f;
        color: #243a4f
    }

        .readon.border:hover {
            color: #fff;
            background: #243a4f
        }

        .readon.border.white {
            border-color: #fff;
            color: #fff
        }

            .readon.border.white:hover {
                color: #243a4f;
                background: #fff
            }

#form-messages.success {
    border-color: #243a4f;
    color: #243a4f;
    background: #f0f0f0;
    border-left: 3px solid;
    box-shadow: 0 2px 2px rgba(6, 6, 6, .04);
    margin-bottom: 30px;
    padding: 15px;
    transition: all .3s ease 0s
}

#form-messages.error {
    border-color: #ff6c39;
    color: #ff6c39;
    background: #f0f0f0;
    border-left: 3px solid;
    box-shadow: 0 2px 2px rgba(6, 6, 6, .04);
    margin-bottom: 30px;
    padding: 15px;
    transition: all .3s ease 0s
}

.pt-45 {
    padding-top: 45px
}

.pt-70 {
    padding-top: 70px
}

.pt-100 {
    padding-top: 100px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-45 {
    padding-bottom: 45px
}

.pb-70 {
    padding-bottom: 70px
}

.pb-80 {
    padding-bottom: 80px
}

.mt-5 {
    margin-top: 5px !important
}

.mt-30 {
    margin-top: 30px;
	display: none;
}

.mt-45 {
    margin-top: 45px
}

.mt-100 {
    margin-top: 100px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-45 {
    margin-bottom: 45px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-70 {
    margin-bottom: 70px
}

.mr-25 {
    margin-right: 25px
}

.mr-30 {
    margin-right: 30px
}

.margin-remove {
    margin: 0 !important
}

.display-table {
    display: table;
    height: 100%;
    width: 100%
}

.display-table-cell {
    display: table-cell;
    vertical-align: middle
}

.white-color {
    color: #fff !important
}

.rs-services2 .items:hover .fa,
.rs-services2 .items:hover .glyph-icon,
.rs-services2 .services-item:hover .fa,
.rs-services2 .services-item:hover .glyph-icon,
.welcome-seo-ninja .items:hover .fa,
.welcome-seo-ninja .items:hover .glyph-icon,
.welcome-seo-ninja .services-item:hover .fa,
.welcome-seo-ninja .services-item:hover .glyph-icon {
    -webkit-animation-name: tada;
    animation-name: tada;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

#rs-header .toolbar-area {
    font-weight: 400
}

    #rs-header .toolbar-area .toolbar-contact {
        padding: 12px 0 0
    }

        #rs-header .toolbar-area .toolbar-contact ul {
            margin: 0;
            padding: 0;
            list-style: none
        }

            #rs-header .toolbar-area .toolbar-contact ul li {
                display: inline-block;
                margin-right: 25px;
                color: #fff
            }

                #rs-header .toolbar-area .toolbar-contact ul li i {
                    font-weight: 600;
                    font-size: 14px;
                    margin-right: 5px;
                    color: #fff
                }

                #rs-header .toolbar-area .toolbar-contact ul li a {
                    -webkit-transition: all .4s ease 0s;
                    -moz-transition: all .4s ease 0s;
                    -o-transition: all .4s ease 0s;
                    -ms-transition: all .4s ease 0s;
                    transition: all .4s ease 0s;
                    color: #fff
                }

                    #rs-header .toolbar-area .toolbar-contact ul li a:hover {
                        color: #ff6c39
                    }

    #rs-header .toolbar-area .toolbar-sl-share ul {
        text-align: right
    }

        #rs-header .toolbar-area .toolbar-sl-share ul li {
            display: inline-block
        }

            #rs-header .toolbar-area .toolbar-sl-share ul li:first-child {
                padding-right: 0
            }

            #rs-header .toolbar-area .toolbar-sl-share ul li + li {
                margin-left: 5px
            }

            #rs-header .toolbar-area .toolbar-sl-share ul li a {
                display: inline-table;
                color: #fefefe;
                -webkit-transition: all .4s ease 0s;
                -moz-transition: all .4s ease 0s;
                -o-transition: all .4s ease 0s;
                -ms-transition: all .4s ease 0s;
                transition: all .4s ease 0s;
                text-decoration: none;
                font-family: hbv-regular2;
                font-size: 14px;
                letter-spacing: 0
            }

                #rs-header .toolbar-area .toolbar-sl-share ul li a:hover {
                    color: #cbcbcb
                }

                #rs-header .toolbar-area .toolbar-sl-share ul li a i {
                    text-align: center;
                    display: inline-block;
                    font-size: 13px;
                    border: 1px solid #fff;
                    border-radius: 50%;
                    background-color: #fff;
                    padding: 5px 4px 3px 3px;
                    width: 25px;
                    height: 25px;
                    color: #293747;
                }

            #rs-header .toolbar-area .toolbar-sl-share ul li.follow-us {
                color: #fff;
                padding: 10px 0 10px 12px;
            }

        #rs-header .toolbar-area .toolbar-sl-share ul .top-quote {
            background: #ff6c39;
            padding: 2px 13px;
            font-size: 14px
        }

            #rs-header .toolbar-area .toolbar-sl-share ul .top-quote a {
                padding: 10px 0;
                color: #fff;
                -webkit-transition: all .4s ease 0s;
                -moz-transition: all .4s ease 0s;
                -o-transition: all .4s ease 0s;
                -ms-transition: all .4s ease 0s;
                transition: all .4s ease 0s
            }

                #rs-header .toolbar-area .toolbar-sl-share ul .top-quote a:hover {
                    color: #fff
                }

            #rs-header .toolbar-area .toolbar-sl-share ul .top-quote:hover {
                background: #ff4e10
            }

#rs-header .menu-area.sticky .logo-area {
    line-height: 60px
}

#rs-header .menu-area.sticky #main-nav ul li {
    height: 30px;
    line-height: 15px;
    margin-top: 25px;
}

#rs-header .menu-area .logo-area {
    line-height: 104px
}

    #rs-header .menu-area .logo-area a {
        font-weight: 700;
        font-size: 27px;
        color: #243a4f;
        display: block;
        text-transform: lowercase;
        -webkit-transition: all .4s ease 0s;
        -moz-transition: all .4s ease 0s;
        -o-transition: all .4s ease 0s;
        -ms-transition: all .4s ease 0s;
        transition: all .4s ease 0s;
        display: inline-block;
        vertical-align: middle;
        position: absolute;
		width: 188px;
  		top: -125px;
    }

        #rs-header .menu-area .logo-area a img {
            display: inline-block;
            vertical-align: middle;
            position: absolute;
            width: 170px;
            top: -40px;
        }
#rs-header .header2 .logo-area a img {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    width: 135px;
    top: -99px;
}
.dark-content .header2 .logo-area a img {
    top: -83px !important;
}
#rs-header .menu-area #main-nav img {
    height: 215px;
    position: absolute;
    right: -20px;
    top: -55px;
    z-index: -1;
}

#rs-header .menu-area #main-nav {
    margin-bottom: 0;
    border: 0;
}

#rs-header .header2 #main-nav {
    margin-bottom: 0;
    border: 0;
	top:0px;
}

#rs-header .header2 #main-nav {
    margin-bottom: 0;
    border: 0;
	top: -55px;
}
    #rs-header .menu-area #main-nav.mobile ul li.active a,
    #rs-header .menu-area #main-nav.mobile ul li:hover a {
        color: #fff
    }

    #rs-header .menu-area #main-nav.mobile ul li.active .submenu li a,
    #rs-header .menu-area #main-nav.mobile ul li:hover .submenu li a {
        color: #fff
    }

    #rs-header .menu-area #main-nav.mobile ul li .submenu.left-align {
        left: 0 !important;
        text-align: left
    }

    #rs-header .menu-area #main-nav ul {
        margin: 0;
        padding: 0;
        text-align: right
    }

        #rs-header .menu-area #main-nav ul li {
            height: 35px;
            line-height: 15px;
            position: relative;
            display: inline-block
        }
        #rs-header .menu-area #main-nav ul li.follow-us {
    color: #fff;
    padding: 0 0 10px 12px;
    bottom: 5px;
    margin-left: 30px;
        }
          #rs-header .menu-area #main-nav ul li.follow-us a{
    display: inline-table;
    color: #fefefe;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 0;
        }
                #rs-header .menu-area #main-nav ul li.follow-us a i{
       text-align: center;
    display: inline-block;
    font-size: 13px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    background-color: #ffffff;
    padding: 5px 4px 3px 3px;
    width: 25px;
    height: 25px;
    color: #5e5e67;
        }
            .dark-content #rs-header .menu-area #main-nav ul li.follow-us a i {
                background-color: #ffffff;
                color:#575757;
            }
.white-content #rs-header .menu-area #main-nav ul li.follow-us a i {
    background-color: #4a4a4a;
    color: #fff;
}
            #rs-header .menu-area #main-nav ul li + li {
                margin-left: 19px
            }

@media screen and (max-width:991px) {
    .icerik-menu ul li {
        margin-bottom: 12px !important;
    }
    .sube-bilgileri h3 {
        font-size: 18px !important
    }

    .hekimlerimiz-content h3 {
        font-size: 16px !important;
        margin-bottom: 0;
        color: #c6c6c6;
        font-family: pfdinbold;
        padding-bottom: 5px
    }

    .hekimlerimiz-content p {
        color: #aaa9a9;
        font-family: hbv-regular2;
        font-size: 13px !important;
        line-height: 18px !important;
        height: 18px !important
    }

    .site-navigation a.button-right-hakkinda-2 {
        display: none
    }

    .site-navigation a.button-right-hakkinda-3 {
        display: none
    }

    .site-navigation a.button-right-hakkinda-4 {
        display: none
    }

    #rs-header .menu-area #main-nav ul li + li {
        margin-left: 0
    }

    .stellarnav.mobile.light li {
        border-bottom: 1px solid #b9b9b9
    }
}

#rs-header .menu-area #main-nav ul li > a {
    display: inline-block;
    text-decoration: none;
    color: #575757;
    font-weight: 400;
    font-family: 'hbv-regular';
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
}

    #rs-header .menu-area #main-nav ul li > a:after {
        content: '';
        position: absolute;
        height: 6px;
        width: 0;
        background-color: #ff6c39;
        -webkit-transition: .5s ease width;
        -moz-transition: .5s ease width;
        -o-transition: .5s ease width;
        -ms-transition: .5s ease width;
        transition: .5s ease width
    }

    #rs-header .menu-area #main-nav ul li > a:after {
        left: 50%;
        top: 97%;
        transform: translate(-50%, -50%)
    }

#rs-header .menu-area #main-nav ul li:hover a {
    color: #ddb997 !important
}
.white-content #rs-header .menu-area #main-nav ul li:hover a {
    color: #e8e8e8 !important;
}

#rs-header .menu-area #main-nav ul li.active a {
    display: inline-block;
    font-family: hbv-regular;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ca9e67 !important;
}
#rs-header .menu-area #main-nav ul li.follow-us.active a {
    display: inline-block;
    font-family: hbv-regular2;
    border-bottom: none;
    text-transform: uppercase;
    letter-spacing: 1px;
}

    #rs-header .menu-area #main-nav ul li.active a:after,
    #rs-header .menu-area #main-nav ul li.active a:before,
    #rs-header .menu-area #main-nav ul li:hover a:after,
    #rs-header .menu-area #main-nav ul li:hover a:before {
        width: 100%
    }

#rs-header .menu-area #main-nav ul li .dd-toggle {
    display: none
}

@media screen and (max-width:991px) {
    #rs-header .menu-area #main-nav ul li .dd-toggle {
        display: block
    }
}

#rs-header .menu-area #main-nav ul li .submenu {
    width: 270px;
    text-align: center;
    background: #243a4f;
}

@media screen and (max-width:991px) {
    #rs-header .menu-area #main-nav ul li .submenu {
        background: #243a4f
    }
}

#rs-header .menu-area #main-nav ul li .submenu li {
    line-height: normal;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
    border-right: 0 solid transparent
}

    #rs-header .menu-area #main-nav ul li .submenu li:last-child {
        border-bottom: 0
    }

    #rs-header .menu-area #main-nav ul li .submenu li a {
        display: block;
        padding: 12px 20px;
        font-size: 15px;
        text-transform: none;
        -webkit-transition: all .4s ease 0s;
        -moz-transition: all .4s ease 0s;
        -o-transition: all .4s ease 0s;
        -ms-transition: all .4s ease 0s;
        transition: all .4s ease 0s;
        color: #6e6e8e !important;
        font-weight: 400;
        text-transform: uppercase
    }

@media screen and (max-width:991px) {
    #rs-header .menu-area #main-nav ul li .submenu li a {
        color: #fff
    }
}

#rs-header .menu-area #main-nav ul li .submenu li a:hover {
    color: #ddb997 !important;
}

#rs-header .menu-area #main-nav ul li .submenu li a:after,
#rs-header .menu-area #main-nav ul li .submenu li a:before {
    display: none
}

#rs-header .menu-area #main-nav ul li .submenu li a.active {
    color: #ba9360 !important;
}


#rs-header .menu-area #main-nav .navbar-toggle {
    background-color: #243a4f;
    border-radius: 2px;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -o-transition: .4s ease all;
    -ms-transition: .4s ease all;
    transition: .4s ease all
}

    #rs-header .menu-area #main-nav .navbar-toggle .icon-bar {
        background-color: #fff
    }

    #rs-header .menu-area #main-nav .navbar-toggle:hover {
        opacity: .8
    }

.home1 #rs-header .toolbar-area .toolbar-contact ul li i {
    margin-right: 15px
}

.home1 #rs-header .toolbar-area .toolbar-sl-share ul li a {
    padding: 12px 0 10px
}

.home1 #rs-header .menu-area #main-nav ul {
    text-align: left
}

    .home1 #rs-header .menu-area #main-nav ul li {
        height: 70px;
        line-height: 70px
    }
  

        .home1 #rs-header .menu-area #main-nav ul li a {
            margin-left: 25px;
            color: #fff
        }

            .home1 #rs-header .menu-area #main-nav ul li a:before {
                text-align: right;
                right: -12px
            }

        .home1 #rs-header .menu-area #main-nav ul li:last-child .submenu {
            text-align: left
        }

        .home1 #rs-header .menu-area #main-nav ul li .submenu {
            margin-left: 0 !important
        }

            .home1 #rs-header .menu-area #main-nav ul li .submenu li a {
                margin-left: 0 !important
            }

.home1 #rs-header .middle-header-home1 {
    padding: 40px 0 70px;
    position: relative
}

    .home1 #rs-header .middle-header-home1 .header-contact .widget-text {
        position: relative;
        padding-left: 70px
    }

        .home1 #rs-header .middle-header-home1 .header-contact .widget-text:hover a {
            color: #ff6c39
        }

        .home1 #rs-header .middle-header-home1 .header-contact .widget-text:hover i {
            background: #ff6c39
        }

        .home1 #rs-header .middle-header-home1 .header-contact .widget-text i {
            position: absolute;
            width: 50px;
            height: 50px;
            text-align: center;
            left: 0;
            line-height: 50px;
            background: #243a4f;
            color: #fff;
            font-size: 18px;
            box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2)
        }

        .home1 #rs-header .middle-header-home1 .header-contact .widget-text .info-text {
            line-height: 1.4
        }

            .home1 #rs-header .middle-header-home1 .header-contact .widget-text .info-text span {
                display: block;
                font-weight: 700;
                color: #101010
            }

    .home1 #rs-header .middle-header-home1 .menu-sticky.sticky {
        background: #243a4f
    }

        .home1 #rs-header .middle-header-home1 .menu-sticky.sticky .header-bottom-area {
            position: static
        }

    .home1 #rs-header .middle-header-home1 .header-bottom-area {
        background: #243a4f;
        position: absolute;
        top: 38px;
        border-radius: 0;
        width: 100%;
        z-index: 999;
        left: 0;
        max-width: 1170px;
        margin: 0 auto
    }

        .home1 #rs-header .middle-header-home1 .header-bottom-area .get-quote {
            position: absolute;
            right: 0;
            top: 0;
            z-index: 99999
        }

            .home1 #rs-header .middle-header-home1 .header-bottom-area .get-quote a {
                line-height: 70px;
                height: 70px;
                padding: 0 20px;
                background: #ff6c39;
                display: block;
                color: #fff
            }

                .home1 #rs-header .middle-header-home1 .header-bottom-area .get-quote a:hover {
                    background: #ff6c39;
                    color: #101010
                }

.home1 #first-slider .slide1 h3,
.home1 #first-slider .slide2 h3,
.home1 #first-slider .slide3 h3,
.home1 #first-slider .slide4 h3 {
    color: #fff;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 700
}

.home1 #first-slider .item p {
    padding: 0;
    color: #243a4f;
    font-size: 15px;
    line-height: 17px;
    font-weight: 300;
    margin-bottom: 50px;
    letter-spacing: 1px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s
}

.home1 #first-slider .slide1 h4,
.home1 #first-slider .slide2 h4,
.home1 #first-slider .slide3 h4,
.home1 #first-slider .slide4 h4 {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700
}

.home1 #first-slider .slide1 .text-left,
.home1 #first-slider .slide3 .text-left {
    padding-left: 40px
}

.home1 #first-slider .carousel-indicators {
    right: 45%;
    bottom: 3%;
    left: auto;
    width: 90%;
    height: 20px;
    font-size: 0;
    overflow-x: auto;
    text-align: right;
    overflow-y: hidden;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    white-space: nowrap
}

    .home1 #first-slider .carousel-indicators li {
        padding: 0;
        width: 15px;
        height: 15px;
        border: 1px solid #9e9e9e;
        text-indent: 0;
        overflow: hidden;
        text-align: left;
        position: relative;
        letter-spacing: 1px;
        background: #9e9e9e;
        -webkit-font-smoothing: antialiased;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-right: 5px;
        -webkit-transition: all .5s cubic-bezier(.22, .81, .01, .99);
        transition: all .5s cubic-bezier(.22, .81, .01, .99);
        z-index: 10;
        cursor: pointer
    }

        .home1 #first-slider .carousel-indicators li:last-child {
            margin-right: 0
        }

    .home1 #first-slider .carousel-indicators .active {
        margin: 1px 5px 1px 1px;
        box-shadow: 0 0 0 2px #ffd200;
        background-color: transparent;
        position: relative;
        -webkit-transition: box-shadow .3s ease;
        -moz-transition: box-shadow .3s ease;
        -o-transition: box-shadow .3s ease;
        transition: box-shadow .3s ease;
        -webkit-transition: background-color .3s ease;
        -moz-transition: background-color .3s ease;
        -o-transition: background-color .3s ease;
        transition: background-color .3s ease
    }

        .home1 #first-slider .carousel-indicators .active:before {
            transform: scale(.5);
            background-color: #ffd200;
            content: "";
            position: absolute;
            left: -1px;
            top: -1px;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            -webkit-transition: background-color .3s ease;
            -moz-transition: background-color .3s ease;
            -o-transition: background-color .3s ease;
            transition: background-color .3s ease
        }

.home1 #first-slider .carousel-control.left,
.home1 #first-slider .carousel-control.right {
    background-image: none
}

.home1 #first-slider .carousel .item {
    height: 540px;
    width: 100%;
    background: url(images/slider-pattern.jpg) repeat
}

    .home1 #first-slider .carousel .item .slide-img img {
        max-width: 100%;
        position: relative;
        z-index: 999;
        transition: .8s
    }

        .home1 #first-slider .carousel .item .slide-img img:hover {
            -webkit-animation-name: pulse;
            animation-name: pulse;
            -webkit-animation-duration: 1.8s;
            animation-duration: 1.8s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both
        }

    .home1 #first-slider .carousel .item .content-details {
        z-index: 1000;
        position: relative
    }

.home1 .carousel-inner .item .container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 10%;
    left: 0;
    right: 0
}

.home1 #first-slider h3 {
    animation-delay: 1s
}

.home1 #first-slider h4 {
    animation-delay: 2s
}

.home1 #first-slider h2 {
    animation-delay: 3s
}

.home1 #first-slider .carousel-control {
    width: 6%;
    text-shadow: none
}

.home1 #first-slider h1 {
    color: #243a4f;
    margin-bottom: 30px;
    font-size: 45px;
    line-height: 55px;
    font-weight: 700
}

    .home1 #first-slider h1 span {
        color: #243a4f
    }

.home1 #first-slider .p {
    padding-top: 40px;
    text-align: center;
    color: #243a4f
}

.home1 #first-slider a.sl-btn {
    background: #ff6c39;
    color: #fff;
    display: inline-block;
    padding: 14px 45px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400
}

    .home1 #first-slider a.sl-btn i {
        font-weight: 700;
        margin-left: 12px;
        -webkit-transition: .4s ease;
        -moz-transition: .4s ease;
        -o-transition: .4s ease;
        transition: .4s ease;
        position: relative;
        left: 0
    }

    .home1 #first-slider a.sl-btn:hover i {
        left: 10px
    }

.home1 #first-slider .p a {
    text-decoration: underline
}

.home1 .carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.home1 .carousel-fade .carousel-inner .active.left,
.home1 .carousel-fade .carousel-inner .active.right,
.home1 .carousel-fade .carousel-inner .item {
    opacity: 0
}

.home1 .carousel-fade .carousel-inner .active,
.home1 .carousel-fade .carousel-inner .next.left,
.home1 .carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

    .home1 .carousel-fade .carousel-inner .active.left,
    .home1 .carousel-fade .carousel-inner .active.right,
    .home1 .carousel-fade .carousel-inner .next,
    .home1 .carousel-fade .carousel-inner .prev {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

.home1 .carousel-fade .carousel-control {
    z-index: 2
}

.home1 .carousel-control .fa-angle-left,
.home1 .carousel-control .fa-angle-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.home1 #first-slider {
    overflow-X: hidden
}

    .home1 #first-slider:hover .carousel-control .fa-angle-left {
        left: 0
    }

    .home1 #first-slider:hover .carousel-control .fa-angle-right {
        right: 0
    }

.home1 .carousel-control .fa-angle-left,
.home1 .carousel-control .fa-angle-right {
    left: -100px;
    width: 60px;
    height: 100px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff;
    background: #243a4f;
    line-height: 100px;
    transition: all .8s ease 0s
}

.home1 .carousel-control .fa-angle-right {
    left: auto;
    right: -100px
}

.home1 .hvr-ripple-out::before {
    border: 2px solid
}

.home1 .carousel-control .fa-angle-left:hover,
.home1 .carousel-control .fa-angle-right:hover {
    background: #ff6c39
}

.home1 .carousel-control {
    opacity: 1
}

.home1 #first-slider .slide1 {
    background-image: url(images/slider.html);
    background-size: cover;
    background-repeat: no-repeat
}

.home1 #first-slider .slide2 {
    background-image: url(images/slider2.html);
    background-size: cover;
    background-repeat: no-repeat
}

.home2 #rs-header .menu-area.header2 {
    position: absolute;
    z-index: 9;
    width: 100%;
}
.header-top{
    top:125px !important;
}

    .home2 #rs-header .menu-area.header2 .logo-area .sticky-logo {
        display: none
    }

.home2 #rs-header .menu-area.header2 #main-nav li a {
    color: #ffffff;
}
.home2 .dark-content #rs-header .menu-area.header2 #main-nav li a {
    color: #fff;
}
/*.home2 .dark-content #rs-header .menu-area.header2 #main-nav li a:hover {
    color: #ba925f !important;
}
.home2 .dark-content #rs-header .menu-area.header2 #main-nav li:hover a {
    color: #ba925f !important;
}*/
.home2 .white-content #rs-header .menu-area.header2 #main-nav li a {
    color: #fff;
}
.home2 #rs-header .sticky .main--logo {
    display: none
}

#rs-header .menu-area #main-nav ul li:last-child .submenu {
    text-align: right
}

.home2 #rs-header .menu-area #main-nav.stellarnav.mobile .menu-toggle {
    color: #fff
}

.home2 #rs-header .menu-area #main-nav.stellarnav.mobile .menu-toggle {
    color: #fff;
    display:none;
}
.home2 .dark-content #rs-header .menu-area #main-nav.stellarnav.mobile .menu-toggle {
    display:none;
}
.home2 .white-content #rs-header .menu-area #main-nav.stellarnav.mobile .menu-toggle {
    display: none;
}
.home2 #rs-header .menu-area .submenu {
    background: #ffffff !important;
    border-radius: 7px;
    padding: 20px 0 !important;
    position: absolute;
    padding: 0;
    top: 100%;
    left: -85px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 11.03448275862069em;
    margin: 0;
    list-style: none;
    font-size: 14.5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0.461538em 0.923077em rgb(0 0 0 / 18%);
    box-shadow: 0 0.461538em 0.923077em rgb(0 0 0 / 18%);
    background-clip: padding-box;
}

    .home2 #rs-header .menu-area .submenu li a {
        color: #afafaf !important
    }

        .home2 #rs-header .menu-area .submenu li a:hover {
            color: #ff6c39 !important
        }

#rs-header .menu-area #main-nav.stellarnav.mobile {
    max-height: 490px;
    overflow-y: auto;
    background-color: #fbfbfb;
    display:inherit;
}

    #rs-header .menu-area #main-nav.stellarnav.mobile .menu-toggle {
        color: #243a4f
    }
#rs-header .menu-area #main-nav ul li a:after {
    display: none
}

.menu-sticky.sticky {
    background-color: #ffffff;
    position: fixed !important;
    top: 0 !important;
    z-index: 9999;
    margin: 0 auto !important;
    padding: 0;
    left: 0;
    right: 0;
    height: 70px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: sticky-animation;
    animation-name: sticky-animation;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
    .menu-sticky.sticky .logo-area a img {
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        width: 170px;
        top: -42px !important;
    }
@-webkit-keyframes sticky-animation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes sticky-animation {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.slider-main {
    position: relative;
    overflow: hidden
}

    .slider-main .item:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: .9
    }

    .slider-main .item img {
        width: 100%;
        height: 100vh;
        object-fit: cover
    }

    .slider-main .owl-nav {
        position: absolute;
        top: 50%;
        right: 45px;
        font-size: 14px;
        font-weight: 500;
        color: #fff
    }

        .slider-main .owl-nav .owl-prev {
            position: absolute;
            right: 30px;
            text-align: center
        }

            .slider-main .owl-nav .owl-prev i {
                font-size: 35px;
                width: 60px;
                height: 104px;
                line-height: 104px;
                -webkit-transition: all .4s ease 0s;
                -moz-transition: all .4s ease 0s;
                -o-transition: all .4s ease 0s;
                -ms-transition: all .4s ease 0s;
                transition: all .4s ease 0s
            }

            .slider-main .owl-nav .owl-prev:hover i {
                color: #c6c6c6
            }

        .slider-main .owl-nav .owl-next {
            position: absolute;
            right: 0;
            text-align: center
        }

            .slider-main .owl-nav .owl-next i {
                font-size: 35px;
                width: 60px;
                height: 104px;
                line-height: 104px;
                -webkit-transition: all .4s ease 0s;
                -moz-transition: all .4s ease 0s;
                -o-transition: all .4s ease 0s;
                -ms-transition: all .4s ease 0s;
                transition: all .4s ease 0s
            }

            .slider-main .owl-nav .owl-next:hover i {
                color: #c6c6c6
            }

    .slider-main .inner-slider {
        max-width: 1170px;
        margin: 0 auto
    }

    .slider-main .dsc {
        left: 44%;
        max-width: 600px;
        position: absolute;
        text-align: left;
        top: 55%;
        transform: translate(-82%, -50%);
        z-index: 99
    }

        .slider-main .dsc h1 {
            font-family: hbv-regular2;
            font-size: 100px;
            line-height: 100px;
            color: #fff;
            margin: 0 0 10px 0;
            font-weight: 700
        }

        .slider-main .dsc p {
            font-size: 13.8px;
            line-height: 17px;
            width: 450px;
            color: #fff;
            font-weight: 600;
            font-family: hbv-regular2;
            text-transform: none
        }

            .slider-main .dsc p span {
                font-size: 13.8px;
                line-height: 17px;
                width: 450px;
                color: #fff;
                font-weight: 600;
                font-family: hbv-regular2;
                text-transform: none
            }

        .slider-main .dsc a {
            font-size: 15px;
            color: #fff;
            line-height: 26px;
            padding: 15px 35px;
            border-bottom-right-radius: 30px;
            font-family: pfdinbold;
            letter-spacing: .7px
        }

        .slider-main .dsc .btn1 {
            transform: skewX(-19deg);
            left: 40%;
            position: absolute
        }

            .slider-main .dsc .btn1 span {
                transform: skewX(19deg);
                position: relative;
                display: block
            }

        .slider-main .dsc .btn2 {
            transform: skewX(-19deg);
            right: 40%;
            position: absolute
        }

            .slider-main .dsc .btn2 span {
                transform: skewX(19deg);
                position: relative;
                display: block
            }

            .slider-main .dsc .btn2:hover {
                background: #243a4f
            }

.home2 .inner-slider .dsc {
    font-size: 45px;
    line-height: 55px;
    text-transform: uppercase
}

    .home2 .inner-slider .dsc h1 {
        font-size: 40px;
        line-height: 55px;
        text-transform: uppercase;
        display: inline-table
    }

        .home2 .inner-slider .dsc h1 span {
            font-size: 40px;
            line-height: 80px;
            margin: 0;
            color: #fff;
            font-family: pfdinbold;
            display: inline-table;
            border-bottom: 2px solid #fff
        }

#video.slider-main {
    height: 650px;
    background: rgba(0, 0, 0, .8)
}

    #video.slider-main .mbYTP_overlay {
        background: rgba(0, 0, 0, .8)
    }

    #video.slider-main .inner-slider {
        position: static !important
    }

        #video.slider-main .inner-slider .dsc {
            text-align: left;
            top: 52%;
            z-index: 1
        }

.slider-home {
    position: relative;
    overflow: hidden
}

    .slider-home .item:after {
        background: rgba(36, 58, 79, .9);
        background: -webkit-linear-gradient(-29deg, #ff6930 0, #243a4f 70%);
        background: -o-linear-gradient(-29deg, #ff6930 0, #243a4f 70%);
        background: -moz-linear-gradient(-29deg, #ff6930 0, #243a4f 70%);
        background: linear-gradient(-29deg, #ff6930 0, #243a4f 70%);
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: .9
    }

    .slider-home .item img {
        width: 100%;
        height: 100vh
    }

.welcome-seo-ninja .items {
    margin-top: 20px
}

    .welcome-seo-ninja .items .glyph-icon {
        font-size: 30px;
        margin-bottom: 40px
    }

        .welcome-seo-ninja .items .glyph-icon:after,
        .welcome-seo-ninja .items .glyph-icon:before {
            font-size: 60px;
            color: #243a4f;
            font-weight: 300
        }

    .welcome-seo-ninja .items h3 {
        font-size: 14px;
        margin: 15px 0 2px;
        color: #e15d37;
        font-family: pfdinbold;
        padding-left: 5px
    }

    .welcome-seo-ninja .items span {
        font-size: 14px;
        margin: 5px 5px 10px;
        display: inline-table;
        color: #e15d37;
        font-family: pfdinbold
    }

    .welcome-seo-ninja .items p {
        padding: 0 2px;
        margin: -13px -2px;
        font-family: hbv-regular2;
        color: #3b3b3b;
        line-height: 20px;
        height: 35px;
        font-size: 13px
    }

.rs-services {
    margin-top: 20px;
    background-color: #fafafa;
    margin-bottom: 20px
}

    .rs-services .sec-title {
        margin-bottom: 70px
    }

        .rs-services .sec-title h2 {
            margin-bottom: 20px
        }

    .rs-services .services-wrap .services-item {
        position: relative;
        z-index: 10;
        overflow: hidden;
        background-color: #eee;
        height: 385px
    }

        .rs-services .services-wrap .services-item:hover {
            transform: scale(1.1)
        }

            .rs-services .services-wrap .services-item:hover .services-desc:after {
                background: #243a4f;
                width: 100px
            }

            .rs-services .services-wrap .services-item:hover .glyph-icon:after,
            .rs-services .services-wrap .services-item:hover .glyph-icon:before {
                color: #ff6c39
            }

    .rs-services .services-wrap .glyph-icon {
        text-align: center
    }

        .rs-services .services-wrap .glyph-icon:after,
        .rs-services .services-wrap .glyph-icon:before {
            font-size: 74px;
            position: absolute;
            right: -8px;
            top: 28px;
            color: #243a4f
        }

    .rs-services .services-wrap .services-title {
        font-size: 18px;
        margin-top: 20px;
        text-transform: uppercase;
        margin-bottom: 14px;
        color: #c6c6c6;
        text-align: center;
        font-family: pfdinbold
    }

        .rs-services .services-wrap .services-title span {
            display: block;
            font-size: 20px;
            margin-top: 0;
            margin-bottom: 14px;
            color: #e15d37;
            font-family: pfdinlight
        }

    .rs-services .services-wrap .right-icon .glyph-icon {
        float: left
    }

    .rs-services .services-wrap .right-icon .services-desc {
        float: none
    }

    .rs-services .services-wrap .right-icon .services-item {
        padding-left: 67px
    }

        .rs-services .services-wrap .right-icon .services-item .services-desc {
            padding-left: 18px;
            padding-right: 0
        }

    .rs-services .services-wrap .services-desc {
        float: left;
        padding-right: 14px;
        position: relative;
        width: 84%
    }

        .rs-services .services-wrap .services-desc p {
            font-size: 13px;
            text-align: center;
            position: relative;
            margin-top: 15px;
            font-family: hbv-regular2;
            color: #b0b0b0;
            line-height: 17px
        }

    .rs-services .services-wrap .service-col-left {
        width: 36%
    }

    .rs-services .services-wrap .service-col-center {
        width: 28%
    }

    .rs-services .services-wrap .service-col-right {
        width: 36%
    }

        .rs-services .services-wrap .service-col-right .services-desc {
            width: 100%
        }

.welcome-seo-ninja .items {
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    padding: 31px 31px 6px;
    text-align: center
}

    .welcome-seo-ninja .items .glyph-icon:after,
    .welcome-seo-ninja .items .glyph-icon:before {
        -webkit-transition: all .4s ease 0s;
        -moz-transition: all .4s ease 0s;
        -o-transition: all .4s ease 0s;
        -ms-transition: all .4s ease 0s;
        transition: all .4s ease 0s
    }

    .welcome-seo-ninja .items a:hover h3 {
        color: #c6c6c6
    }

    .welcome-seo-ninja .items:hover .glyph-icon:after,
    .welcome-seo-ninja .items:hover .glyph-icon:before {
        color: #c6c6c6
    }

    .welcome-seo-ninja .items:hover a {
        color: #c6c6c6
    }

.service-details-section .services-left-sidebar {
    overflow: hidden
}

    .service-details-section .services-left-sidebar .serives-content-one {
        overflow: hidden
    }

        .service-details-section .services-left-sidebar .serives-content-one .single-services-details {
            float: left;
            width: 45%;
            text-align: justify
        }

        .service-details-section .services-left-sidebar .serives-content-one .single-service-img {
            width: 50%;
            float: right
        }

            .service-details-section .services-left-sidebar .serives-content-one .single-service-img img {
                margin-top: 2px
            }

        .service-details-section .services-left-sidebar .serives-content-one .banner-top {
            padding-bottom: 30px
        }

    .service-details-section .services-left-sidebar .sinlge-middle-content img,
    .service-details-section .services-left-sidebar .two-content-box img {
        margin: 0 0 20px
    }

.service-details-section .services-right-sidebar {
    background: #f8f8f8
}

    .service-details-section .services-right-sidebar ul#single-services-cat li {
        display: block
    }

        .service-details-section .services-right-sidebar ul#single-services-cat li a {
            line-height: 45px;
            display: block;
            padding-left: 30px;
            background: #f8f8f8;
            border-bottom: 1px solid #e9e9e9;
            position: relative
        }

            .service-details-section .services-right-sidebar ul#single-services-cat li a:after {
                background: #e9e9e9 none repeat scroll 0 0;
                content: "";
                height: 7px;
                left: 10px;
                margin-top: -3px;
                position: absolute;
                top: 50%;
                width: 7px
            }

        .service-details-section .services-right-sidebar ul#single-services-cat li:last-child a {
            border-bottom: 0
        }

        .service-details-section .services-right-sidebar ul#single-services-cat li.active a {
            color: #ff6c39
        }

    .service-details-section .services-right-sidebar .register-now {
        background: #f8f8f8;
        padding: 30px;
        border-bottom: 3px solid #ff6c39
    }

        .service-details-section .services-right-sidebar .register-now a.number {
            display: block;
            color: #ff6c39;
            margin: 0 auto 26px;
            text-transform: uppercase;
            font-size: 18px;
            font-weight: 700;
            letter-spacing: 1.5px
        }

.rs-services2 .services-item {
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

    .rs-services2 .services-item .glyph-icon:after,
    .rs-services2 .services-item .glyph-icon:before,
    .rs-services2 .services-item h2.services-title {
        -webkit-transition: all .4s ease 0s;
        -moz-transition: all .4s ease 0s;
        -o-transition: all .4s ease 0s;
        -ms-transition: all .4s ease 0s;
        transition: all .4s ease 0s
    }

    .rs-services2 .services-item:hover .glyph-icon:after,
    .rs-services2 .services-item:hover .glyph-icon:before,
    .rs-services2 .services-item:hover h2.services-title {
        color: #c6c6c6
    }

    .rs-services2 .services-item:hover .services-desc p {
        color: #696969
    }

.single-services {
    padding: 96px 0 70px
}

    .single-services .services-desc h2 {
        letter-spacing: 1px
    }

    .single-services .services-desc h3 {
        margin-bottom: 10px
    }

    .single-services .quote-form .sec-title h2 {
        text-align: left;
        text-transform: Initial;
        line-height: 30px;
        font-size: 30px;
        margin-bottom: 10px;
        letter-spacing: 1px
    }

    .single-services .quote-form .sec-title h4 {
        text-align: left
    }

    .single-services .quote-form .form-field {
        margin-bottom: 23px
    }

        .single-services .quote-form .form-field input {
            border: 1px solid rgba(0, 0, 0, .1);
            height: 50px;
            padding: 5px 17px;
            width: 100%
        }

        .single-services .quote-form .form-field select {
            border: 1px solid rgba(0, 0, 0, .1);
            height: 50px;
            padding: 5px 17px;
            width: 100%
        }

.two-content-box {
    padding-bottom: 72px
}

.single-services-details .col-md-7 {
    margin-left: -15px !important
}

.single-services-details .col-md-5 {
    margin-right: -15px !important
}

.service-cats-area {
    background: #f8f8f8;
    padding-bottom: 25px
}

    .service-cats-area h3 {
        padding: 30px 0 0 20px;
        margin-bottom: 5px
    }

.get-appear {
    background-image: url(images/about/get-appear.jpg);
    background-size: cover;
    position: relative;
    color: #fff;
    overflow: hidden
}

    .get-appear:after {
        background: #243a4f none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transform: skewX(19deg) scale(2.2);
        -webkit-transform: skewX(19deg) scale(2.2);
        width: 32%;
        z-index: 1
    }

    .get-appear .apper-content {
        padding-top: 20px;
        padding-bottom: 10px;
        position: relative;
        z-index: 111
    }

        .get-appear .apper-content h2 {
            font-size: 40px;
            color: #fff
        }

#rs-seo-score {
    padding: 92px 0 99px;
    background: url(images/parallax/1.jpg) center top no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    position: relative
}

    #rs-seo-score:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(36, 58, 79, .9);
        z-index: 0
    }

    #rs-seo-score .container {
        z-index: 10;
        position: relative
    }

    #rs-seo-score .cta-content {
        color: #fff;
        font-size: 36px;
        line-height: normal
    }

    #rs-seo-score input {
        border: none;
        box-shadow: none;
        padding: 24px 38px;
        height: auto;
        font-size: 15px;
        margin-right: 15px
    }

    #rs-seo-score .readon {
        padding: 23px 85px;
        max-width: 270px;
        text-transform: uppercase;
        font-size: 15px;
        font-family: hbv-regular2;
        background: 0 0;
        font-weight: 500;
        background: #ff6c39
    }

        #rs-seo-score .readon:hover {
            background: 0 0;
            border: 2px solid #ff6c39
        }

.rs-seo-report {
    padding: 92px 0 100px
}

    .rs-seo-report .sec-title h2 {
        margin-bottom: 40px
    }

    .rs-seo-report .seo-item {
        border: 1px solid #e0dfdf;
        padding: 45px 20px 19px;
        box-shadow: 0 6px 24px 1px #f1f1f1;
        -webkit-transition: all .4s ease 0s;
        -moz-transition: all .4s ease 0s;
        -o-transition: all .4s ease 0s;
        -ms-transition: all .4s ease 0s;
        transition: all .4s ease 0s
    }

        .rs-seo-report .seo-item .report-icon {
            padding-bottom: 33px;
            position: relative
        }

            .rs-seo-report .seo-item .report-icon .glyph-icon {
                position: relative
            }

                .rs-seo-report .seo-item .report-icon .glyph-icon:after,
                .rs-seo-report .seo-item .report-icon .glyph-icon:before {
                    border: 2px solid #243a4f;
                    border-radius: 100%;
                    color: #243a4f;
                    font-size: 74px;
                    padding: 38px;
                    line-height: 160px;
                    margin-left: 0
                }

            .rs-seo-report .seo-item .report-icon:after {
                background-color: #243a4f;
                content: "";
                height: 3px;
                left: 50%;
                position: absolute;
                top: 100%;
                transform: translate(-50%, -50%);
                -webkit-transition: width .5s ease 0s;
                -moz-transition: width .5s ease 0s;
                -o-transition: width .5s ease 0s;
                -ms-transition: width .5s ease 0s;
                transition: width .5s ease 0s;
                width: 206px
            }

        .rs-seo-report .seo-item h4 {
            font-family: hbv-regular2;
            font-size: 20px;
            font-weight: 500;
            color: #101010;
            margin-top: 32px;
            margin-bottom: 18px
        }

        .rs-seo-report .seo-item:hover {
            background: #243a4f
        }

            .rs-seo-report .seo-item:hover .report-icon .glyph-icon {
                position: relative
            }

                .rs-seo-report .seo-item:hover .report-icon .glyph-icon:after,
                .rs-seo-report .seo-item:hover .report-icon .glyph-icon:before {
                    border: 2px solid #ff6c39;
                    color: #ff6c39
                }

            .rs-seo-report .seo-item:hover .report-icon:after {
                background-color: #ff6c39 !important
            }

            .rs-seo-report .seo-item:hover h4,
            .rs-seo-report .seo-item:hover p {
                color: #fff
            }

.get-traffic {
    background-image: url(images/home/get-traffic.jpg);
    background-size: cover;
    position: relative;
    color: #fff;
    overflow: hidden;
    padding: 68px 0 82px
}

    .get-traffic:after {
        background: #243a4f;
        content: "";
        height: 100%;
        right: 0;
        position: absolute;
        top: 0;
        transform: skewX(-30deg) scale(2);
        width: 34%;
        z-index: 1
    }

    .get-traffic .apper-content {
        padding-top: 20px;
        padding-bottom: 10px;
        position: relative;
        z-index: 111
    }

        .get-traffic .apper-content h2 {
            font-size: 50px;
            font-weight: 700;
            line-height: 60px
        }

        .get-traffic .apper-content.hireus {
            padding-bottom: 19px
        }

            .get-traffic .apper-content.hireus p {
                margin-bottom: 65px
            }

            .get-traffic .apper-content.hireus h2 {
                margin-bottom: 12px
            }

            .get-traffic .apper-content.hireus .readon {
                background: 0 0;
                border-width: 1px;
                color: #ff6c39;
                min-width: 140px;
                text-align: center;
                margin-right: 28px
            }

                .get-traffic .apper-content.hireus .readon.active {
                    background: #ff6c39;
                    color: #fff
                }

                    .get-traffic .apper-content.hireus .readon.active:hover {
                        background: #ff4e10;
                        border: 1px solid #ff4e10
                    }

                .get-traffic .apper-content.hireus .readon:hover {
                    background: #ff6c39;
                    border: 1px solid #ff6c39
                }

    .get-traffic.improve-visibility .apper-content h2 {
        font-size: 40px;
        line-height: 48px
    }

    .get-traffic.improve-visibility:after {
        width: 37%
    }

.rs-performance .col-md-3:last-child .items:after {
    height: 0
}

.rs-performance .sec-title {
    margin-bottom: 50px
}

    .rs-performance .sec-title h2 {
        margin-bottom: 20px
    }

.rs-performance .items {
    text-align: center;
    position: relative;
    margin-top: 30px
}

    .rs-performance .items:after {
        background: #243a4f none repeat scroll 0 0;
        content: "";
        height: 2px;
        position: absolute;
        right: -32%;
        top: 60px;
        width: 53%
    }

    .rs-performance .items h3 {
        margin: 0 0 15px;
        display: block;
        font-size: 20px;
        margin: 53px 0 15px;
        text-transform: uppercase
    }

    .rs-performance .items p {
        margin: 0
    }

    .rs-performance .items .glyph-icon {
        width: 120px;
        height: 120px;
        margin: 0 auto 25px;
        line-height: 120px;
        text-align: center;
        border: 2px solid #ff6c39;
        border-radius: 50%;
        -webkit-transition: all .4s ease 0s;
        -moz-transition: all .4s ease 0s;
        -o-transition: all .4s ease 0s;
        -ms-transition: all .4s ease 0s;
        transition: all .4s ease 0s
    }

        .rs-performance .items .glyph-icon:after,
        .rs-performance .items .glyph-icon:before {
            margin-left: 0 !important;
            font-size: 50px;
            color: #243a4f;
            -webkit-transition: all .4s ease 0s;
            -moz-transition: all .4s ease 0s;
            -o-transition: all .4s ease 0s;
            -ms-transition: all .4s ease 0s;
            transition: all .4s ease 0s
        }

        .rs-performance .items .glyph-icon:after {
            border: 2px solid #ff6c39;
            border-radius: inherit;
            content: "";
            height: 138px;
            left: 62px;
            position: absolute;
            top: -9px;
            width: 138px;
            z-index: -1
        }

    .rs-performance .items:hover .glyph-icon:after {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, .4), 0 0 0 10px #f05f75
    }

#rs-keyword-research {
    padding: 92px 0 80px
}

    #rs-keyword-research .sec-title h2 {
        margin-bottom: 20px
    }

    #rs-keyword-research .sec-title .subtitle {
        margin-bottom: 48px
    }

    #rs-keyword-research .keyword-left .keyword-image {
        background: #f2f2f2
    }

    #rs-keyword-research #accordion .panel {
        border-radius: 0;
        margin-bottom: 10px
    }

        #rs-keyword-research #accordion .panel .panel-heading {
            background: #ededed;
            border: none;
            border-radius: 0;
            padding: 17px 25px;
            position: relative;
            -webkit-transition: all .4s ease 0s;
            -moz-transition: all .4s ease 0s;
            -o-transition: all .4s ease 0s;
            -ms-transition: all .4s ease 0s;
            transition: all .4s ease 0s
        }

            #rs-keyword-research #accordion .panel .panel-heading:hover {
                box-shadow: 0 1px 5px rgba(0, 0, 0, .2)
            }

                #rs-keyword-research #accordion .panel .panel-heading:hover .panel-title a:after {
                    background: #ff6c39;
                    color: #fff
                }

            #rs-keyword-research #accordion .panel .panel-heading:after {
                background: #243a4f;
                color: #ff6c39;
                content: "";
                font-family: FontAwesome;
                font-size: 20px;
                height: 100%;
                left: 0;
                padding: 16px 32px;
                position: absolute;
                top: 0;
                -webkit-transition: all .4s ease 0s;
                -moz-transition: all .4s ease 0s;
                -o-transition: all .4s ease 0s;
                -ms-transition: all .4s ease 0s;
                transition: all .4s ease 0s
            }

            #rs-keyword-research #accordion .panel .panel-heading .panel-title a {
                font-family: hbv-regular2;
                font-weight: 600px;
                font-size: 15px;
                color: #505050;
                position: relative;
                display: block;
                padding-left: 65px
            }

                #rs-keyword-research #accordion .panel .panel-heading .panel-title a:after {
                    color: #ff6c39;
                    content: "";
                    font-family: FontAwesome;
                    font-size: 20px;
                    height: 53px;
                    left: -27px;
                    padding: 16px 26px;
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    -webkit-transition: all .4s ease 0s;
                    -moz-transition: all .4s ease 0s;
                    -o-transition: all .4s ease 0s;
                    -ms-transition: all .4s ease 0s;
                    transition: all .4s ease 0s;
                    z-index: 9
                }

                #rs-keyword-research #accordion .panel .panel-heading .panel-title a.collapsed:after {
                    content: "\f067"
                }

    #rs-keyword-research .rs-team-details {
        padding: 0
    }

.rs-pricing .sec-title h2 {
    margin-bottom: 20px
}

.rs-pricing .sec-title .subtitle {
    margin-bottom: 48px
}

.rs-pricing .pricing-plan {
    background: #fff;
    border: 1px solid #e1e1e1;
    text-align: center;
    margin-bottom: 30px;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    -ms-transition: .3s ease all;
    transition: .3s ease all;
    position: relative;
    z-index: 10
}

    .rs-pricing .pricing-plan:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        border: 2px solid #ff6c39;
        opacity: 0;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        -o-transition: .3s ease all;
        -ms-transition: .3s ease all
    }

    .rs-pricing .pricing-plan.featured-plan .pricing-head,
    .rs-pricing .pricing-plan:hover .pricing-head {
        background: #ff6c39
    }

        .rs-pricing .pricing-plan.featured-plan .pricing-head .duration,
        .rs-pricing .pricing-plan.featured-plan .pricing-head .name,
        .rs-pricing .pricing-plan.featured-plan .pricing-head .value,
        .rs-pricing .pricing-plan.featured-plan .pricing-head sup,
        .rs-pricing .pricing-plan:hover .pricing-head .duration,
        .rs-pricing .pricing-plan:hover .pricing-head .name,
        .rs-pricing .pricing-plan:hover .pricing-head .value,
        .rs-pricing .pricing-plan:hover .pricing-head sup {
            color: #fff !important
        }

    .rs-pricing .pricing-plan .pricing-head {
        position: relative;
        padding: 35px;
        z-index: 10;
        background: #f0f0f0;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        -o-transition: .3s ease all;
        -ms-transition: .3s ease all
    }

        .rs-pricing .pricing-plan .pricing-head .name {
            font-size: 20px;
            font-weight: 700;
            line-height: normal;
            margin-bottom: 20px;
            font-family: hbv-regular2;
            letter-spacing: 1px;
            color: #101010;
            -webkit-transition: all .4s ease 0s;
            -moz-transition: all .4s ease 0s;
            -o-transition: all .4s ease 0s;
            -ms-transition: all .4s ease 0s;
            transition: all .4s ease 0s
        }

        .rs-pricing .pricing-plan .pricing-head .value {
            display: inline-block;
            color: #101010;
            font-size: 60px;
            font-weight: 300;
            -webkit-transition: all .4s ease 0s;
            -moz-transition: all .4s ease 0s;
            -o-transition: all .4s ease 0s;
            -ms-transition: all .4s ease 0s;
            transition: all .4s ease 0s
        }

            .rs-pricing .pricing-plan .pricing-head .value sup {
                color: #101010;
                font-family: hbv-regular2;
                font-size: 20px;
                font-weight: 500;
                top: 0;
                -webkit-transition: all .4s ease 0s;
                -moz-transition: all .4s ease 0s;
                -o-transition: all .4s ease 0s;
                -ms-transition: all .4s ease 0s;
                transition: all .4s ease 0s
            }

        .rs-pricing .pricing-plan .pricing-head .duration {
            font-size: 20px;
            -webkit-transition: all .4s ease 0s;
            -moz-transition: all .4s ease 0s;
            -o-transition: all .4s ease 0s;
            -ms-transition: all .4s ease 0s;
            transition: all .4s ease 0s;
            font-family: hbv-regular2;
            color: #101010;
            font-weight: 500
        }

    .rs-pricing .pricing-plan .pricing-body ul {
        list-style-type: none;
        padding-left: 0;
        padding-top: 20px;
        font-size: 15px;
        color: #505050
    }

        .rs-pricing .pricing-plan .pricing-body ul li {
            padding: 7px 15px
        }

    .rs-pricing .pricing-plan .pricing-footer {
        position: relative;
        z-index: 100;
        padding: 25px 40px 40px
    }

        .rs-pricing .pricing-plan .pricing-footer a {
            font-weight: 500;
            padding: 17px 28px
        }

    .rs-pricing .pricing-plan.featured .duration,
    .rs-pricing .pricing-plan.featured .name,
    .rs-pricing .pricing-plan:hover .duration,
    .rs-pricing .pricing-plan:hover .name {
        color: #243a4f
    }

    .rs-pricing .pricing-plan.featured .value,
    .rs-pricing .pricing-plan:hover .value {
        color: #243a4f
    }

        .rs-pricing .pricing-plan.featured .value sup,
        .rs-pricing .pricing-plan:hover .value sup {
            color: #243a4f
        }

    .rs-pricing .pricing-plan.featured:before,
    .rs-pricing .pricing-plan:hover:before {
        opacity: 1
    }

    .rs-pricing .pricing-plan.featured .p-button,
    .rs-pricing .pricing-plan:hover .p-button {
        background-color: #243a4f
    }

.rs-team {
    padding: 100px 0 160px
}

    .rs-team.team-page {
        padding: 100px 0 100px
    }

    .rs-team .team-carousel {
        padding-top: 3px
    }

    .rs-team .team-list {
        box-shadow: 0 0 20px #eee
    }

        .rs-team .team-list .single-team {
            box-shadow: 0 0 30px #ddd;
            padding: 40px 20px;
            border: 1px solid #e0dfdf;
            -webkit-transition: all .4s ease 0s;
            -moz-transition: all .4s ease 0s;
            -o-transition: all .4s ease 0s;
            -ms-transition: all .4s ease 0s;
            transition: all .4s ease 0s
        }

            .rs-team .team-list .single-team:hover {
                border: 1px solid #ff6c39
            }

                .rs-team .team-list .single-team:hover img {
                    transform: scale(1.1)
                }

            .rs-team .team-list .single-team img {
                width: 150px;
                height: 150px;
                margin: 0 auto 35px;
                border-radius: 50%;
                -webkit-transition: all .4s ease 0s;
                -moz-transition: all .4s ease 0s;
                -o-transition: all .4s ease 0s;
                -ms-transition: all .4s ease 0s;
                transition: all .4s ease 0s
            }

            .rs-team .team-list .single-team h3,
            .rs-team .team-list .single-team span {
                text-transform: uppercase
            }

            .rs-team .team-list .single-team h3 {
                font-size: 20px;
                margin: 0 0 10px
            }

            .rs-team .team-list .single-team span {
                font-size: 15px;
                color: #ff6c39;
                margin-bottom: 15px;
                display: block
            }

            .rs-team .team-list .single-team .social-icons ul li {
                display: inline-block
            }

                .rs-team .team-list .single-team .social-icons ul li a {
                    color: #ff6c39;
                    font-size: 18px;
                    padding: 0 10px
                }

                    .rs-team .team-list .single-team .social-icons ul li a:hover {
                        color: #101010
                    }

    .rs-team .owl-nav .owl-next,
    .rs-team .owl-nav .owl-prev {
        border: 1px solid #ddd;
        height: 40px;
        left: 0;
        position: absolute;
        text-align: center;
        width: 40px;
        line-height: 40px;
        bottom: -60px;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -o-transition: .4s;
        -ms-transition: .4s
    }

        .rs-team .owl-nav .owl-next:hover,
        .rs-team .owl-nav .owl-prev:hover {
            background: #ff6c39;
            color: #fff;
            border: 1px solid #ff6c39
        }

    .rs-team .owl-nav .owl-next {
        left: auto;
        right: 0
    }

    .rs-team .owl-dots {
        left: 50%;
        position: absolute;
        bottom: -60px;
        transform: translateX(-50%)
    }

        .rs-team .owl-dots .owl-dot {
            background: #ff6c39;
            height: 12px;
            width: 12px;
            display: inline-block;
            margin: 8px
        }

            .rs-team .owl-dots .owl-dot.active {
                background: #243a4f
            }

    .rs-team .sec-title h2 {
        margin-bottom: 20px
    }

    .rs-team .sec-title .subtitle {
        margin-bottom: 48px
    }

    .rs-team .team-item {
        border: 1px solid #ccc;
        padding: 40px 20px;
        box-shadow: 0 6px 24px 1px #f1f1f1;
        -webkit-transition: all .4s ease 0s;
        -moz-transition: all .4s ease 0s;
        -o-transition: all .4s ease 0s;
        -ms-transition: all .4s ease 0s;
        transition: all .4s ease 0s
    }

        .rs-team .team-item img {
            -webkit-transition: all .4s ease 0s;
            -moz-transition: all .4s ease 0s;
            -o-transition: all .4s ease 0s;
            -ms-transition: all .4s ease 0s;
            transition: all .4s ease 0s
        }

        .rs-team .team-item:hover {
            border-color: #ff6c39
        }

            .rs-team .team-item:hover img {
                transform: scale(1.1)
            }

        .rs-team .team-item .team-content {
            text-align: center
        }

            .rs-team .team-item .team-content .figure {
                text-align: center
            }

                .rs-team .team-item .team-content .figure img {
                    max-width: 170px;
                    border-radius: 50%;
                    display: inline-block;
                    border: 1px solid #ccc
                }

        .rs-team .team-item .team-icon {
            font-size: 52px;
            color: #243a4f;
            margin-bottom: 20px
        }

        .rs-team .team-item .team-name {
            margin-bottom: 10px;
            font-size: 20px;
            color: #232c3b;
            font-weight: 700;
            margin-top: 35px
        }

        .rs-team .team-item .team-title {
            font-size: 15px;
            color: #ff6c39
        }

        .rs-team .team-item .team-desc {
            color: #505050;
            margin-bottom: 0;
            padding-top: 2px;
            margin-top: 12px
        }

        .rs-team .team-item .team-social {
            margin-top: 27px
        }

            .rs-team .team-item .team-social .social-icon {
                display: inline-block;
                width: 35px;
                height: 35px;
                line-height: 35px;
                text-align: center;
                margin-right: 6px;
                border-radius: 50%;
                color: #ff6c39
            }

                .rs-team .team-item .team-social .social-icon i {
                    font-size: 17px;
                    color: #ff6c39
                }

                    .rs-team .team-item .team-social .social-icon i:hover {
                        color: #101010
                    }

#rs-team2 {
    padding: 100px 0 70px
}

    #rs-team2 .single-member-area {
        position: relative;
        overflow: hidden;
        margin-bottom: 0
    }

        #rs-team2 .single-member-area figure {
            overflow: hidden
        }

            #rs-team2 .single-member-area figure img {
                width: 100%;
                -webkit-filter: grayscale(100%);
                filter: grayscale(100%);
                -webkit-transition: all .5s ease-out .15s;
                -moz-transition: all .5s ease-out .15s;
                -o-transition: all .5s ease-out .15s;
                -ms-transition: all .5s ease-out .15s;
                transition: all .5s ease-out .15s
            }

                #rs-team2 .single-member-area figure img:hover {
                    width: 100%;
                    -webkit-filter: grayscale(0);
                    filter: grayscale(0);
                    -webkit-transition: all .5s ease-out .15s;
                    -moz-transition: all .5s ease-out .15s;
                    -o-transition: all .5s ease-out .15s;
                    -ms-transition: all .5s ease-out .15s;
                    transition: all .5s ease-out .15s
                }

        #rs-team2 .single-member-area .overlay {
            bottom: 0;
            color: #fff;
            height: 100%;
            left: 0;
            position: absolute;
            -webkit-transition: all .5s ease-out .15s;
            -moz-transition: all .5s ease-out .15s;
            -o-transition: all .5s ease-out .15s;
            -ms-transition: all .5s ease-out .15s;
            transition: all .5s ease-out .15s;
            width: 100%;
            background-color: rgba(8, 8, 8, .7);
            opacity: 0;
            transform: scaleX(0);
            transform-origin: 50% 50% 0
        }

            #rs-team2 .single-member-area .overlay .overlay-element {
                position: relative;
                height: 100%
            }

                #rs-team2 .single-member-area .overlay .overlay-element .social-icons {
                    bottom: 40px;
                    padding: 20% 0;
                    position: absolute;
                    text-align: center;
                    width: 100%
                }

                    #rs-team2 .single-member-area .overlay .overlay-element .social-icons a {
                        color: #fff;
                        padding-right: 10px;
                        font-size: 20px
                    }

                        #rs-team2 .single-member-area .overlay .overlay-element .social-icons a:hover {
                            color: #ff6c39
                        }

        #rs-team2 .single-member-area:hover img {
            transform: scale(1)
        }

        #rs-team2 .single-member-area:hover .overlay {
            opacity: 1;
            transform: scale(1)
        }

        #rs-team2 .single-member-area article {
            background-image: linear-gradient(to right, #1d70b8, #5fbcb1);
            height: 15px;
            position: relative;
            z-index: 11
        }

            #rs-team2 .single-member-area article .content {
                text-align: center;
                padding: 12px 6px
            }

                #rs-team2 .single-member-area article .content h3 {
                    font-size: 20px;
                    font-weight: 700;
                    margin-bottom: 4px;
                    text-transform: uppercase
                }

                    #rs-team2 .single-member-area article .content h3 a {
                        color: #fff
                    }

                        #rs-team2 .single-member-area article .content h3 a:hover {
                            color: #ff6c39
                        }

                #rs-team2 .single-member-area article .content .member-title {
                    color: #fff;
                    font-size: 15px
                }

@media screen and (max-width:500px) {
    #rs-team2 .col-md-3 {
        width: 100%
    }
}

.home1 #rs-team2 {
    padding-bottom: 142px
}

    .home1 #rs-team2 .single-member-area {
        margin-bottom: 0
    }

.owl-navigation-yes {
    padding-top: 0
}

    .owl-navigation-yes .owl-nav {
        position: absolute;
        right: 0;
        top: -40px
    }

        .owl-navigation-yes .owl-nav [class*=owl-] {
            font-size: 0;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            line-height: 34px;
            color: #aa826e;
            border: 2px solid #aa826e;
            display: inline-block;
            position: relative;
            -webkit-transition: all .4s ease 0s;
            -moz-transition: all .4s ease 0s;
            -o-transition: all .4s ease 0s;
            -ms-transition: all .4s ease 0s;
            transition: all .4s ease 0s
        }

            .owl-navigation-yes .owl-nav [class*=owl-]:before {
                font-family: FontAwesome;
                position: absolute;
                font-size: 30px;
                top: 50%;
                left: 50%;
                -webkit-transform: translateY(-50%) translateX(-50%);
                transform: translateY(-50%) translateX(-50%)
            }

            .owl-navigation-yes .owl-nav [class*=owl-].owl-prev {
                left: -45px
            }

                .owl-navigation-yes .owl-nav [class*=owl-].owl-prev:before {
                    content: "\f104"
                }

            .owl-navigation-yes .owl-nav [class*=owl-].owl-next:before {
                content: "\f105";
                margin-left: 2px
            }

            .owl-navigation-yes .owl-nav [class*=owl-]:hover {
                color: #c6a797
            }

.rs-newsletter {
    text-align: center;
    background-attachment: fixed;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    background-size: cover;
    background-position: center center;
    padding: 92px 0 100px;
    line-height: 0;
    position: relative
}

    .rs-newsletter .overlay {
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(36, 58, 79, .9);
        width: 100%;
        height: 100%
    }

    .rs-newsletter .news-title {
        font-size: 40px;
        font-weight: 700;
        margin-bottom: 28px;
        font-family: pfdinlight
    }

    .rs-newsletter .news-note {
        font-size: 20px;
        margin-bottom: 38px;
        font-weight: 300
    }

    .rs-newsletter .news-form {
        max-width: 710px;
        margin-left: auto;
        margin-right: auto;
        position: relative
    }

        .rs-newsletter .news-form .form-input {
            width: 100%;
            height: 50px;
            padding: 5px 20px;
            background: 0 0;
            outline: 0;
            color: #fff;
            border: 2px solid #ff6c39
        }

            .rs-newsletter .news-form .form-input::-webkit-input-placeholder {
                color: #fff;
                opacity: 1
            }

            .rs-newsletter .news-form .form-input::-moz-placeholder {
                color: #fff;
                opacity: 1
            }

            .rs-newsletter .news-form .form-input:-ms-input-placeholder {
                color: #fff;
                opacity: 1
            }

            .rs-newsletter .news-form .form-input:-moz-placeholder {
                color: #fff;
                opacity: 1
            }

        .rs-newsletter .news-form .form-button {
            position: absolute;
            top: 0;
            right: 0;
            height: 50px;
            min-width: 200px;
            background-color: #ff6c39;
            border: 0;
            color: #fff;
            font-weight: 500;
            -webkit-transition: all .4s ease 0s;
            -moz-transition: all .4s ease 0s;
            -o-transition: all .4s ease 0s;
            -ms-transition: all .4s ease 0s;
            transition: all .4s ease 0s
        }

            .rs-newsletter .news-form .form-button:hover {
                color: #101010
            }

#rs-testimonial {
    position: relative;
    padding: 100px 0 100px
}

    #rs-testimonial .sec-title h2 {
        color: #101010
    }

    #rs-testimonial .testi-carousel .figure {
        float: left;
        width: 35%;
        padding-right: 20px
    }

        #rs-testimonial .testi-carousel .figure img {
            max-width: 175px;
            border: 3px solid #ff6c39
        }

    #rs-testimonial .testi-carousel .testi-content {
        float: left;
        width: 65%
    }

        #rs-testimonial .testi-carousel .testi-content h3 {
            font-size: 18px;
            color: 'Roboto Condensed', sans-serif;
            margin-bottom: 7px
        }

        #rs-testimonial .testi-carousel .testi-content .testi-title {
            color: #ff6c39;
            font-size: 15px;
            font-family: hbv-regular2;
            font-weight: 400;
            margin-bottom: 12px
        }

        #rs-testimonial .testi-carousel .testi-content p {
            color: #505050
        }

    #rs-testimonial .testi-carousel .owl-nav {
        bottom: -83px;
        display: none;
        left: 49%;
        position: absolute;
        top: auto
    }

        #rs-testimonial .testi-carousel .owl-nav .owl-next,
        #rs-testimonial .testi-carousel .owl-nav .owl-prev {
            border: none;
            width: 23px
        }

            #rs-testimonial .testi-carousel .owl-nav .owl-next:hover,
            #rs-testimonial .testi-carousel .owl-nav .owl-prev:hover {
                color: #ff6c39
            }

    #rs-testimonial .slider {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto
    }

        #rs-testimonial .slider:focus {
            outline: 0
        }

        #rs-testimonial .slider .slick-track {
            top: 35px;
            height: 670px
        }

            #rs-testimonial .slider .slick-track:focus {
                outline: 0
            }

    #rs-testimonial .slick-slide {
        margin: 0 15px;
        transition: all ease-in-out .3s;
        opacity: .2;
        width: 350px;
        position: relative
    }

        #rs-testimonial .slick-slide:focus {
            outline: 0
        }

        #rs-testimonial .slick-slide img {
            width: 100%;
            height: 105px;
            text-align: center
        }

            #rs-testimonial .slick-slide img:focus {
                outline: 0
            }

    #rs-testimonial .slick-prev {
        left: -7%;
        top: 50%;
        z-index: 9;
        width: 36px;
        height: 36px
    }

        #rs-testimonial .slick-prev:focus {
            outline: 0
        }

    #rs-testimonial .slick-next {
        right: -7%;
        top: 50%;
        z-index: 9;
        width: 36px;
        height: 36px
    }

        #rs-testimonial .slick-next:focus {
            outline: 0
        }

        #rs-testimonial .slick-next:before,
        #rs-testimonial .slick-prev:before {
            color: #000;
            font-size: 75px;
            line-height: 0;
            color: #c6c6c6
        }

            #rs-testimonial .slick-next:before:focus,
            #rs-testimonial .slick-prev:before:focus {
                outline: 0
            }

        #rs-testimonial .slick-next:hover:before,
        #rs-testimonial .slick-prev:hover:before {
            color: #257ab7
        }

    #rs-testimonial .slick-prev:before {
        font-family: FontAwesome;
        content: "\f104"
    }

        #rs-testimonial .slick-prev:before:focus {
            outline: 0
        }

    #rs-testimonial .slick-next:before {
        font-family: FontAwesome;
        content: "\f105"
    }

        #rs-testimonial .slick-next:before:focus {
            outline: 0
        }

    #rs-testimonial .slick-active {
        opacity: .5
    }

        #rs-testimonial .slick-active:focus {
            outline: 0
        }

    #rs-testimonial .slick-current {
        opacity: 1;
        -webkit-transition: all .5s ease-out .15s;
        -moz-transition: all .5s ease-out .15s;
        -o-transition: all .5s ease-out .15s;
        -ms-transition: all .5s ease-out .15s;
        transition: all .5s ease-out .15s
    }

        #rs-testimonial .slick-current:focus {
            outline: 0
        }

        #rs-testimonial .slick-current .rs-tst-content img {
            transition: all .4s ease 0s;
            height: 120px
        }

        #rs-testimonial .slick-current img:focus {
            outline: 0
        }

    #rs-testimonial .rs-tst-content {
        padding-bottom: 15px;
        text-align: center;
        background-color: #f6f6f6;
        padding: 15px;
        height: 600px;
        -webkit-transition: all .5s ease-out .15s;
        -moz-transition: all .5s ease-out .15s;
        -o-transition: all .5s ease-out .15s;
        -ms-transition: all .5s ease-out .15s;
        transition: all .5s ease-out .15s
    }

        #rs-testimonial .rs-tst-content:focus {
            outline: 0
        }

    #rs-testimonial .slick-current .rs-tst-content {
        transform: scale(1.1);
        background-color: #eee;
        padding: 15px;
        height: 670px;
        -webkit-transition: all .5s ease-out .15s;
        -moz-transition: all .5s ease-out .15s;
        -o-transition: all .5s ease-out .15s;
        -ms-transition: all .5s ease-out .15s;
        transition: all .5s ease-out .15s
    }

    #rs-testimonial .slick-current a {
        transform: scale(1.1);
        bottom: 38px
    }

    #rs-testimonial .slick-current .rs-tst-content:focus {
        outline: 0
    }

    #rs-testimonial .rs-tst-title {
        font-family: pfdinbold;
        font-size: 22px;
        color: #c6c6c6 !important;
        font-weight: 700;
        margin-top: 25px;
        text-transform: uppercase
    }

        #rs-testimonial .rs-tst-title:focus {
            outline: 0
        }

    #rs-testimonial .rs-tst-designation {
        font-family: pfdinbold;
        color: #ff6c39;
        font-weight: 400;
        font-size: 13px;
        margin-bottom: 7px
    }

        #rs-testimonial .rs-tst-designation:focus {
            outline: 0
        }

    #rs-testimonial .rs-tst-details p {
        font-family: hbv-regular2;
        font-weight: 400;
        font-size: 15px;
        color: #101010
    }

        #rs-testimonial .rs-tst-details p:focus {
            outline: 0
        }

.rs-tst-content p {
    font-family: hbv-regular2;
    font-size: 13px;
    line-height: 16px;
    color: #b0b0b0
}

.position-ahref {
    position: absolute;
    bottom: 70px;
    width: 100%;
    background-image: linear-gradient(to right, #1d70b8, #5fbcb1);
    text-align: center;
    color: #fff;
    text-transform: capitalize;
    font-size: 15px;
    padding: 10px 0 10px 0;
    font-family: pfdinbold
}

    .position-ahref:hover {
        position: absolute;
        color: #fff;
        background-color: #c6c6c6
    }

#rs-partner {
    background: #f0f0f0;
    padding: 100px 0
}

    #rs-partner .partner-carousel .partner-item img {
        width: auto;
        margin: 0 auto
    }

.rs-blog .sec-title {
    margin-bottom: 0
}

    .rs-blog .sec-title h2 {
        margin-bottom: 0
    }

.rs-blog .blog-item {
    margin-bottom: 30px;
    text-align: left
}

    .rs-blog .blog-item .blog-img {
        position: relative;
        overflow: hidden;
        text-align: center;
        background-color: #fff;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px
    }

        .rs-blog .blog-item .blog-img img {
            height: 255px;
            object-fit: contain;
            padding: 5px;
            width: auto;
            margin-left: auto;
            margin-right: auto
        }

            .rs-blog .blog-item .blog-img img:hover {
                -webkit-filter: grayscale(0);
                filter: grayscale(0)
            }

        .rs-blog .blog-item .blog-img .blog-img-content {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 30%;
            left: 0;
            text-align: center;
            z-index: 10;
            opacity: 0;
            -webkit-transition: .3s all ease-out;
            -moz-transition: .3s all ease-out;
            -o-transition: .3s all ease-out;
            -ms-transition: .3s all ease-out;
            transition: .3s all ease-out
        }

            .rs-blog .blog-item .blog-img .blog-img-content:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                height: 100%;
                width: 100%;
                background: rgba(0, 0, 0, .8);
                z-index: -1;
                -webkit-transition: .25s opacity ease;
                -moz-transition: .25s opacity ease;
                -o-transition: .25s opacity ease;
                -ms-transition: .25s opacity ease;
                transition: .25s opacity ease
            }

            .rs-blog .blog-item .blog-img .blog-img-content .blog-link {
                display: inline-block;
                font-size: 40px;
                color: #ff6c39;
                -webkit-transition: all .4s ease 0s;
                -moz-transition: all .4s ease 0s;
                -o-transition: all .4s ease 0s;
                -ms-transition: all .4s ease 0s;
                transition: all .4s ease 0s
            }

                .rs-blog .blog-item .blog-img .blog-img-content .blog-link:hover {
                    opacity: .6
                }

            .rs-blog .blog-item .blog-img .blog-img-content .blog-title {
                font-size: 20px;
                line-height: normal;
                margin-top: 15px;
                color: #fff;
                margin-bottom: 0;
                font-weight: 700;
                text-transform: uppercase
            }

                .rs-blog .blog-item .blog-img .blog-img-content .blog-title a {
                    color: #fff
                }

                    .rs-blog .blog-item .blog-img .blog-img-content .blog-title a:hover {
                        color: rgba(255, 255, 255, .6)
                    }

    .rs-blog .blog-item .blog-meta {
        position: relative;
        -webkit-transition: all .4s ease 0s;
        -moz-transition: all .4s ease 0s;
        -o-transition: all .4s ease 0s;
        -ms-transition: all .4s ease 0s;
        transition: all .4s ease 0s
    }

        .rs-blog .blog-item .blog-meta .blog-lc {
            float: right;
            position: absolute;
            right: 0;
            top: 0;
            background: #ff6c39;
            color: #fff;
            padding: 4px 16px;
            font-family: hbv-regular2;
            font-weight: 500
        }

    .rs-blog .blog-item .blog-author {
        background-color: #c6a797;
        width: 100%;
        height: 77px;
        padding: 5px 15px 8px;
        position: relative;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px
    }

        .rs-blog .blog-item .blog-author .author-img {
            float: none;
            text-align: center
        }

            .rs-blog .blog-item .blog-author .author-img img {
                border-radius: 50%;
                display: inline-block;
                height: 70px;
                margin-top: -39px;
                position: relative;
                width: 70px;
                z-index: 99
            }

        .rs-blog .blog-item .blog-author .author-info {
            float: left
        }

            .rs-blog .blog-item .blog-author .author-info .author-name {
                font-size: 15px;
                margin-bottom: 0;
                font-family: hbv-regular2;
                font-weight: 500
            }

            .rs-blog .blog-item .blog-author .author-info .author-name {
                font-size: 15px;
                color: #fff;
                margin-bottom: 0;
                font-family: pfdinlight
            }

            .rs-blog .blog-item .blog-author .author-info span {
                font-size: 15px;
                color: #fff;
                margin-bottom: 0;
                font-family: pfdinlight
            }

            .rs-blog .blog-item .blog-author .author-info h3 {
                font-size: 14px;
                line-height: 15px;
                color: #fff;
                text-transform: uppercase;
                margin-bottom: 0;
                font-family: pfdinbold
            }

                .rs-blog .blog-item .blog-author .author-info h3 a {
                    font-size: 14px;
                    color: #fff;
                    text-transform: uppercase;
                    margin-bottom: 0;
                    font-family: pfdinbold
                }

                    .rs-blog .blog-item .blog-author .author-info h3 a:hover {
                        text-decoration: underline
                    }

    .rs-blog .blog-item .blog-desc {
        margin: 20px 0;
        clear: both
    }

        .rs-blog .blog-item .blog-desc p {
            margin-bottom: 0
        }

    .rs-blog .blog-item .blog-button a {
        color: #505050;
        -webkit-transition: all .4s ease 0s;
        -moz-transition: all .4s ease 0s;
        -o-transition: all .4s ease 0s;
        -ms-transition: all .4s ease 0s;
        transition: all .4s ease 0s
    }

        .rs-blog .blog-item .blog-button a:before {
            color: #505050
        }

        .rs-blog .blog-item .blog-button a:hover {
            color: #ff6c39 !important;
            text-decoration: none !important
        }

            .rs-blog .blog-item .blog-button a:hover:before {
                color: #ff6c39
            }

    .rs-blog .blog-item:hover .blog-meta {
        color: #243a4f
    }

    .rs-blog .blog-item:hover .blog-button a {
        color: #243a4f
    }

    .rs-blog .blog-item:hover .blog-img-content {
        top: 0;
        opacity: 1
    }

        .rs-blog .blog-item:hover .blog-img-content .blog-date {
            position: relative
        }

            .rs-blog .blog-item:hover .blog-img-content .blog-date span {
                background: #ff6c39;
                color: #fff;
                font-family: hbv-regular2;
                font-weight: 500;
                left: 0;
                padding: 7px 17px;
                position: absolute;
                line-height: 23px;
                top: 0
            }

    .rs-blog .blog-item .blog-img .blog-date-wrapper {
        position: absolute;
        left: 0;
        top: 0;
        text-align: center;
        z-index: 11
    }

    .rs-blog .blog-item .blog-date-wrapper .blog-date span {
        background: #c6a797;
        color: #fff;
        font-family: Montserrat, sans-serif;
        font-weight: 500;
        left: 0;
        padding: 7px 17px;
        position: absolute;
        line-height: 23px;
        top: 0
    }

.rs-contact .contact-address {
    margin-bottom: 45px
}

    .rs-contact .contact-address .address-item {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }

        .rs-contact .contact-address .address-item + .address-item {
            margin-top: 25px
        }

        .rs-contact .contact-address .address-item .address-icon {
            width: 40px;
            height: 40px;
            line-height: 40px;
            border: 1px solid #243a4f;
            text-align: center;
            font-size: 24px;
            margin-right: 20px;
            -webkit-transition: all .4s ease 0s;
            -moz-transition: all .4s ease 0s;
            -o-transition: all .4s ease 0s;
            -ms-transition: all .4s ease 0s;
            transition: all .4s ease 0s
        }

        .rs-contact .contact-address .address-item:hover .address-icon {
            background-color: #243a4f;
            color: #fff
        }

.rs-contact .g-map {
    width: 100%;
    min-height: 360px
}

.rs-contact #form-messages {
    padding: 15px;
    background: #fff;
    margin-bottom: 30px;
    border-left: 3px solid;
    box-shadow: 0 2px 2px rgba(6, 6, 6, .04);
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

    .rs-contact #form-messages.success {
        border-color: #4caf50;
        color: #4caf50
    }

    .rs-contact #form-messages.error {
        border-color: #ff3c3c;
        color: #ff3c3c
    }

    .rs-contact #form-messages:empty {
        display: none
    }

.rs-contact .contact-form .form-field {
    margin-bottom: 23px;
    position: relative
}

    .rs-contact .contact-form .form-field i {
        position: absolute;
        top: 50%;
        left: 16px;
        transform: translateY(-50%)
    }

    .rs-contact .contact-form .form-field label {
        font-weight: 400;
        font-size: 15px;
        letter-spacing: 1px;
        color: #434343
    }

    .rs-contact .contact-form .form-field input {
        width: 100%;
        height: 50px;
        padding: 5px 17px;
        border: 1px solid rgba(0, 0, 0, .1)
    }

        .rs-contact .contact-form .form-field input:focus {
            border-color: #243a4f;
            outline: 0
        }

    .rs-contact .contact-form .form-field textarea {
        width: 100%;
        padding: 10px 20px;
        border: 1px solid rgba(0, 0, 0, .1);
        height: 150px
    }

        .rs-contact .contact-form .form-field textarea:focus {
            border-color: #243a4f;
            outline: 0
        }

.rs-contact .contact-form .form-button button {
    border: 0;
    outline: 0
}

.rs-footer {
    color: #e8e8e8;
    position: relative;
    background-attachment: fixed;
    background-size: cover
}

    .rs-footer .footer-top-wedget {
        position: absolute;
        width: 100%;
        top: -45px;
        background: #243a4f;
        color: #fff;
        overflow: hidden;
        padding: 30px 0;
        z-index: 11
    }

        .rs-footer .footer-top-wedget .fb-widgets {
            float: left;
            width: 33.33%
        }

            .rs-footer .footer-top-wedget .fb-widgets a,
            .rs-footer .footer-top-wedget .fb-widgets i {
                color: #fff;
                position: relative;
                z-index: 999
            }

                .rs-footer .footer-top-wedget .fb-widgets a:hover,
                .rs-footer .footer-top-wedget .fb-widgets i:hover {
                    color: #ff6c39
                }

            .rs-footer .footer-top-wedget .fb-widgets i {
                margin-right: 10px;
                color: #ff6c39;
                font-size: 20px
            }

    .rs-footer:after {
        content: "";
        position: absolute;
        background: rgba(36, 58, 79, .95);
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .rs-footer .footer-bottom,
    .rs-footer .footer-top {
        position: relative;
        z-index: 10
    }

    .rs-footer .footer-title {
        margin-bottom: 40px;
        padding-bottom: 5px;
        color: #fff;
        font-size: 16px;
        position: relative;
        font-family: hbv-regular2;
        font-weight: 500
    }

        .rs-footer .footer-title:after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -5px;
            height: 1px;
            width: 50px;
            background-color: #ff6c39
        }

    .rs-footer .footer-top {
        padding: 100px 0 95px
    }

        .rs-footer .footer-top .about-widget img {
            margin-bottom: 25px
        }

        .rs-footer .footer-top .recent-post-widget .post-item {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-transition: all .4s ease 0s;
            -moz-transition: all .4s ease 0s;
            -o-transition: all .4s ease 0s;
            -ms-transition: all .4s ease 0s;
            transition: all .4s ease 0s
        }

            .rs-footer .footer-top .recent-post-widget .post-item:hover .post-date {
                background-color: #ff4e10
            }

            .rs-footer .footer-top .recent-post-widget .post-item .post-date {
                width: 70px;
                height: 65px;
                flex: 0 0 70px;
                text-align: center;
                background-color: #ff6c39;
                color: #fff;
                margin-right: 15px;
                -webkit-transition: all .4s ease 0s;
                -moz-transition: all .4s ease 0s;
                -o-transition: all .4s ease 0s;
                -ms-transition: all .4s ease 0s;
                transition: all .4s ease 0s
            }

                .rs-footer .footer-top .recent-post-widget .post-item .post-date > span {
                    display: block
                }

                    .rs-footer .footer-top .recent-post-widget .post-item .post-date > span:first-child {
                        margin-top: 6px
                    }

                    .rs-footer .footer-top .recent-post-widget .post-item .post-date > span:last-child {
                        font-size: 13px
                    }

            .rs-footer .footer-top .recent-post-widget .post-item .post-desc h3 {
                font-family: hbv-regular2;
                font-weight: 400
            }

            .rs-footer .footer-top .recent-post-widget .post-item .post-title {
                font-size: 15px;
                line-height: 24px;
                margin-bottom: 0
            }

                .rs-footer .footer-top .recent-post-widget .post-item .post-title a {
                    color: #e8e8e8
                }

                    .rs-footer .footer-top .recent-post-widget .post-item .post-title a:focus,
                    .rs-footer .footer-top .recent-post-widget .post-item .post-title a:hover {
                        color: #ff6c39
                    }

            .rs-footer .footer-top .recent-post-widget .post-item .post-category {
                font-size: 13px
            }

            .rs-footer .footer-top .recent-post-widget .post-item + .post-item {
                margin-top: 15px;
                padding-top: 15px;
                border-top: 1px solid rgba(102, 102, 102, .5)
            }

        .rs-footer .footer-top .sitemap-widget li {
            width: 50%;
            float: left;
            line-height: 33px
        }

            .rs-footer .footer-top .sitemap-widget li a {
                color: #e8e8e8;
                display: inline-block;
                position: relative
            }

                .rs-footer .footer-top .sitemap-widget li a:focus,
                .rs-footer .footer-top .sitemap-widget li a:hover {
                    color: #ff6c39
                }

                .rs-footer .footer-top .sitemap-widget li a .fa {
                    padding-right: 10px
                }

        .rs-footer .footer-top .recent-project li {
            display: inline-block;
            margin: 2px 3px;
            overflow: hidden;
            position: relative;
            width: 78px
        }

            .rs-footer .footer-top .recent-project li img {
                height: 100%
            }

            .rs-footer .footer-top .recent-project li a {
                display: block
            }

                .rs-footer .footer-top .recent-project li a:after {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 0;
                    height: 100%;
                    width: 100%;
                    opacity: 0;
                    background-color: rgba(0, 0, 0, .2);
                    -webkit-transition: all .4s ease 0s;
                    -moz-transition: all .4s ease 0s;
                    -o-transition: all .4s ease 0s;
                    -ms-transition: all .4s ease 0s;
                    transition: all .4s ease 0s
                }

                .rs-footer .footer-top .recent-project li a:hover:after {
                    opacity: 1
                }

    .rs-footer .news-form {
        position: relative
    }

        .rs-footer .news-form:hover input {
            border: 1px solid #ff4e10
        }

            .rs-footer .news-form:hover input:focus {
                outline: 0
            }

        .rs-footer .news-form:hover button {
            background: #ff4e10
        }

            .rs-footer .news-form:hover button:focus {
                outline: 0
            }

        .rs-footer .news-form input {
            background: rgba(0, 0, 0, 0);
            border: 1px solid #ff6c39;
            color: #fff;
            height: 50px;
            outline: 0 none;
            padding: 5px 20px;
            width: 100%
        }

        .rs-footer .news-form button {
            background: #ff6c39;
            border: none;
            color: #fff;
            font-size: 18px;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: 60px;
            -webkit-transition: all .4s ease 0s;
            -moz-transition: all .4s ease 0s;
            -o-transition: all .4s ease 0s;
            -ms-transition: all .4s ease 0s;
            transition: all .4s ease 0s
        }

    .rs-footer .footer-bottom {
        padding: 10px 0;
        border-top: 1px solid rgba(102, 102, 102, .5);
        font-size: 14px;
        background-color: #fff
    }

        .rs-footer .footer-bottom .copyright p {
            margin-bottom: 0;
            color: #aaa9a9;
            font-family: hbv-regular2;
            font-weight: 500;
            font-size: 13px
        }

        .rs-footer .footer-bottom .copyright span {
            margin-bottom: 0;
            color: #aaa9a9;
            font-family: pfdinbold;
            font-weight: 500;
            font-size: 14px
        }

        .rs-footer .footer-bottom .copyright a {
            color: #fff
        }

            .rs-footer .footer-bottom .copyright a:focus,
            .rs-footer .footer-bottom .copyright a:hover {
                color: #ff6c39
            }

        .rs-footer .footer-bottom .footer-bottom-menu {
            display: inline-block
        }

            .rs-footer .footer-bottom .footer-bottom-menu ul {
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                margin-left: -10px;
                padding: 0;
                list-style: none
            }

                .rs-footer .footer-bottom .footer-bottom-menu ul > * {
                    -ms-flex: none;
                    -webkit-flex: none;
                    flex: none;
                    padding-left: 10px;
                    position: relative
                }

                .rs-footer .footer-bottom .footer-bottom-menu ul li:before {
                    display: inline-block
                }

                .rs-footer .footer-bottom .footer-bottom-menu ul li:nth-child(n+2):before {
                    content: ":";
                    margin-right: 10px
                }

                .rs-footer .footer-bottom .footer-bottom-menu ul li a {
                    color: #afb0b2
                }

                    .rs-footer .footer-bottom .footer-bottom-menu ul li a:focus,
                    .rs-footer .footer-bottom .footer-bottom-menu ul li a:hover {
                        color: #fff
                    }

        .rs-footer .footer-bottom .footer-bottom-share {
            display: inline-block
        }

            .rs-footer .footer-bottom .footer-bottom-share ul {
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap
            }

                .rs-footer .footer-bottom .footer-bottom-share ul li {
                    display: inline-block
                }

                    .rs-footer .footer-bottom .footer-bottom-share ul li + li {
                        margin-left: 10px
                    }

                    .rs-footer .footer-bottom .footer-bottom-share ul li a {
                        font-size: 15px;
                        display: block;
                        width: 33px;
                        height: 33px;
                        line-height: 33px;
                        background: #192939;
                        text-align: center;
                        color: #fff;
                        border-radius: 50%;
                        -webkit-transition: all .4s ease 0s;
                        -moz-transition: all .4s ease 0s;
                        -o-transition: all .4s ease 0s;
                        -ms-transition: all .4s ease 0s;
                        transition: all .4s ease 0s
                    }

                        .rs-footer .footer-bottom .footer-bottom-share ul li a:hover {
                            color: #ff6c39
                        }

#scrollUp {
    text-align: center;
    bottom: 100px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 40px;
    z-index: 10
}

    #scrollUp i {
        height: 40px;
        font-size: 24px;
        border-radius: 50%;
        background-color: #c69c6d;
        width: 42px;
        color: #fff;
        line-height: 36px;
        -webkit-transition: all .4s ease 0s;
        -moz-transition: all .4s ease 0s;
        -o-transition: all .4s ease 0s;
        -ms-transition: all .4s ease 0s;
        transition: all .4s ease 0s;
        margin-left: 2px
    }

        #scrollUp i:hover {
            color: #fff;
            background-color: #323240;
        }

.counter-top-area {
    background: url(images/home/counter-bg.jpg) no-repeat scroll 0 0;
    transition: all .3s ease 0s;
    background-size: cover;
    background-position: center center;
    padding: 98px 0;
    line-height: 0;
    position: relative;
    background-attachment: fixed
}

    .counter-top-area .overlay {
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(36, 58, 79, .86);
        width: 100%;
        height: 100%
    }

    .counter-top-area .rs-counter-list {
        text-align: center
    }

    .counter-top-area h2 {
        font-size: 36px;
        font-weight: 700;
        padding: 0;
        color: #fff;
        margin-top: 10px !important;
        margin-bottom: 10px;
        font-family: pfdinlight
    }

    .counter-top-area h3 {
        font-weight: 700;
        margin-bottom: 0;
        color: #fff;
        font-weight: 400;
        font-size: 25px;
        font-family: hbv-regular2;
        text-transform: uppercase
    }

    .counter-top-area .rs-count {
        padding: 0 0 25px 0
    }

    .counter-top-area .rs-counter-list i {
        color: #ff6c39;
        display: inline-block;
        font-size: 90px;
        margin-bottom: 12px
    }

        .counter-top-area .rs-counter-list i:hover {
            color: #ff6c39
        }

.rs-breadcrumbs {
    background: url(/images/background/page-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: inherit;
    padding: 180px 0;
    position: relative;
    height: 457px;
    background-color: #5e5e67;
}

    .rs-breadcrumbs .page-title {
        font-size: 60px;
        color: #fff;
        text-transform: uppercase;
        margin-bottom: 15px;
        letter-spacing: .5px
    }



.rs-blog-details .bs-title {
    margin: 20px 0;
    font-family: pfdinbold;
    font-size: 25px;
    line-height: 30px;
    height: 40px
}

.rs-blog-details .bs-img img {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.rs-blog-details .bs-meta {
    font-size: 13px
}

    .rs-blog-details .bs-meta li {
        display: inline-block;
        line-height: 10px
    }

        .rs-blog-details .bs-meta li + li {
            padding-left: 10px;
            margin-left: 10px
        }

        .rs-blog-details .bs-meta li .fa {
            padding-right: 5px
        }

        .rs-blog-details .bs-meta li a {
            color: #505050;
            font-size: 12px
        }

            .rs-blog-details .bs-meta li a:hover {
                color: #ff6c39
            }

.rs-blog-details .bs-desc {
    margin-top: 20px;
    border-bottom: 1px solid #ccc
}

.rs-blog-details .blockquote {
    padding: 30px 0 30px 66px;
    display: block;
    font-size: 18px;
    line-height: 1.5;
    margin: 25px 0;
    background: #f0f0f0;
    font-family: hbv-regular2;
    font-style: italic;
    font-weight: 700;
    color: #101010;
    position: relative
}

    .rs-blog-details .blockquote:before {
        content: "\f10e";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        text-decoration: inherit;
        color: #000;
        font-size: 26px;
        padding-right: .5em;
        position: absolute;
        top: 21px;
        left: 26px
    }

.rs-blog-details .bs-info {
    padding: 22px 0
}

.rs-blog-details .bs-tags {
    font-size: 12px;
    text-align: right
}

    .rs-blog-details .bs-tags .tags {
        background: #ff6c39;
        color: #101010;
        border-radius: 3px;
        padding: 7px 10px;
        margin-right: 10px
    }

    .rs-blog-details .bs-tags ul {
        display: inline-block
    }

        .rs-blog-details .bs-tags ul li {
            display: inline-block;
            border-radius: 3px;
            padding: 1px 6px;
            border: 1px solid #ccc;
            margin-right: 7px
        }

            .rs-blog-details .bs-tags ul li:last-child {
                margin-right: 0
            }

.rs-blog-details .share-post {
    border: 1px solid #ccc;
    padding: 20px
}

    .rs-blog-details .share-post .share {
        font-weight: 500;
        color: #101010
    }

    .rs-blog-details .share-post .share-via {
        display: inline-block;
        float: right;
        font-size: 12px
    }

        .rs-blog-details .share-post .share-via ul li {
            border: 1px solid #ccc;
            display: inline-block;
            margin-right: 15px;
            padding: 1px 10px 0
        }

            .rs-blog-details .share-post .share-via ul li:last-child {
                margin-right: 0
            }

            .rs-blog-details .share-post .share-via ul li .fa {
                padding-right: 8px
            }

.rs-blog-details .post-nav {
    font-weight: 500;
    padding-top: 23px
}

    .rs-blog-details .post-nav a {
        color: #505050
    }

        .rs-blog-details .post-nav a:hover {
            color: #ff6c39
        }

    .rs-blog-details .post-nav .previous .fa {
        padding-right: 12px
    }

    .rs-blog-details .post-nav .next {
        float: right
    }

        .rs-blog-details .post-nav .next .fa {
            padding-left: 12px
        }

.rs-blog-details .related-post {
    margin-top: 40px
}

    .rs-blog-details .related-post .blog-item {
        text-align: left
    }

    .rs-blog-details .related-post .related-title {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 30px;
        letter-spacing: 1px
    }

        .rs-blog-details .related-post .related-title a {
            color: #101010
        }

            .rs-blog-details .related-post .related-title a:hover {
                color: #ff6c39
            }

    .rs-blog-details .related-post .blog-meta .title {
        margin-top: 20px;
        margin-bottom: 6px
    }

    .rs-blog-details .related-post .blog-meta .blog-date {
        font-size: 12px;
        font-weight: 500
    }

        .rs-blog-details .related-post .blog-meta .blog-date .fa {
            padding-right: 6px
        }

.rs-blog-details .author-block {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 45px;
    border: 1px solid #243a4f;
    padding: 35px
}

    .rs-blog-details .author-block .author-img {
        margin-right: 35px
    }

    .rs-blog-details .author-block .author-title {
        margin-bottom: 15px;
        font-size: 20px
    }

        .rs-blog-details .author-block .author-title a {
            color: #212121
        }

    .rs-blog-details .author-block p {
        margin-bottom: 15px
    }

.rs-blog-details .comment-form {
    margin-top: 50px;
    margin-bottom: 30px
}

.rs-blog-details .comment-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.rs-blog-details .comment-block {
    margin-top: 0
}

    .rs-blog-details .comment-block .comment {
        padding: 25px;
        background: #fff;
        border-bottom: 1px solid #ccc;
        margin-bottom: 4px
    }

        .rs-blog-details .comment-block .comment .comment-header {
            margin-bottom: 10px
        }

            .rs-blog-details .comment-block .comment .comment-header:after,
            .rs-blog-details .comment-block .comment .comment-header:before {
                content: "";
                display: table
            }

            .rs-blog-details .comment-block .comment .comment-header:after {
                clear: both
            }

        .rs-blog-details .comment-block .comment .blog-date {
            text-align: right;
            font-size: 12px;
            font-weight: 500
        }

            .rs-blog-details .comment-block .comment .blog-date .fa {
                padding-right: 4px
            }

        .rs-blog-details .comment-block .comment img {
            float: left;
            margin-right: 15px;
            border-radius: 50%
        }

        .rs-blog-details .comment-block .comment h3 {
            margin: 5px 0 10px;
            font-size: 15px;
            line-height: 22px;
            font-family: hbv-regular2;
            font-weight: 500
        }

        .rs-blog-details .comment-block .comment .comment-body p.desc {
            margin-bottom: 10px
        }

        .rs-blog-details .comment-block .comment .comment-reply {
            margin-bottom: 0
        }

    .rs-blog-details .comment-block .comment-list > li:last-child .comment {
        border-bottom: none
    }

.error-page-area .container {
    padding: 100px 0 100px
}

    .error-page-area .container .erroe-404 {
        background: #999;
        text-align: center;
        padding: 30px 0
    }

        .error-page-area .container .erroe-404 h2 {
            font-size: 250px;
            color: #ff6c39;
            line-height: 210px;
            margin: 0;
            position: relative;
            z-index: 10
        }

        .error-page-area .container .erroe-404 span {
            font-size: 20px;
            color: #101010;
            line-height: 35px;
            position: relative;
            z-index: 10;
            font-weight: 600
        }

    .error-page-area .container p {
        color: #505050;
        display: block;
        font-size: 16px;
        line-height: 28px;
        margin: 30px auto 30px;
        max-width: 500px;
        text-align: center;
        position: relative;
        z-index: 10;
        font-weight: 500
    }

    .error-page-area .container a {
        background: #ff6c39;
        color: #fff;
        display: block;
        font-size: 15px;
        margin: 0 auto;
        padding: 12px 20px;
        text-align: center;
        text-transform: uppercase;
        width: 230px;
        position: relative;
        z-index: 10;
        font-weight: 400;
        letter-spacing: 1px
    }

        .error-page-area .container a:hover {
            color: #fff;
            background: #243a4f
        }

.bs-sidebar .blog-item {
    margin-bottom: 50px
}

    .bs-sidebar .blog-item .blog-img {
        position: relative
    }

        .bs-sidebar .blog-item .blog-img img {
            max-width: 100%;
            width: 100%
        }

        .bs-sidebar .blog-item .blog-img .blog-date {
            position: absolute;
            left: 40px;
            top: 0;
            background: #ff6c39;
            color: #fff;
            text-align: center;
            padding: 26px 17px 14px
        }

            .bs-sidebar .blog-item .blog-img .blog-date .date {
                font-weight: 300;
                font-size: 40px
            }

            .bs-sidebar .blog-item .blog-img .blog-date .month {
                font-weight: 400;
                font-size: 20px
            }

    .bs-sidebar .blog-item .blog-title h3 {
        font-size: 20px;
        letter-spacing: 1px;
        margin-top: 36px;
        margin-bottom: 15px
    }

    .bs-sidebar .blog-item .blog-button .readon {
        background: 0 0;
        border-radius: 0;
        color: #232c3b;
        text-transform: uppercase;
        font-weight: 500
    }

        .bs-sidebar .blog-item .blog-button .readon:hover {
            color: #fff;
            background: #ff6c39;
            border: 2px solid #ff6c39
        }

.bs-sidebar .blog-sidebar .sidebar-item .title h3 {
    background-color: #6cac3b;
    margin-bottom: 0;
    color: #fff;
    padding: 5px 8px;
    font-family: pfdinbold;
    text-transform: uppercase;
    font-size: 21px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.bs-sidebar .blog-sidebar .sidebar-item .item ul li {
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    padding: 15px 10px 15px 66px;
    border-bottom: 1px solid #e0e0e0
}

    .bs-sidebar .blog-sidebar .sidebar-item .item ul li:before {
        color: #505050;
        content: "\f105";
        font-family: FontAwesome;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        position: absolute;
        left: 30px;
        text-decoration: inherit;
        top: 15px
    }

.bs-sidebar .blog-sidebar .sidebar-item.recent-post .title {
    margin-bottom: 6px
}

.bs-sidebar .blog-sidebar .sidebar-item.recent-post .item-post {
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #e0e0e0
}

    .bs-sidebar .blog-sidebar .sidebar-item.recent-post .item-post:last-child {
        padding-bottom: 0;
        border-bottom: none
    }

    .bs-sidebar .blog-sidebar .sidebar-item.recent-post .item-post img {
        -webkit-transition: all .4s ease 0s;
        -moz-transition: all .4s ease 0s;
        -o-transition: all .4s ease 0s;
        -ms-transition: all .4s ease 0s;
        transition: all .4s ease 0s;
        height: 60px;
        width: 100%;
        object-fit: cover
    }

    .bs-sidebar .blog-sidebar .sidebar-item.recent-post .item-post .post-title a {
        margin: 20px 0;
        font-family: pfdinbold;
        font-size: 16px;
        color: #4a4a4a;
        line-height: 24px
    }

    .bs-sidebar .blog-sidebar .sidebar-item.recent-post .item-post .post-title p {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 0
    }

    .bs-sidebar .blog-sidebar .sidebar-item.recent-post .item-post .post-title a:hover {
        color: #b77e67
    }

    .bs-sidebar .blog-sidebar .sidebar-item.recent-post .item-post .post-meta {
        font-size: 12px
    }

        .bs-sidebar .blog-sidebar .sidebar-item.recent-post .item-post .post-meta .fa {
            padding-right: 6px
        }

        .bs-sidebar .blog-sidebar .sidebar-item.recent-post .item-post .post-meta .user {
            padding-right: 16px
        }

.bs-sidebar .blog-sidebar .newsletter {
    background: #243a4f;
    padding: 30px 50px
}

    .bs-sidebar .blog-sidebar .newsletter .title {
        font-weight: 700;
        font-size: 20px;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 10px
    }

    .bs-sidebar .blog-sidebar .newsletter .subtitle {
        color: #fff;
        margin-bottom: 23px
    }

    .bs-sidebar .blog-sidebar .newsletter .news-form {
        max-width: 710px;
        margin-left: auto;
        margin-right: auto;
        position: relative
    }

        .bs-sidebar .blog-sidebar .newsletter .news-form .form-input {
            width: 100%;
            height: 50px;
            padding: 5px 14px;
            background: #fff;
            outline: 0;
            color: #666;
            border: 1px solid #ff6c39
        }

            .bs-sidebar .blog-sidebar .newsletter .news-form .form-input::-webkit-input-placeholder {
                color: #666;
                opacity: 1
            }

            .bs-sidebar .blog-sidebar .newsletter .news-form .form-input::-moz-placeholder {
                color: #666;
                opacity: 1
            }

            .bs-sidebar .blog-sidebar .newsletter .news-form .form-input:-ms-input-placeholder {
                color: #666;
                opacity: 1
            }

            .bs-sidebar .blog-sidebar .newsletter .news-form .form-input:-moz-placeholder {
                color: #666;
                opacity: 1
            }

        .bs-sidebar .blog-sidebar .newsletter .news-form .form-button {
            position: absolute;
            top: 0;
            right: 0;
            height: 50px;
            width: 50px;
            background-color: #ff6c39;
            border: 0;
            color: #101010;
            font-weight: 500;
            -webkit-transition: all .4s ease 0s;
            -moz-transition: all .4s ease 0s;
            -o-transition: all .4s ease 0s;
            -ms-transition: all .4s ease 0s;
            transition: all .4s ease 0s
        }

            .bs-sidebar .blog-sidebar .newsletter .news-form .form-button .fa {
                color: #fff
            }

            .bs-sidebar .blog-sidebar .newsletter .news-form .form-button:hover {
                color: #fff
            }

                .bs-sidebar .blog-sidebar .newsletter .news-form .form-button:hover .fa {
                    color: #101010
                }

.bs-sidebar .pagination-area ul {
    text-align: left
}

.pagination-area {
    padding-top: 30px
}

    .pagination-area ul {
        text-align: center
    }

        .pagination-area ul li {
            display: inline-block;
            margin: 0 3px 7px 0
        }

            .pagination-area ul li.active a {
                background: #c6a797;
                color: #fff
            }

            .pagination-area ul li a {
                display: block;
                width: 40px;
                height: 40px;
                line-height: 40px;
                background: 0 0;
                border: 1px solid #c6a797;
                color: #c6a797;
                font-size: 18px;
                text-decoration: none;
                -webkit-transition: all .4s ease 0s;
                -moz-transition: all .4s ease 0s;
                -o-transition: all .4s ease 0s;
                -ms-transition: all .4s ease 0s;
                transition: all .4s ease 0s;
                text-align: center
            }

                .pagination-area ul li a:hover {
                    background: #c6a797;
                    color: #fff
                }

.rs-contactform ::-webkit-input-placeholder {
    text-transform: uppercase
}

.rs-contactform ::-moz-placeholder {
    text-transform: uppercase
}

.rs-contactform :-ms-input-placeholder {
    text-transform: uppercase
}

.rs-contactform :-moz-placeholder {
    text-transform: uppercase
}

.rs-contactform input[type=text],
.rs-contactform select#select,
.rs-contactform textarea#message {
    width: 100%;
    border: 1px solid #fff;
    padding: 22px;
    background-color: #eaeaea;
}

.rs-contactform input[type=text],
.rs-contactform select#select {
    margin-bottom: 15px
}

.rs-contactform select#select {
    overflow: hidden;
    position: relative
}

.rs-contactform input[type=submit] {
    width: 370px;
    height: 70px;
    margin: 50px auto 0;
    display: block;
    border: 1px solid #ff6c39;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    background: #ff6c39;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase
}

    .rs-contactform input[type=submit]:hover {
        background: #243a4f;
        border: 1px solid #243a4f
    }

.sec-title {
    margin-bottom: 50px
}

    .sec-title h2 {
        margin-bottom: 20px
    }

.contact-info .padding-0,
.contact-info2 .padding-0 {
    padding-left: 0;
    padding-right: 0
}

.contact-info {
    position: relative;
    overflow: hidden
}

    .contact-info .g-map {
        min-height: 360px
    }

    .contact-info:after {
        background: #243a4f none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transform: skewX(19deg) scale(2.2);
        width: 30%;
        z-index: 1
    }

    .contact-info .apper-content {
        z-index: 111;
        position: relative;
        width: 455px;
        float: right;
        text-align: left;
        height: 360px;
        display: table
    }

        .contact-info .apper-content .contact-details {
            display: table-cell;
            vertical-align: middle;
            color: #fff
        }

            .contact-info .apper-content .contact-details h2 {
                font-size: 40px;
                margin: 0 0 35px
            }

            .contact-info .apper-content .contact-details p {
                font-size: 20px;
                font-weight: 400;
                line-height: 40px
            }

@media screen and (max-width:1366px) {
    .contact-info .apper-content .contact-details p {
        font-size: 17px;
        line-height: 30px
    }
}

.contact-info .apper-content .contact-details ul {
    margin-top: 35px
}

    .contact-info .apper-content .contact-details ul li {
        display: inline-block
    }

        .contact-info .apper-content .contact-details ul li a {
            color: #fff;
            padding-right: 10px
        }

            .contact-info .apper-content .contact-details ul li a:hover {
                color: #ff6c39
            }

.contact-info2 .g-map {
    min-height: 500px
}

.contact-info2 .padding-0 {
    position: relative
}

    .contact-info2 .padding-0 .contact-details {
        left: 50%;
        margin-left: 250px;
        position: absolute;
        right: auto;
        top: 50px;
        z-index: 10;
        background: #ff6c39;
        color: #fff
    }

        .contact-info2 .padding-0 .contact-details .get_in_touch {
            padding: 25px;
            position: relative;
            width: 290px
        }

            .contact-info2 .padding-0 .contact-details .get_in_touch h2 {
                color: #fff;
                font-size: 30px
            }

            .contact-info2 .padding-0 .contact-details .get_in_touch:after {
                border-color: transparent;
                border-style: solid;
                border-width: 30px 30px 0 0;
                bottom: -30px;
                content: "";
                display: block;
                height: 0;
                left: 0;
                position: absolute;
                width: 0;
                border-top-color: #ff6c39
            }

            .contact-info2 .padding-0 .contact-details .get_in_touch ul li .icon {
                color: rgba(0, 0, 0, .7);
                display: block;
                font-size: 23px;
                height: 30px;
                left: 0;
                line-height: 30px;
                position: absolute;
                text-align: center;
                top: 5px;
                width: 30px
            }

            .contact-info2 .padding-0 .contact-details .get_in_touch ul li a:hover {
                color: #fff
            }

.contact-info .contact-details ul li a {
    padding-right: 0 !important
}

    .contact-info .contact-details ul li a i {
        font-size: 16px;
        height: 32px;
        line-height: 32px;
        margin-right: 5px;
        text-align: center;
        width: 32px;
        background: #ff6c39;
        color: #fff;
        -webkit-transition: all .4s ease 0s;
        -moz-transition: all .4s ease 0s;
        -o-transition: all .4s ease 0s;
        -ms-transition: all .4s ease 0s;
        transition: all .4s ease 0s
    }

    .contact-info .contact-details ul li a:hover i {
        background: #ff4e10
    }

.rs-banner-area {
    background: url(images/banner/1.html) no-repeat top center;
    line-height: 0;
    padding: 150px 0;
    position: relative;
    background-size: cover;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    overflow: hidden
}

    .rs-banner-area ul li {
        margin-right: 20px;
        float: left;
        margin-bottom: 14px
    }

    .rs-banner-area .sl-subtitle {
        font-size: 45px
    }

    .rs-banner-area .sl-title {
        font-size: 50px
    }

    .rs-banner-area .sl-desc {
        margin-bottom: 20px;
        line-height: 22px;
        font-size: 22px
    }

    .rs-banner-area .display-table-cell {
        position: relative;
        z-index: 10
    }

    .rs-banner-area .overlay {
        background: rgba(0, 0, 0, .5);
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

#main-banner {
    height: 100vh;
    position: relative;
    background: url(images/parallax/slide_1.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.rs-case-study .portfolio-filter {
    margin-bottom: 30px;
    text-align: center
}

    .rs-case-study .portfolio-filter button {
        background: 0 0;
        position: relative;
        display: inline-block;
        border: 1px solid #ff6c39;
        outline: 0;
        font-weight: 600;
        font-size: 16px;
        -webkit-transition: all .4s ease 0s;
        -moz-transition: all .4s ease 0s;
        -o-transition: all .4s ease 0s;
        -ms-transition: all .4s ease 0s;
        transition: all .4s ease 0s;
        margin: 0 11px 15px 0;
        padding: 6px 14px
    }

        .rs-case-study .portfolio-filter button.active,
        .rs-case-study .portfolio-filter button:hover {
            background: #ff6c39;
            color: #fff
        }

.rs-case-study .portfolio-item {
    position: relative;
    overflow: hidden
}

    .rs-case-study .portfolio-item .portfolio-content {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 30%;
        left: 0;
        text-align: center;
        z-index: 10;
        padding: 25px;
        opacity: 0;
        -webkit-transition: .3s all ease-out;
        transition: .3s all ease-out
    }

        .rs-case-study .portfolio-item .portfolio-content:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            background: rgba(0, 0, 0, .8);
            z-index: -1;
            -webkit-transition: .25s opacity ease;
            transition: .25s opacity ease
        }

    .rs-case-study .portfolio-item .portfolio-img img {
        width: 100%
    }

    .rs-case-study .portfolio-item a {
        cursor: pointer
    }

        .rs-case-study .portfolio-item a .fa {
            display: inline-block;
            font-size: 30px;
            color: #ff6c39;
            -webkit-transition: all .4s ease 0s;
            -moz-transition: all .4s ease 0s;
            -o-transition: all .4s ease 0s;
            -ms-transition: all .4s ease 0s;
            transition: all .4s ease 0s
        }

            .rs-case-study .portfolio-item a .fa:hover {
                opacity: .6
            }

        .rs-case-study .portfolio-item a.case-link {
            margin-left: 6px
        }

    .rs-case-study .portfolio-item .p-title {
        font-size: 20px;
        line-height: normal;
        margin-top: 25px;
        color: #fff;
        margin-bottom: 0
    }

        .rs-case-study .portfolio-item .p-title a {
            color: #fff
        }

            .rs-case-study .portfolio-item .p-title a:hover {
                color: rgba(255, 255, 255, .7)
            }

    .rs-case-study .portfolio-item .p-desc {
        font-size: 15px;
        color: #fff;
        line-height: normal;
        margin-bottom: 0;
        margin-top: 10px
    }

    .rs-case-study .portfolio-item:hover .portfolio-content {
        opacity: 1;
        top: 0
    }

.case-details-area {
    padding: 100px 0 100px
}

    .case-details-area .case-informations h3 {
        margin-bottom: 20px
    }

    .case-details-area .case-informations ul li {
        line-height: 30px
    }

        .case-details-area .case-informations ul li span {
            float: right
        }

    .case-details-area .visit-project {
        display: inline-block;
        margin: 30px 0
    }

    .case-details-area .case-description h2 {
        margin-top: 30px;
        margin-bottom: 12px
    }

    .case-details-area .related-project {
        margin-top: 25px
    }

        .case-details-area .related-project h3 {
            margin-left: 15px
        }

.faq {
    padding: 92px 0 80px
}

    .faq .sec-title {
        margin-bottom: 30px
    }

        .faq .sec-title h2 {
            margin-bottom: 20px;
            font-size: 30px;
            line-height: 30px;
            text-align: left
        }

    .faq .keyword-left .keyword-image {
        background: #f2f2f2
    }

    .faq #accordion .panel {
        border-radius: 0;
        margin-bottom: 10px
    }

        .faq #accordion .panel .panel-heading {
            background: #ededed;
            border: none;
            border-radius: 0;
            padding: 17px 25px;
            position: relative
        }

            .faq #accordion .panel .panel-heading:after {
                background: #243a4f;
                color: #ff6c39;
                content: "";
                font-family: FontAwesome;
                font-size: 20px;
                height: 100%;
                left: 0;
                padding: 16px 32px;
                position: absolute;
                top: 0;
                -webkit-transition: all .4s ease 0s;
                -moz-transition: all .4s ease 0s;
                -o-transition: all .4s ease 0s;
                -ms-transition: all .4s ease 0s;
                transition: all .4s ease 0s
            }

            .faq #accordion .panel .panel-heading .panel-title a {
                font-family: hbv-regular2;
                font-weight: 600px;
                font-size: 15px;
                color: #505050;
                position: relative;
                display: block;
                padding-left: 65px
            }

                .faq #accordion .panel .panel-heading .panel-title a:after {
                    color: #ff6c39;
                    content: "";
                    font-family: FontAwesome;
                    font-size: 20px;
                    height: 53px;
                    left: -27px;
                    padding: 16px 26px;
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    -webkit-transition: all .4s ease 0s;
                    -moz-transition: all .4s ease 0s;
                    -o-transition: all .4s ease 0s;
                    -ms-transition: all .4s ease 0s;
                    transition: all .4s ease 0s;
                    z-index: 9
                }

                .faq #accordion .panel .panel-heading .panel-title a.collapsed:after {
                    content: "\f067"
                }

            .faq #accordion .panel .panel-heading:hover:after {
                background: #ff6c39
            }

            .faq #accordion .panel .panel-heading:hover .panel-title a:after {
                color: #fff
            }

    .faq .form-group {
        margin-bottom: 29px
    }

        .faq .form-group input[type=email],
        .faq .form-group input[type=text],
        .faq .form-group textarea#message {
            width: 100%;
            border: 1px solid #e0dfdf;
            padding: 15px;
            height: auto
        }

        .faq .form-group input[type=submit] {
            width: 100%;
            height: 65px;
            margin-top: 20px;
            display: block;
            border: 1px solid #ff6c39;
            -webkit-transition: all .4s ease 0s;
            -moz-transition: all .4s ease 0s;
            -o-transition: all .4s ease 0s;
            -ms-transition: all .4s ease 0s;
            transition: all .4s ease 0s;
            background: #ff6c39;
            color: #fff;
            font-weight: 500;
            text-transform: uppercase
        }

            .faq .form-group input[type=submit]:hover {
                background: #243a4f;
                border: 1px solid #243a4f
            }

.rs-team-details {
    padding: 100px 0 65px
}

    .rs-team-details .figure img {
        margin-bottom: 30px
    }

    .rs-team-details .clear-it {
        clear: both;
        padding-top: 20px
    }

    .rs-team-details .description .member-title h2 {
        margin-bottom: 0;
        text-transform: uppercase
    }

    .rs-team-details .description .social-share .social-icons {
        padding: 10px 0
    }

        .rs-team-details .description .social-share .social-icons a i {
            font-size: 16px;
            height: 32px;
            line-height: 32px;
            margin-right: 7px;
            text-align: center;
            width: 32px;
            background: #ff6c39;
            color: #fff;
            -webkit-transition: all .4s ease 0s;
            -moz-transition: all .4s ease 0s;
            -o-transition: all .4s ease 0s;
            -ms-transition: all .4s ease 0s;
            transition: all .4s ease 0s
        }

        .rs-team-details .description .social-share .social-icons a:hover i {
            background: #243a4f
        }

    .rs-team-details .contact-details {
        margin-bottom: 30px
    }

        .rs-team-details .contact-details ul li {
            padding: 6px 0
        }

            .rs-team-details .contact-details ul li i {
                border: 1px solid #ff6c39;
                color: #ff6c39;
                font-size: 15px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                width: 30px;
                -webkit-transition: all .4s ease 0s;
                -moz-transition: all .4s ease 0s;
                -o-transition: all .4s ease 0s;
                -ms-transition: all .4s ease 0s;
                transition: all .4s ease 0s
            }

            .rs-team-details .contact-details ul li span {
                margin-left: 10px
            }

            .rs-team-details .contact-details ul li:hover i {
                background: #ff6c39;
                color: #fff
            }

    .rs-team-details .cl-skill-bar .skillbar {
        background: #eee;
        border-radius: 3px;
        display: inline-block;
        height: 30px;
        margin: 5px 0;
        position: relative;
        width: 100%
    }

        .rs-team-details .cl-skill-bar .skillbar .skillbar-title {
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px;
            color: #fff;
            font-size: 12px;
            font-weight: 700;
            height: 30px;
            left: 0;
            line-height: 30px;
            padding: 0 20px;
            position: absolute;
            top: 0;
            width: 150px;
            background: #243a4f
        }

        .rs-team-details .cl-skill-bar .skillbar .skillbar-bar {
            background: #ff6c39;
            border-radius: 3px;
            display: inline-block;
            height: 30px;
            width: 0;
            margin-bottom: 0
        }

        .rs-team-details .cl-skill-bar .skillbar .skill-bar-percent {
            color: rgba(0, 0, 0, .4);
            font-size: 11px;
            height: 30px;
            line-height: 30px;
            position: absolute;
            right: 10px;
            top: 0
        }

.form-control {
    background-color: #eaeaea;
    background-image: none;
    border: 2px solid #fff !important;
    font-family: hbv-regular2;
    height: 65px !important;
    border-radius: 0;
    letter-spacing: .4px;
    font-size: 18px;
    color: #575757;
}

.rs-cta {
    padding: 100px 0;
    background: url(images/parallax/4.jpg);
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    background-position: center
}

    .rs-cta:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(36, 58, 79, .8)
    }

    .rs-cta .container {
        position: relative;
        z-index: 100
    }

    .rs-cta .cta-content {
        color: #fff;
        font-size: 45px;
        line-height: 55px;
        font-family: hbv-regular2;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: -1px
    }

    .rs-cta .readon {
        text-transform: uppercase;
        margin-top: 30px;
        font-size: 20px
    }

        .rs-cta .readon:focus,
        .rs-cta .readon:hover {
            background: #ff4e10;
            border: 2px solid #ff4e10
        }

.rs-services2 .services-item {
    padding: 25px 20px 15px !important
}

    .rs-services2 .services-item .glyph-icon {
        margin-bottom: 10px !important
    }

    .rs-services2 .services-item i {
        bottom: 16px;
        font-size: 60px;
        margin-bottom: 28px;
        position: relative;
        transition: all .4s ease 0s;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0
    }

    .rs-services2 .services-item .glyph-icon:after,
    .rs-services2 .services-item .glyph-icon:before {
        position: static !important;
        margin-left: 0 !important
    }

    .rs-services2 .services-item .services-desc {
        width: 100% !important;
        padding-right: 0 !important
    }

    .rs-services2 .services-item .glyph-icon {
        transition: all .4s ease 0s
    }

    .rs-services2 .services-item:hover i {
        transform: scale(.85);
        color: #ff6c39
    }

    .rs-services2 .services-item:hover .glyph-icon {
        transform: scale(.85) !important
    }

.rs-performance .items:hover .glyph-icon:after,
.rs-performance .items:hover .glyph-icon:before {
    color: #ff6c39
}

#loading {
    background-color: #fff;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    margin-top: 0;
    top: 0;
    z-index: 9999999
}

#loading-center {
    width: 100%;
    height: 100%;
    position: relative
}

#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 150px;
    width: 150px;
    margin-top: -75px;
    margin-left: -55px
}

.object {
    width: 20px;
    height: 20px;
    background-color: #3dae2b;
    float: left;
    margin-right: 20px;
    margin-top: 65px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%
}

#object_one {
    -webkit-animation: object_one 1.5s infinite;
    animation: object_one 1.5s infinite
}

#object_two {
    -webkit-animation: object_two 1.5s infinite;
    animation: object_two 1.5s infinite;
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

#object_three {
    -webkit-animation: object_three 1.5s infinite;
    animation: object_three 1.5s infinite;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

@-webkit-keyframes object_one {
    75% {
        -webkit-transform: scale(0)
    }
}

@keyframes object_one {
    75% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
}

@-webkit-keyframes object_two {
    75% {
        -webkit-transform: scale(0)
    }
}

@keyframes object_two {
    75% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
}

@-webkit-keyframes object_three {
    75% {
        -webkit-transform: scale(0)
    }
}

@keyframes object_three {
    75% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
}

.rs-about .sec-title {
    margin-bottom: 25px
}

    .rs-about .sec-title h2 {
        font-size: 35px;
        color: #c6c6c6;
        font-family: hbv-regular2;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 25px
    }

        .rs-about .sec-title h2 span {
            font-size: 35px;
            margin-bottom: 8px;
            color: #c6c6c6;
            font-family: pfdinbold;
            text-align: center;
            border-bottom: 2px solid #488ccb;
            padding-bottom: 5px;
            margin-left: 6px;
            text-transform: uppercase
        }

.rs-about #rs-keyword-research {
    padding: 0;
    padding-top: 10px
}

    .rs-about #rs-keyword-research .panel-group {
        margin-bottom: 0
    }

    .rs-about #rs-keyword-research #accordion .panel:last-child {
        margin-bottom: 0
    }

.rs-skills {
    padding: 100px 0
}

    .rs-skills .rs-team-details {
        padding: 0 !important
    }

        .rs-skills .rs-team-details .cl-skill-bar .skillbar .skillbar-bar {
            height: 40px
        }

        .rs-skills .rs-team-details .cl-skill-bar .skillbar .skill-bar-percent {
            height: 40px;
            line-height: 40px
        }

        .rs-skills .rs-team-details .cl-skill-bar .skillbar .skillbar-title {
            height: 40px;
            line-height: 40px
        }

.testimonial-section .testimonil-details {
    position: relative;
    margin-bottom: 40px
}

    .testimonial-section .testimonil-details:last-child {
        margin-bottom: 0
    }

    .testimonial-section .testimonil-details .testimonil-images {
        display: inline
    }

        .testimonial-section .testimonil-details .testimonil-images img {
            border: 2px solid #ccc;
            padding: 2px;
            border-radius: 50%;
            width: 140px;
            display: block;
            margin: 0 auto;
            position: relative;
            z-index: 1
        }

    .testimonial-section .testimonil-details .testimonil-text {
        padding: 80px 30px 30px 80px;
        border-radius: 5px;
        border: 1px solid #ccc;
        background: #fafafa;
        margin-top: -70px
    }

        .testimonial-section .testimonil-details .testimonil-text p {
            font-size: 13px;
            font-style: italic;
            position: relative
        }

            .testimonial-section .testimonil-details .testimonil-text p:after {
                position: absolute;
                left: -35px;
                top: -5px;
                font-size: 25px;
                color: #ccc;
                content: "\f10d";
                font-family: fontawesome
            }

        .testimonial-section .testimonil-details .testimonil-text .person-details h4 {
            color: #101010;
            margin: 0 0 5px;
            font-weight: 500;
            font-size: 18px
        }

        .testimonial-section .testimonil-details .testimonil-text .person-details span {
            color: #222
        }


.kbrns_zoomInOut .item > a > img,
.kbrns_zoomInOut .item > img {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-animation: kbrns_zoomInOut 25s linear 0s infinite alternate;
    -moz-animation: kbrns_zoomInOut 25s linear 0s infinite alternate;
    -o-animation: kbrns_zoomInOut 25s linear 0s infinite alternate;
    -ms-animation: kbrns_zoomInOut 25s linear 0s infinite alternate;
    animation: kbrns_zoomInOut 10s linear 0s infinite alternate
}

@-webkit-keyframes kbrns_zoomInOut {
    0% {
        -webkit-transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.2)
    }
}

@-moz-keyframes kbrns_zoomInOut {
    0% {
        -moz-transform: scale(1)
    }

    100% {
        -moz-transform: scale(1.2)
    }
}

@-ms-keyframes kbrns_zoomInOut {
    0% {
        -ms-transform: scale(1)
    }

    100% {
        -ms-transform: scale(1.2)
    }
}

@-o-keyframes kbrns_zoomInOut {
    0% {
        -o-transform: scale(1)
    }

    100% {
        -o-transform: scale(1.2)
    }
}

@keyframes kbrns_zoomInOut {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.2)
    }
}

.banner-btn {
    position: relative
}

.scroll {
    position: absolute;
    left: 0;
    right: 0;
    top: -100px;
    margin: auto
}

.scroll-title {
    color: #4a4a4a;
    font-weight: 700;
    margin-bottom: 17px !important
}

.scroll-s2 h6 {
    font-size: 12px;
    margin-bottom: 15px
}

.scroll-s2 img {
    max-width: 30px;
    animation: scroll 1.3s infinite
}

.scroll-down {
    position: absolute;
    left: 50%;
    bottom: 70px;
    margin: auto;
    text-align: center;
    width: auto;
    right: auto;
    top: auto;
    transform: translatex(-50%)
}

.scroll-icon {
    position: absolute;
    top: -30px;
    left: 50%;
    width: 30px;
    height: 50px;
    margin-left: -15px;
    border: 2px solid #fff;
    z-index: 9;
    border-radius: 50px
}

    .scroll-icon::after {
        position: absolute;
        top: 10px;
        left: 50%;
        content: '';
        width: 6px;
        height: 6px;
        margin-left: -3px;
        background-color: #fff;
        border-radius: 100%;
        -webkit-animation: dotanimation 2s infinite;
        animation: dotanimation 2s infinite
    }

.scroll-icon-s2 {
    border: 2px solid #1a5ff8;
    width: 40px;
    height: 58px;
    position: relative;
    display: inline-block;
    top: 0;
    margin: 0 auto;
    left: 0
}

    .scroll-icon-s2:after {
        background-color: #1a5ff8;
        animation: none;
        height: 13px;
        width: 2px;
        top: 5px;
        margin-left: -1px;
        border-radius: 0
    }

@keyframes dotanimation {
    0% {
        transform: translate(0, 0);
        opacity: 0
    }

    40% {
        opacity: 1
    }

    80% {
        transform: translate(0, 15px);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes scroll {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: translateY(20px)
    }
}

.anasayfa-icon {
    height: 75px
}

.zirve-kalansure {
    background-color: #e15d37;
    padding: 0 15px 20px 15px
}

.kongre-zaman {
    position: relative;
    text-align: center !important
}

    .kongre-zaman ul li {
        display: inline-table;
        margin-right: 40px;
        margin-bottom: 30px
    }

        .kongre-zaman ul li span {
            font-size: 135px;
            font-family: pfdinbold;
            color: #fff;
            display: block
        }

        .kongre-zaman ul li p {
            font-size: 25px;
            font-family: hbv-regular2;
            color: #fff;
            display: block;
            padding-top: 49px;
            text-transform: lowercase
        }

.kongre-sol {
    position: absolute
}

    .kongre-sol .title h4 {
        font-size: 27px;
        font-family: pfdinbold;
        color: #fff;
        margin-top: 10px
    }

.kongre-sag {
    position: absolute
}

    .kongre-sag .title h4 {
        font-size: 27px;
        font-family: pfdinbold;
        color: #fff
    }

.kalansure-aciklama h4 {
    font-size: 27px;
    font-family: pfdinbold;
    color: #fff
}

    .kalansure-aciklama h4 span {
        font-size: 27px;
        font-family: hbv-regular2;
        color: #fff;
        margin-left: 8px;
        font-weight: 400
    }

.sec-title-gyo h5 {
    font-size: 35px;
    margin-bottom: 8px;
    color: #e15d37;
    font-family: pfdinbold;
    text-align: center
}

    .sec-title-gyo h5 span {
        font-size: 35px;
        margin-bottom: 8px;
        color: #e15d37;
        font-family: hbv-regular2;
        text-align: center;
        border-bottom: 2px solid #e15d37;
        padding-bottom: 5px;
        margin-left: 6px
    }

.sec-title-black h5 {
    font-size: 35px;
    margin-bottom: 8px;
    color: #696969;
    font-family: pfdinbold;
    text-align: center
}

    .sec-title-black h5 span {
        font-size: 35px;
        margin-bottom: 8px;
        color: #696969;
        font-family: hbv-regular2;
        text-align: center;
        border-bottom: 2px solid #e15d37;
        padding-bottom: 5px;
        margin-left: 6px
    }

.zirve-konusmaci {
    border-radius: 50%;
    width: 200px;
    height: 180px;
    object-fit: cover;
    -webkit-filter: grayscale(100%);
    filter: blur(8px);
    -webkit-filter: blur(8px)
}

    .zirve-konusmaci:hover {
        width: 200px;
        height: 180px;
        filter: blur(8px);
        -webkit-filter: blur(8px)
    }

.zirve-konusmaci-2 {
    border-radius: 50%;
    width: 200px;
    height: 180px;
    object-fit: cover;
    filter: blur(8px);
    -webkit-filter: blur(8px)
}

    .zirve-konusmaci-2:hover {
        width: 200px;
        height: 180px;
        filter: blur(8px);
        -webkit-filter: blur(8px)
    }

.border-zirve-konusmaci {
    border: 8px solid #e15d37;
    width: 200px;
    height: 195px;
    border-radius: 50%
}

.sec-btn-gyo {
    text-align: center !important
}

    .sec-btn-gyo a {
        font-size: 15px;
        color: #fff;
        line-height: 26px;
        padding: 15px 35px;
        border-bottom-right-radius: 40px;
        font-family: pfdinbold;
        letter-spacing: .7px;
        text-align: center
    }

.sec-btn-contact {
    font-size: 18px;
    color: #ffffff;
    line-height: 25px;
    padding: 18px 0 18px 55px;
    font-family: hbv-regular2;
    text-align: center;
    text-transform: uppercase;
    background-color: #c69c6d;
    margin-top: 15px;
    width: 225px;
    border-radius: 12px;
}
.sec-btn-contact img{
    width: auto !important;
    height: 61px !important;
    position: absolute !important;
    left: 0 !important;
    padding: 17px !important;
    top: 0px !important;
    border-radius: 12px;
    background-color: #d1aa7e !important;
}
.sec-btn-contact:hover {
    color: #ffffff;
    background-color: #723e3e;
}

.blog-desc h3 {
    font-size: 20px;
    margin: 15px 0 -10px;
    color: #e15d37;
    font-family: pfdinbold
}

    .blog-desc h3 span {
        font-size: 20px;
        margin: 5px 5px 10px;
        display: inline-table;
        color: #e15d37;
        font-family: pfdinbold
    }

.blog-desc p {
    padding: 0 2px;
    margin: 0;
    font-family: daxregular;
    color: #fff
}

.rs-blog .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    text-align: center
}

.rs-blog .owl-nav .owl-next {
    position: absolute;
    right: -40px;
    text-align: center
}

.rs-blog .owl-nav {
    position: absolute;
    top: 38%;
    width: 100%;
    color: #fff
}

.footer-sosyal-medya {
    display: inline-table;
    color: #000;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    text-decoration: none
}

    .footer-sosyal-medya i {
        text-align: center;
        display: inline-block;
        font-size: 17px;
        border: 1px solid #000;
        border-radius: 50%;
        padding: 6px 4px 3px 4px;
        width: 29px;
        height: 29px
    }

.ft-bottom-right {
    margin-top: 8px
}

.konusmaci-item {
    display: inline-table
}

.konusmaci-img {
    display: inline-table
}

    .konusmaci-img img {
        height: 180px;
        width: 180px !important;
        border-radius: 50%;
        border: 8px solid #e15d37
    }

.rs-blog {
    background-color: #fafafa
}

.konusmaci-desc p {
    color: #000;
    font-family: hbv-regular2;
    font-size: 15px
}

.konusmaci-desc h3 {
    font-size: 20px;
    margin: 15px 0 -10px;
    color: #e15d37;
    font-family: pfdinbold
}

    .konusmaci-desc h3 span {
        font-size: 20px;
        margin: 5px 5px 10px;
        display: inline-table;
        color: #696969;
        font-family: pfdinbold
    }

.konusmaci-yorumlari .owl-nav {
    position: absolute;
    top: 68%;
    right: 5%;
    width: 100%;
    color: #fff
}

    .konusmaci-yorumlari .owl-nav .owl-prev {
        position: absolute;
        right: 25px;
        left: inherit !important;
        text-align: center
    }

    .konusmaci-yorumlari .owl-nav .owl-next {
        position: absolute;
        right: 0;
        text-align: center
    }

    .konusmaci-yorumlari .owl-nav .owl-prev:hover {
        color: #3c3c3b
    }

    .konusmaci-yorumlari .owl-nav .owl-next:hover {
        color: #3c3c3b
    }

.footer-top {
    position: relative;
    display: block;
    margin-top: 0;
    padding: 170px 0 35px;
    background-position: top center;
    background-size: cover;
    background-image: url(../images/footer-bg.png)
}

.m-left {
    margin-left: auto !important
}

.m-right {
    margin-right: auto !important
}

.sec-title-white h1 {
    text-align: left;
    font-size: 33px;
    line-height: 40px;
    font-family: 'hbv-bold';
    text-transform: capitalize;
    color: #fff;
    margin-top: 0;
    margin-bottom: 5px;
    font-weight:inherit;
}

.sec-title-white p {
    text-align: center !important;
    font-size: 16px;
    line-height: 17px;
    font-family: hbv-regular2;
    color: #c6c6c6;
    margin-top: -3px;
    margin-bottom: 5px;
    text-transform: capitalize
}

.iletisim-widget a {
    color: #5d5d5d;
    font-weight: 500;
    font-family: 'hbv-regular2';
    font-size: 17px;
    line-height: 22px;
    padding-top: 9px;
}

    .iletisim-widget a:hover {
        color: #575757;
        text-decoration: underline;
    }
.rs-contactform .iletisim h2 {
    font-size: 40px;
    line-height: 47px;
    color: #323240;
    margin-bottom: 35px;
    font-family: hbv-bold;
    font-weight: inherit;
}

.iletisim-widget li {
    font-size: 17px;
    line-height: 22px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #5d5d5d;
    font-family: hbv-regular2;
    font-weight: 500;
    margin-bottom: 15px;
}
.iletisim .iletisim-widget .icon {
    margin-right: 20px;
}
.iletisim .iletisim-widget .icon img{
    width:45px;
}
.grayscale-frame {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.form-label {
    font-family: hbv-regular2;
    font-size: 14px;
    margin-top: 0;
    color: #b77e67;
    text-align: right
}

.description-gyo p {
    font-size: 14px;
    font-family: daxregular;
    margin-bottom: 20px;
    font-weight: 500;
    color: #222;
    margin-top: 20px
}

.description-gyo strong {
    font-size: 16px;
    font-family: pfdinbold;
    font-weight: 500;
    color: #222;
    display: block
}

.bg-gyo {
    margin-top: 55px;
    width: 100%;
    height: auto;
    position: relative;
    border: 1px dashed #c9c9c9
}

.section-header,
.steps-header,
.steps-name {
    color: #e7312b;
    font-weight: 400;
    font-size: 1.4em
}

.steps-header {
    margin-bottom: 20px;
    text-align: center
}

.steps-timeline {
    outline: 1px dashed rgba(255, 0, 0, 0)
}

    .steps-timeline:before {
        outline: 1px dashed rgba(255, 0, 0, 0)
    }

@media screen and (max-width:991px) {
    .steps-timeline {
        border-left: 2px solid #e7312b;
        position: relative
    }
}

@media screen and (min-width:991px) {
    .steps-timeline {
        border-top: 2px solid #e15d37;
        padding-top: 20px;
        margin-top: 40px;
        position: relative;
        margin: 0 auto
    }
}

.steps-timeline:after {
    content: "";
    display: table;
    clear: both
}

.steps-five,
.steps-four,
.steps-one,
.steps-three,
.steps-two {
    outline: 1px dashed rgba(0, 128, 0, 0)
}

@media screen and (max-width:767px) {
    .rs-blog .blog-item .blog-img img {
        height: 250px;
        object-fit: contain;
        padding: 12px;
        width: auto;
        margin-left: auto;
        margin-right: auto
    }

    .atapera-bilgial {
        padding: 10px 45px 10px 45px !important
    }

    .position-ahref {
        font-size: 14px
    }

    .dil-bar {
        position: absolute;
        top: 0;
        right: 10px;
        z-index: 99999
    }

    .steps-four,
    .steps-one,
    .steps-three,
    .steps-two {
        margin-left: 10px
    }
}

@media screen and (min-width:991px) {
    .steps-one {
        float: left;
        width: 12.5%
    }

    .steps-two {
        float: left;
        width: 12.5%;
        margin-top: -160px
    }

    .steps-three {
        float: left;
        width: 12.5%
    }

    .steps-four {
        float: left;
        width: 12.5%;
        margin-top: -160px
    }

    .steps-five {
        float: left;
        width: 12.5%
    }

    .steps-six {
        float: left;
        width: 12.5%;
        margin-top: -160px
    }

    .steps-seven {
        float: left;
        width: 12.5%
    }

    .steps-eight {
        float: left;
        width: 12.5%;
        margin-top: -120px
    }
}

@media screen and (max-width:991px) {
    .mt-100 {
        margin-top: 50px
    }

    .steps-five,
    .steps-four,
    .steps-one,
    .steps-six,
    .steps-three,
    .steps-two {
        padding-bottom: 40px
    }

    .pb-160 {
        padding-bottom: 75px !important
    }

    .steps-name {
        text-align: center;
        font-size: 20px;
        color: #e15d37;
        font-family: pfdinbold
    }

        .steps-name span {
            text-align: center;
            font-size: 16px;
            color: #e15d37;
            text-transform: uppercase;
            display: block;
            font-family: pfdinbold
        }
}

@media screen and (min-width:991px) {
    .steps-one {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width:991px) {
    .steps-three {
        margin-left: 12.5%;
        margin-right: 0
    }

    .steps-five {
        margin-left: 12.5%;
        margin-right: 0
    }

    .steps-seven {
        margin-left: 12.5%;
        margin-right: 0
    }
}

.steps-img {
    display: block;
    margin: auto;
    width: 50px;
    height: 50px;
    border-radius: 50%
}

@media screen and (max-width:1200px) {
    .steps-img {
        float: left;
        margin-right: 20px
    }

    .cd-timeline-navigation a.prev {
        display: none
    }

    .cd-timeline-navigation a.next {
        display: none
    }

    .cd-timeline-navigation a.prev2 {
        display: none
    }

    .cd-timeline-navigation a.next2 {
        display: none
    }
}

.steps-description,
.steps-name {
    margin: 0
}

@media screen and (min-width:991px) {
    .steps-name {
        text-align: center;
        font-size: 20px;
        color: #e15d37;
        font-family: pfdinbold
    }

        .steps-name span {
            text-align: center;
            font-size: 16px;
            color: #e15d37;
            display: block;
            font-family: pfdinbold
        }

    .border-program-top {
        position: absolute;
        content: '';
        margin-left: -3px;
        margin-top: 95px;
        width: 9px;
        height: 9px;
        background-color: #e4332a;
        border-radius: 50%
    }

    .border-program-top-six {
        position: absolute;
        content: '';
        margin-left: -3px;
        margin-top: 20px;
        width: 9px;
        height: 9px;
        background-color: #e4332a;
        border-radius: 50%
    }

    .border-program-top-eight {
        position: absolute;
        content: '';
        margin-left: -3px;
        margin-top: 55px;
        width: 9px;
        height: 9px;
        background-color: #e4332a;
        border-radius: 50%
    }

    .border-program-bottom {
        position: absolute;
        content: '';
        margin-left: -3px;
        margin-top: -65px;
        width: 9px;
        height: 9px;
        background-color: #e4332a;
        border-radius: 50%
    }

    .border-program-bottom-seven {
        position: absolute;
        content: '';
        margin-left: -3px;
        margin-top: -82px;
        width: 9px;
        height: 9px;
        background-color: #e4332a;
        border-radius: 50%
    }
}

.steps-description {
    overflow: hidden
}

@media only screen and (max-width:1200px) {
    .cd-timeline-navigation li {
        margin-bottom: -16.3%
    }

    .programlar-detay p {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 14px !important;
        font-weight: 400;
        font-family: hbv-regular2;
        color: #222
    }
}

@media screen and (min-width:991px) {
    .steps-description {
        text-align: center;
        margin-top: 45px
    }
}

.programlar-detay {
    margin-top: 15px;
    text-align: center
}

    .programlar-detay h4 {
        font-size: 12px;
        font-weight: 400;
        font-family: hbv-regular;
        text-transform: uppercase;
        margin-bottom: 0
    }

    .programlar-detay span {
        margin-top: 3px;
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        font-family: hbv-regular
    }

    .programlar-detay p {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 400;
        font-family: hbv-regular2;
        color: #222
    }

.pb-160 {
    padding-bottom: 160px
}

.program-navigation a.program-left {
    position: absolute;
    top: 43.8%;
    font-size: 14px;
    left: 13%;
    font-weight: 500;
    color: #e15d37;
    text-transform: uppercase;
    letter-spacing: 3px
}

.cd-timeline-navigation {
    list-style: none;
    position: relative
}

    .cd-timeline-navigation li {
        margin-bottom: -16.3%
    }

    .cd-timeline-navigation a {
        position: absolute;
        z-index: 1;
        top: 50%;
        bottom: auto
    }

        .cd-timeline-navigation a.prev {
            left: 1%;
            margin-top: 175px;
            color: #e15d37;
            text-transform: uppercase
        }

            .cd-timeline-navigation a.prev:hover {
                color: #e15d37
            }

        .cd-timeline-navigation a.prev2 {
            left: 1%;
            margin-top: 77px;
            color: #e15d37;
            text-transform: uppercase
        }

            .cd-timeline-navigation a.prev2:hover {
                color: #e15d37
            }

        .cd-timeline-navigation a::after {
            content: '';
            position: absolute;
            height: 16px;
            width: 16px;
            left: 50%;
            top: 50%;
            bottom: auto;
            right: auto
        }

        .cd-timeline-navigation a.next {
            right: 5%;
            margin-top: 175px;
            color: #e15d37;
            text-transform: uppercase
        }

        .cd-timeline-navigation a.next2 {
            right: 5%;
            margin-top: 77px;
            color: #e15d37;
            text-transform: uppercase
        }

        .cd-timeline-navigation a.next:hover {
            color: #e15d37
        }

        .cd-timeline-navigation a.next2:hover {
            color: #e15d37
        }

    .cd-timeline-navigation a {
        position: absolute;
        z-index: 1;
        top: 50%;
        bottom: auto
    }

@media (min-width:1600px) and (max-width:1880px) {
    .cd-timeline-navigation a.prev {
        left: 1%;
        margin-top: 170px;
        color: #e15d37;
        text-transform: uppercase
    }

    .cd-timeline-navigation a.next {
        right: 5%;
        margin-top: 170px;
        color: #e15d37;
        text-transform: uppercase
    }

    .cd-timeline-navigation a.prev2 {
        left: 1%;
        margin-top: 77px;
        color: #e15d37;
        text-transform: uppercase
    }

    .cd-timeline-navigation a.next2 {
        right: 5%;
        margin-top: 77px;
        color: #e15d37;
        text-transform: uppercase
    }
}

@media screen and (min-width:1300px) and (max-width:1599px), screen and (min-device-width:1300px) and (max-device-width:1599px) {
    .cd-timeline-navigation a.prev {
        left: 1%;
        margin-top: 170px;
        color: #e15d37;
        text-transform: uppercase
    }

    .cd-timeline-navigation a.next {
        right: 5%;
        margin-top: 170px;
        color: #e15d37;
        text-transform: uppercase
    }

    .cd-timeline-navigation a.prev2 {
        left: 1%;
        margin-top: 77px;
        color: #e15d37;
        text-transform: uppercase
    }

    .cd-timeline-navigation a.next2 {
        right: 5%;
        margin-top: 77px;
        color: #e15d37;
        text-transform: uppercase
    }
}

@media screen and (min-width:1200px) and (max-width:1370px), screen and (min-device-width:1200px) and (max-device-width:1370px) {
    .entry-text p {
        color: #444344;
        line-height: 1.625;
        font-size: 11px;
        font-family: hbv-regular
    }
}

@media screen and (min-width:1200px) and (max-width:1299px), screen and (min-device-width:1200px) and (max-device-width:1299px) {
    .cd-timeline-navigation a.prev {
        left: 1%;
        margin-top: 165px;
        color: #e15d37;
        text-transform: uppercase
    }

    .cd-timeline-navigation a.next {
        right: 5%;
        margin-top: 165px;
        color: #e15d37;
        text-transform: uppercase
    }

    .cd-timeline-navigation a.prev2 {
        left: 1%;
        margin-top: 70px;
        color: #e15d37;
        text-transform: uppercase
    }

    .cd-timeline-navigation a.next2 {
        right: 5%;
        margin-top: 70px;
        color: #e15d37;
        text-transform: uppercase
    }
}

.timeline {
    display: flex;
    overflow-x: hidden
}

.bg-hakkinda {
    background-color: #e15d37
}

.gyo-hakkinda-number {
    text-align: center !important
}

    .gyo-hakkinda-number h4 {
        font-size: 100px;
        color: #fff;
        margin-bottom: 7px;
        font-family: pfdinbold
    }

    .gyo-hakkinda-number p {
        font-size: 18px;
        color: #fff;
        line-height: 25px;
        font-family: pfdinlight
    }

.gyo-hakkina-bg-4 {
    background-color: #e17455
}

.gyo-hakkinda-bg-all {
    padding: 35px 0
}

    .gyo-hakkinda-bg-all:hover {
        background-color: #e17455
    }

.bg-eski-konusmacilar {
    background-color: #3c3c3b
}

.eski-konusmaci-img {
    border-radius: 50%;
    border: 8px solid #434343;
    width: 200px;
    height: 200px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

    .eski-konusmaci-img:hover {
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }

.pb-100 {
    padding-bottom: 100px
}

.gyo-program .img-holder {
    position: relative
}

.gyo-program .video-holder {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

    .gyo-program .video-holder a {
        text-align: center;
        border-radius: 85px;
        display: inline-block
    }

.video-play-btn {
    height: 115px
}

.gyo-galeri {
    margin-bottom: 35px
}

    .gyo-galeri figure {
        width: 100%;
        height: 275px;
        object-fit: cover
    }

.stripe-bg {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 100%;
    height: 275px;
    object-fit: cover
}

    .stripe-bg:hover {
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }

.figure img {
    width: 100%;
    height: 275px;
    opacity: 1;
    -webkit-transition: opacity .35s ease;
    -moz-transition: opacity .35s ease;
    -o-transition: opacity .35s ease;
    transition: opacity .35s ease
}

figure:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

figcaption a {
    width: 100%;
    color: #fff;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    font-family: verdana;
    font-size: 55px
}

    figcaption a:hover {
        color: #fff
    }

figcaption {
    width: 100%;
    color: #000;
    text-align: center;
    text-decoration: none;
    font-family: verdana;
    position: relative;
    bottom: 50%;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

    figcaption a,
    figure:hover figcaption {
        bottom: 65%;
        opacity: 1
    }

.btn-success {
    background-color: #c01c29;
    border-color: #c01c29
}

    .btn-success[disabled]:hover {
        color: #fff;
        background-color: #c01c29;
        border-color: #c01c29
    }

.stepwizard-step p {
    margin-top: 0;
    color: #3c3c3b;
    font-weight: 600;
    font-family: pfdinbold;
    font-size: 24px
}

.stepwizard-row {
    display: table-row
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative
}

    .stepwizard .btn.disabled,
    .stepwizard .btn[disabled],
    .stepwizard fieldset[disabled] .btn {
        opacity: 1 !important;
        color: #e15d37
    }

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 2px;
    background-color: #e15d37;
    z-index: 0
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
    width: 25%
}

.btn-circle {
    width: 10px;
    color: #e15d37;
    height: 10px;
    text-align: center;
    padding: 4px 0;
    line-height: 1.428571429;
    border-radius: 50%;
    font-weight: 600
}

.form-label-zirve {
    padding-top: 0;
    font-weight: 600;
    font-size: 14px;
    color: #000;
    text-align: right;
    font-family: pfdinlight
}

.form-label-zirve-left {
    padding-top: 4px;
    font-weight: 600;
    font-size: 14px;
    color: #3c3c3b;
    text-align: left;
    margin-bottom: 10px
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.btn-red {
    color: #fff;
    background-color: #c01c29;
    border-color: #c01c29
}

    .btn-red:hover {
        color: #d5d5d5;
        background-color: #c01c29;
        border-color: #c01c29
    }

.red-number {
    font-size: 22px;
    color: #e15d37;
    margin-right: 4px
}

@font-face {
    font-family: hbv-regular2;
    src: url(/fonts/Helvetica.ttf) format("truetype")
}

.form-horizontal .form-group {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.steps {
    width: 675px;
    margin: 50px auto;
    position: relative
}

    .steps fieldset {
        background: #fff;
        border: 0 none;
        border-radius: 3px;
        box-shadow: 0 17px 41px -21px #000;
        padding: 20px 30px;
        border-top: 9px solid #7b1fa2;
        box-sizing: border-box;
        width: 80%;
        margin: 0 10%;
        position: absolute
    }

        .steps fieldset:not(:first-of-type) {
            display: none
        }

    .steps label {
        color: #333;
        text-align: left !important;
        font-size: 15px;
        font-weight: 200;
        padding-bottom: 7px;
        padding-top: 12px;
        display: inline-block
    }

    .steps input,
    .steps textarea {
        outline: 0;
        display: block;
        width: 100%;
        margin: 0 0 20px;
        padding: 10px 15px;
        border: 1px solid #d9d9d9;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color: #837e7e;
        font-family: Roboto;
        -webkti-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 14px;
        font-wieght: 400;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transition: all .3s linear 0s;
        -moz-transition: all .3s linear 0s;
        -ms-transition: all .3s linear 0s;
        -o-transition: all .3s linear 0s;
        transition: all .3s linear 0s
    }

        .steps input:focus,
        .steps textarea:focus {
            color: #333;
            border: 1px solid #7b1fa2
        }

.error1 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    position: absolute;
    left: 525px;
    margin-top: -58px;
    padding: 0 10px;
    height: 39px;
    display: block;
    color: #fff;
    background: #e62163;
    border: 0;
    font: 14px Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
    line-height: 39px;
    white-space: nowrap
}

    .error1:before {
        width: 0;
        height: 0;
        left: -8px;
        top: 14px;
        content: '';
        position: absolute;
        border-top: 6px solid transparent;
        border-right: 8px solid #e62163;
        border-bottom: 6px solid transparent
    }

.error-log {
    margin: 5px 5px 5px 0;
    font-size: 19px;
    position: relative;
    bottom: -2px
}

.question-log {
    margin: 5px 1px 5px 0;
    font-size: 15px;
    position: relative;
    bottom: -2px
}

.action-button,
.steps .action-button {
    width: 100px !important;
    background: #7b1fa2;
    font-weight: 700;
    color: #fff;
    border: 0 none;
    border-radius: 1px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px auto;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    display: block
}

.steps .next,
.steps .submit {
    float: right
}

.steps .previous {
    float: left
}

.action-button:focus,
.action-button:hover,
.steps .action-button:focus,
.steps .action-button:hover {
    background: #9f2ad0
}

.steps .explanation {
    display: block;
    clear: both;
    width: 540px;
    background: #f2f2f2;
    position: relative;
    margin-left: -30px;
    padding: 22px 0;
    margin-bottom: -10px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    top: 10px;
    text-align: center;
    color: #333;
    font-size: 12px;
    font-weight: 200;
    cursor: pointer
}

.fs-title {
    text-transform: uppercase;
    margin: 0 0 5px;
    line-height: 1;
    color: #7b1fa2;
    font-size: 18px;
    font-weight: 400;
    text-align: center
}

.fs-subtitle {
    font-weight: 400;
    font-size: 13px;
    color: #837e7e;
    margin-bottom: 20px;
    text-align: center
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step;
    width: 100%;
    text-align: center
}

    #progressbar li {
        list-style-type: none;
        color: #333;
        text-transform: uppercase;
        font-size: 9px;
        width: 20%;
        float: left;
        position: relative
    }

        #progressbar li:before {
            content: counter(step);
            counter-increment: step;
            width: 20px;
            line-height: 20px;
            display: block;
            font-size: 10px;
            color: #333;
            background: #fff;
            border-radius: 3px;
            margin: 0 auto 5px auto
        }

        #progressbar li:after {
            content: '';
            width: 100%;
            height: 2px;
            background: #fff;
            position: absolute;
            left: -50%;
            top: 9px;
            z-index: -1
        }

        #progressbar li:first-child:after {
            content: none
        }

        #progressbar li.active:after,
        #progressbar li.active:before {
            background: #7b1fa2;
            color: #fff
        }

.modal p {
    font-size: 15px;
    font-weight: 100;
    font-family: sans-serif;
    color: #3c3b3b;
    line-height: 21px
}

.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    max-width: 630px;
    min-width: 320px;
    height: auto;
    z-index: 9999;
    visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

    .modal.modal-show {
        visibility: visible
    }

.lt-ie9 .modal {
    top: 0;
    margin-left: -315px
}

.modal-content {
    background: #fff;
    position: relative;
    margin: 0 auto;
    padding: 40px;
    border-radius: 3px
}

.modal-overlay {
    background: #000;
    position: fixed;
    visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    opacity: 0;
    -moz-transition-property: visibility, opacity;
    -o-transition-property: visibility, opacity;
    -webkit-transition-property: visibility, opacity;
    transition-property: visibility, opacity;
    -moz-transition-delay: .5s, .1s;
    -o-transition-delay: .5s, .1s;
    -webkit-transition-delay: .5s, .1s;
    transition-delay: .5s, .1s;
    -moz-transition-duration: 0, .5s;
    -o-transition-duration: 0, .5s;
    -webkit-transition-duration: 0, .5s;
    transition-duration: 0, .5s
}

.modal-show .modal-overlay {
    visibility: visible;
    opacity: .6;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.modal[data-modal-effect|=slide] .modal-content {
    opacity: 0;
    -moz-transition: all .5s 0;
    -o-transition: all .5s 0;
    -webkit-transition: all .5s 0;
    transition: all .5s 0
}

.modal[data-modal-effect|=slide].modal-show .modal-content {
    opacity: 1;
    -moz-transition: all .5s .1s;
    -o-transition: all .5s .1s;
    -webkit-transition: all .5s;
    -webkit-transition-delay: .1s;
    transition: all .5s .1s
}

.modal[data-modal-effect=slide-top] .modal-content {
    -moz-transform: translateY(-300%);
    -ms-transform: translateY(-300%);
    -webkit-transform: translateY(-300%);
    transform: translateY(-300%)
}

.modal[data-modal-effect=slide-top].modal-show .modal-content {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width:1000px) {
    .steps input,
    .steps textarea {
        outline: 0;
        display: block;
        width: 100% !important
    }

    .error1 {
        left: 345px;
        margin-top: -58px
    }
}

@media (max-width:675px) {
    .steps {
        width: 100%;
        margin: 50px auto;
        position: relative
    }

    #progressbar {
        display: none
    }

    .error1 {
        position: relative;
        left: 0 !important;
        margin-top: 24px;
        top: -11px
    }

        .error1:before {
            width: 0;
            height: 0;
            left: 14px;
            top: -14px;
            content: '';
            position: absolute;
            border-left: 6px solid transparent;
            border-bottom: 8px solid #e62163;
            border-right: 6px solid transparent
        }

    .steps fieldset:not(:first-of-type) {
        display: block
    }

    .steps fieldset {
        position: relative;
        width: 100%;
        margin: 0 auto;
        margin-top: 45px
    }

    .steps .next,
    .steps .previous {
        display: none
    }

    .steps .explanation {
        display: none
    }

    .steps .submit {
        float: right;
        margin: 28px auto 10px;
        width: 100% !important
    }
}

.info {
    width: 300px;
    margin: 35px auto;
    text-align: center;
    font-family: roboto, sans-serif
}

    .info h1 {
        margin: 0;
        padding: 0;
        font-size: 28px;
        font-weight: 400;
        color: #333;
        padding-bottom: 5px
    }

    .info span {
        color: #666;
        font-size: 13px;
        margin-top: 20px
    }

        .info span a {
            color: #666;
            text-decoration: none
        }

        .info span .fa {
            color: #e2a810;
            font-size: 19px;
            position: relative;
            left: -2px
        }

        .info span .spoilers {
            color: #999;
            margin-top: 5px;
            font-size: 10px
        }

.has-error .help-block {
    color: #3c3c3b !important;
    padding-top: 4px;
    font-weight: 600;
    font-size: 14px;
    font-family: pfdinlight !important
}

.btn-default {
    background-color: #e15d37 !important;
    border-color: unset !important
}

.has-success .form-control {
    border-color: #e15d37 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important
}

.alert-success {
    color: #fff;
    background-color: #bc9360;
    border: 1px solid #bc9360;
    font-family: hbv-regular2;
    text-align: center;
    font-size: 18px;
    padding: 4px;
    margin-top: 0;
    margin-bottom: 8px;
}

#timeline {
    list-style: none;
    margin: 50px 0 30px 120px;
    padding-left: 33px;
    border-left: 2px solid #ff6c39
}

    #timeline li {
        margin: 20px 0;
        position: relative
    }

    #timeline p {
        margin: 4px 0 2px;
        font-family: hbv-regular2;
        font-size: 16px;
        color: #414141;
        line-height: 19px
    }

    #timeline h3 {
        margin: 0 0 -5px;
        font-family: pfdinbold;
        font-size: 18px;
        color: #ff6c39
    }

    #timeline span {
        margin: 4px 0 2px;
        font-family: hbv-regular2;
        font-size: 12px;
        color: #414141;
        line-height: 19px
    }

        #timeline span.circle {
            margin: 0 0 15px;
            font-family: hbv-regular2;
            font-size: 10px;
            color: #ff6c39
        }

.date {
    margin-top: -10px;
    top: 50%;
    left: -158px;
    font-size: .95em;
    line-height: 20px;
    position: absolute
}

.circle {
    margin-top: -10px;
    top: 50%;
    left: -41px;
    width: 13px;
    height: 13px;
    background-color: #ff6c39;
    border-radius: 50%;
    display: block;
    position: absolute
}

.content {
    max-height: 20px;
    padding: 50px 20px 0;
    border-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-radius: .5em;
    position: relative
}

    .content p {
        max-height: 0;
        color: transparent;
        text-align: justify;
        word-break: break-word;
        hyphens: auto;
        overflow: hidden
    }

label {
    position: relative;
    z-index: 100;
    cursor: pointer;
    top: 13px;
    font-family: pfdinbold;
    font-size: 17px;
    transition: transform .2s linear
}

.radio {
    display: none
}

    .radio:checked + .relative label {
        cursor: auto;
        transform: translateX(42px)
    }

    .radio:checked + .relative .circle {
        background: #f98262
    }

    .radio:checked ~ .content {
        max-height: 180px;
        border-color: #eee9dc;
        margin-right: 20px;
        transform: translateX(20px);
        transition: max-height .4s linear, border-color .5s linear, transform .2s linear
    }

        .radio:checked ~ .content p {
            max-height: 200px;
            color: #eee9dc;
            transition: color .3s linear .3s
        }

@media screen and (max-width:767px) {
    .digits.countdown .digit.hour-1,
    .digits.countdown .digit.minute-1,
    .digits.countdown .digit.second-1 {
        margin-left: 0 !important
    }

    #timeline p {
        margin: 0 0 3px;
        font-family: hbv-regular2;
        font-size: 16px;
        color: #414141;
        margin-left: 19px
    }

    #timeline h3 {
        margin-left: 19px
    }

    #timeline span {
        margin-left: 19px
    }

    #timeline {
        margin-left: 0;
        padding-left: 0
    }

        #timeline li {
            margin: 15px 0
        }

    .label-x {
        width: 85%;
        font-size: 1.1em;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-bottom: 4px;
        overflow: hidden;
        display: block;
        transform: translateX(18px)
    }

    .content {
        padding-top: 45px
    }

        .content:after,
        .content:before {
            border: solid transparent;
            bottom: 100%
        }

        .content:before {
            border-bottom-color: inherit;
            border-width: 17px;
            top: -16px;
            left: 50px;
            margin-left: -17px
        }

        .content:after {
            border-bottom-color: #48b379;
            border-width: 20px;
            top: -20px;
            left: 50px;
            margin-left: -20px
        }

        .content p {
            font-size: .9em;
            line-height: 1.4
        }

    .circle,
    .date {
        margin-top: -10px;
        top: 50%;
        left: -7px;
        width: 11px;
        height: 11px;
        background-color: #ff6c39;
        border-radius: 50%;
        display: block;
        position: absolute
    }
}

.aktif-gyo {
    font-family: pfdinbold !important;
    color: #ff6c39 !important
}

.digits,
.digits .digit {
    display: inline-block
}

    .digits .bottom-half-wrapper,
    .digits .top-half-wrapper {
        position: relative
    }

    .digits .bottom-half,
    .digits .top-half {
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0
    }

    .digits .top-half {
        -webkit-transform-origin: 50% 100%;
        -moz-transform-origin: 50% 100%;
        -webkit-transform: perspective(300) rotateX(0);
        -moz-transform: rotateX(0)
    }

    .digits .bottom-half {
        line-height: 0;
        -webkit-transform-origin: 50% 0;
        -moz-transform-origin: 50% 0;
        -webkit-transform: perspective(300) rotateX(90deg);
        -moz-transform: rotateX(90deg)
    }

    .digits .no-animation {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        transition: none !important
    }

    .digits .show {
        z-index: 10;
        -webkit-transform: perspective(300) rotateX(0);
        -moz-transform: rotateX(0)
    }

    .digits .roll-over {
        -webkit-transform: perspective(300) rotateX(-90deg);
        -moz-transform: rotateX(-90deg)
    }

    .digits .bottom-half-wrapper,
    .digits .top-half-wrapper {
        width: 100px;
        height: 50px
    }

    .digits .bottom-half,
    .digits .top-half {
        width: 100px;
        text-shadow: 0 1px 0 #fafafa;
        text-align: center;
        font-family: pfdinbold;
        font-size: 80px
    }

    .digits .top-half {
        color: #e15d37
    }

    .digits .bottom-half {
        color: #e15d37
    }

    .digits .top-half {
        background: #fff;
        border-radius: 10px 10px 0 0;
        line-height: 100px
    }

    .digits .bottom-half {
        background: #e5e5e5;
        border-radius: 0 0 10px 10px
    }

    .digits.countdown .digit:not(:last-child) {
        margin-right: 10px
    }

    .digits.countdown .digit.second-2 {
        margin-right: 0
    }

    .digits.countdown .digit.hour-1,
    .digits.countdown .digit.minute-1,
    .digits.countdown .digit.second-1 {
        margin-left: 50px
    }

    .digits.statistics .digit:not(:last-of-type) {
        margin-right: 5px
    }

    .digits .labels {
        text-align: right;
        color: #fff
    }

    .digits .label {
        display: inline-block;
        width: 210px;
        text-align: center;
        font-family: daxregular;
        font-size: 11px;
        letter-spacing: 1px;
        font-weight: 700;
        text-transform: uppercase;
        margin: 20px 0
    }

        .digits .label.hours,
        .digits .label.minutes,
        .digits .label.seconds {
            margin-left: 60px
        }

        .digits .label.days:after {
            content: "Gün"
        }

        .digits .label.hours:after {
            content: "Saat"
        }

        .digits .label.minutes:after {
            content: "Dakika"
        }

        .digits .label.seconds:after {
            content: "Saniye"
        }

.digit {
    border-radius: 10px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2)
}

#theme-selector {
    list-style: none
}

    #theme-selector li {
        display: inline-block
    }

        #theme-selector li a {
            text-transform: uppercase;
            font-size: 12px;
            padding: 4px 12px;
            line-height: 1em;
            letter-spacing: uppercase;
            letter-spacing: 1px;
            border-radius: 12px;
            margin: 0 4px;
            border: 2px solid #666;
            cursor: pointer
        }

            #theme-selector li a.active {
                background: #eee;
                color: #222;
                border: 2px solid #eee
            }

#change {
    display: block;
    margin: 0 auto;
    border: none;
    outline: 0;
    padding: 6px 15px;
    border-radius: 50px
}

#example-2 {
    margin-top: 100px;
    margin-bottom: 60px
}

.sticky-logo img {
    width: 70px !important;
    padding-top: 15px;
}

.btn-success strong {
    margin-top: 11px;
    padding-right: 21px;
    right: 57px;
    font-family: pfdinbold;
    font-size: 20px;
    position: absolute;
    color: #e15d37 !important
}

.btn-circle strong {
    color: #bdbaba;
    margin-top: 11px;
    padding-right: 21px;
    right: 85px;
    font-family: pfdinbold;
    font-size: 20px;
    position: absolute
}

.ahref-disabled {
    pointer-events: none;
    cursor: default
}

.sec-btn-zirvebasvuru {
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    padding: 15px 40px;
    border-bottom-right-radius: 40px;
    font-family: pfdinbold;
    letter-spacing: .7px;
    text-align: center
}

.sec-btn-zirvebasvuru-left {
    font-size: 15px;
    color: #fff;
    background-color: #3c3c3b !important;
    border: 2px solid #3c3c3b;
    line-height: 25px;
    padding: 15px 40px;
    border-bottom-left-radius: 40px;
    font-family: pfdinbold;
    letter-spacing: .7px;
    text-align: center;
    margin-bottom: 7px;
    margin-right: 12px
}

    .sec-btn-zirvebasvuru-left:hover {
        background-color: #ff6c39 !important;
        color: #fff;
        border: 2px solid #ff6c39 !important
    }

.mr-15 {
    margin-right: 15px
}

.site-navigation a.button-right {
    position: absolute;
    bottom: 27.3%;
    right: 65px;
    font-size: 17px;
    font-weight: 500;
    font-family: pfdinbold;
    color: #fff;
    border-bottom-left-radius: 30px;
    z-index: 1;
    background-color: #ff6c39;
    padding: 12px 18px 12px 43px
}

.site-navigation a.button-right-2 {
    position: absolute;
    bottom: 34%;
    right: 65px;
    font-size: 17px;
    font-family: pfdinbold;
    color: #ff6c39;
    z-index: 1
}

.site-navigation a.button-right-hakkinda-2 {
    position: absolute;
    bottom: 45%;
    right: 65px;
    font-size: 17px;
    font-family: pfdinbold;
    color: #fff;
    z-index: 1
}

.site-navigation a.button-right-hakkinda-3 {
    position: absolute;
    bottom: 55%;
    right: 65px;
    font-size: 17px;
    font-family: pfdinbold;
    color: #fff;
    z-index: 1;
    text-align: right;
    line-height: 20px
}

.site-navigation a.button-right-hakkinda-4 {
    position: absolute;
    bottom: 67%;
    right: 65px;
    font-size: 17px;
    font-family: pfdinbold;
    color: #ff6c39;
    z-index: 1;
    text-align: right
}

.site-navigation a.button-right-3 {
    position: absolute;
    bottom: 39%;
    right: 65px;
    font-size: 25px;
    font-family: daxregular;
    color: #ff6c39;
    z-index: 1;
    text-align: right
}

    .site-navigation a.button-right-3 span {
        font-size: 17px;
        font-family: hbv-regular2;
        display: block;
        color: #ff6c39;
        z-index: 1
    }

.site-navigation a.button-right-4 {
    position: absolute;
    bottom: 46%;
    right: 65px;
    font-size: 25px;
    font-family: pfdinbold;
    color: #ff6c39;
    z-index: 1;
    text-align: right
}

.site-navigation a.button-right i {
    font-size: 17px
}

.site-navigation a.button-right-page-2 {
    position: absolute;
    bottom: 29%;
    right: 65px;
    font-size: 17px;
    font-family: pfdinbold;
    color: #ff6c39;
    z-index: 1
}

.site-navigation a.button-right-page-3 {
    position: absolute;
    bottom: 39%;
    right: 65px;
    font-size: 25px;
    font-family: daxregular;
    color: #ff6c39;
    z-index: 1;
    text-align: right
}

    .site-navigation a.button-right-page-3 span {
        font-size: 17px;
        font-family: hbv-regular2;
        display: block;
        color: #ff6c39;
        z-index: 1
    }

.site-navigation a.button-right-page-4 {
    position: absolute;
    bottom: 61%;
    right: 65px;
    font-size: 25px;
    font-family: pfdinbold;
    color: #ff6c39;
    z-index: 1;
    text-align: right
}

.text-white {
    color: #fff !important
}

.sponsor h3 {
    font-size: 25px;
    color: #3c3c3b;
    font-family: pfdinbold;
    margin-left: 7px;
    margin-bottom: 0
}

    .sponsor h3 span {
        font-size: 25px;
        color: #3c3c3b;
        font-family: hbv-regular2;
        margin-left: 7px
    }

.gyo-href {
    color: #e15d37;
    font-family: pfdinbold
}

.program-liste {
    font-size: 19px !important
}

.faq-section {
    position: relative;
    padding: 0 0 90px
}

    .faq-section .prod-tabs {
        position: relative;
        padding: 0
    }

.shop-step-img {
    filter: brightness(0) invert(1);
    padding: 15px;
    border-radius: 50%;
    display: block;
    height: 75px;
    width: 75px;
    margin: 0 auto
}

.active-btn .shop-step-img {
    filter: initial;
    background: #fff;
    padding: 15px;
    border-radius: 50%;
    display: block;
    height: 75px;
    width: 75px;
    margin: 0 auto
}

.faq-section .prod-tabs .tab-btns .tab-btn {
    width: 25%;
    float: left;
    text-align: center;
    position: relative;
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
    line-height: 1.6em;
    padding: 25px 0 25px 0;
    transition: all .5s ease;
    text-transform: capitalize
}

    .faq-section .prod-tabs .tab-btns .tab-btn:not(:last-child) {
        background: url(../images/right-arrow.png);
        background-position: center right;
        background-repeat: no-repeat
    }

    .faq-section .prod-tabs .tab-btns .tab-btn:last-child {
        border: none
    }

.shop-title ul {
    background: #417d5f;
    margin-bottom: 0
}

.faq-section .prod-tabs .tab-btns .tab-btn span {
    position: relative;
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
    line-height: 1.6em;
    padding: 5px 15px 5px 30px;
    transition: all .5s ease;
    text-transform: capitalize;
    font-family: Poppins, sans-serif
}

.faq-section .prod-tabs .tab-btns .tab-btn.active-btn span,
.faq-section .prod-tabs .tab-btns .tab-btn:hover span {
    color: #ffb200
}

.faq-section .prod-tabs .tabs-content {
    position: relative
}

    .faq-section .prod-tabs .tabs-content .tab {
        position: relative;
        display: none
    }

        .faq-section .prod-tabs .tabs-content .tab.active-tab {
            display: block
        }

.mobil-zirve-basvuru {
    display: none
}

textarea.form-control {
    height: 195px !important;
    padding-top: 25px;
    padding-left: 20px;
}

#rs-header {
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 55px;
}

.home2 .inner-slider .dsc span {
    font-size: 40px;
    line-height: 80px;
    margin: 0 0 0 7px;
    color: #fff;
    font-family: hbv-regular2;
    display: inline-table
}

.home2 .inner-slider .dsc p span {
    font-size: 13.8px;
    line-height: 17px;
    width: 450px;
    color: #fff;
    font-weight: 600;
    font-family: hbv-regular2;
    text-transform: none
}

.language-dropdown li {
    display: inline-block;
    position: relative;
    line-height: 21px;
    text-align: left;
    width: 100%;
    padding-right: 0 !important
}

    .language-dropdown li a {
        display: block;
        padding: 5px 7px;
        color: #333 !important;
        text-decoration: none
    }

.bar-top li ul.language-dropdown {
    min-width: 135px;
    top: 35px;
    background: #fff;
    display: none;
    position: absolute;
    z-index: 999;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px
}

.bar-top li:hover ul.language-dropdown {
    display: block
}

.bar-top li ul.language-dropdown li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #d8d6d6;
    margin-left: 0 !important
}

    .bar-top li ul.language-dropdown li:last-child {
        border-bottom: none
    }

.hidden-border {
    border: none !important;
    font-size: 32px !important;
    position: relative;
    top: 6px;
    margin-right: 7px
}

.border-left {
    padding-right: 20px;
    position: relative
}

    .border-left:before {
        content: "";
        display: block;
        position: absolute;
        font-size: 12px;
        right: -3px;
        top: 7px;
        width: 2px;
        height: 12px;
        background-color: #fff
    }

.topbar-size {
    font-family: pfdinlight !important
}

.sec-title-atapera {
    position: relative;
    margin-bottom: 45px
}

    .sec-title-atapera h5 {
        font-size: 35px;
        color: #c6c6c6;
        font-family: hbv-regular2;
        text-align: center;
        margin-top: 54px;
        text-transform: uppercase;
        margin-bottom: 25px
    }

        .sec-title-atapera h5 span {
            font-size: 35px;
            margin-bottom: 8px;
            color: #c6c6c6;
            font-family: pfdinbold;
            text-align: center;
            border-bottom: 2px solid #488ccb;
            padding-bottom: 5px;
            margin-left: 6px;
            text-transform: uppercase
        }

    .sec-title-atapera p {
        position: relative;
        font-size: 14px;
        font-family: hbv-regular2;
        margin-bottom: 45px;
        text-align: center;
        color: #c6c6c6
    }

.about-desc {
    color: #aaa9a9;
    font-family: hbv-regular2;
    font-size: 14px;
    line-height: 18px
}

.atapera-btn {
    background-color: #c6c6c6;
    padding: 10px 30px 10px 30px;
    color: #fff;
    font-family: pfdinbold;
    font-size: 17px
}

    .atapera-btn:hover {
        background-image: linear-gradient(to right, #1d70b8, #5fbcb1);
        color: #fff;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
        -webkit-animation-duration: .9s;
        animation-duration: .9s;
        -webkit-animation-name: sticky-animation;
        animation-name: sticky-animation;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

.footer-logo {
    height: 165px;
    padding-top: 43px
}

.footer-top-title {
    position: relative;
    text-align: center
}

    .footer-top-title h5 span {
        font-family: pfdinbold;
        font-size: 16px;
        padding-bottom: 7px;
        color: #fff;
        text-transform: uppercase;
        margin-right: 7px
    }

    .footer-top-title h5 {
        font-family: hbv-regular2;
        font-size: 18px;
        color: #fff;
        margin-bottom: 0;
        text-transform: uppercase
    }

    .footer-top-title p {
        font-size: 13px;
        font-family: hbv-regular2;
        color: #fff;
        text-align: left;
        margin-top: 25px;
        line-height: 18px;
        letter-spacing: .5px
    }

    .footer-top-title ul {
        text-align: center
    }

        .footer-top-title ul li {
            display: inline-block
        }

            .footer-top-title ul li:first-child {
                padding-right: 0
            }

            .footer-top-title ul li + li {
                margin-left: 5px
            }

            .footer-top-title ul li a {
                display: inline-table;
                color: #fefefe;
                -webkit-transition: all .4s ease 0s;
                -moz-transition: all .4s ease 0s;
                -o-transition: all .4s ease 0s;
                -ms-transition: all .4s ease 0s;
                transition: all .4s ease 0s;
                text-decoration: none;
                font-family: hbv-regular2;
                font-size: 14px;
                letter-spacing: 0
            }

                .footer-top-title ul li a:hover {
                    color: #cbcbcb
                }

                .footer-top-title ul li a i {
                    text-align: center;
                    display: inline-block;
                    font-size: 27px;
                    border: 1px solid #fefefe;
                    border-radius: 50%;
                    padding: 5px 4px 3px 3px;
                    width: 40px;
                    height: 40px
                }

            .footer-top-title ul li.follow-us {
                color: #fff;
                padding: 10px 12px 10px 12px
            }

.mr-7 {
    margin-right: 7px
}

.iletisim-bilgileri-footer li {
    display: block !important;
    color: #fff;
    font-size: 13px;
    position: relative;
    font-family: hbv-regular2;
    margin-bottom: 15px;
    text-align: center
}

    .iletisim-bilgileri-footer li + li {
        margin-left: 0 !important
    }

.iletisim-bilgileri-footer ul li a {
    display: contents;
    color: #fff;
    font-size: 14px;
    position: relative
}

    .iletisim-bilgileri-footer ul li a.footer-phone-a {
        display: contents;
        color: #fff;
        font-size: 36px;
        font-family: hbv-regular2;
        position: relative
    }

        .iletisim-bilgileri-footer ul li a.footer-phone-a span.footer-phone-span {
            display: contents;
            color: #fff;
            font-size: 36px;
            font-family: pfdinbold;
            position: relative
        }

    .iletisim-bilgileri-footer ul li a.footer-eposta-a {
        display: contents;
        color: #fff;
        font-size: 16px;
        font-family: pfdinbold;
        position: relative
    }

.iletisim-height {
    width: 20px;
    margin-right: 10px
}

.designed-by-width {
    width: 125px
}

.inline-table-copyright {
    display: inline-table;
    margin-right: 7px
}

.atapera-btn-kontrol {
    width: 100%;
    position: relative
}

.hakkimizda-text h3 {
    font-size: 20px;
    margin-bottom: 8px;
    color: #c6c6c6;
    font-family: pfdinbold;
    padding-bottom: 5px;
    text-transform: uppercase
}

.hakkimizda-text p {
    color: #aaa9a9;
    font-family: hbv-regular2;
    font-size: 14px;
    line-height: 18px
}

.hekimlerimiz-content {
    position: relative;
    text-align: center;
    margin-top: 10px
}

    .hekimlerimiz-content h3 {
        font-size: 20px;
        margin-bottom: 0;
        color: #c6c6c6;
        font-family: pfdinbold;
        padding-bottom: 5px
    }

    .hekimlerimiz-content p {
        color: #aaa9a9;
        font-family: hbv-regular2;
        font-size: 16px;
        line-height: 18px;
        height: 20px
    }

.sube-bilgileri {
    position: relative
}

    .sube-bilgileri h3 {
        font-size: 25px;
        margin-top: 15px;
        margin-bottom: 25px;
        color: #c6c6c6;
        font-family: pfdinbold;
        padding-bottom: 5px;
        position: relative
    }

        .sube-bilgileri h3:after {
            background: #488ccb;
            content: '';
            width: 3em;
            height: 3px;
            bottom: -10px;
            left: 0;
            position: absolute
        }

    .sube-bilgileri span {
        color: #c6c6c6;
        font-family: pfdinbold;
        font-size: 16px;
        line-height: 17px
    }

    .sube-bilgileri p {
        color: #aaa9a9;
        font-family: hbv-regular2;
        font-size: 13px;
        line-height: 17px
    }

        .sube-bilgileri p a {
            color: #aaa9a9
        }

            .sube-bilgileri p a:hover {
                color: #aaa9a9;
                text-decoration: underline
            }

.slide-btn {
    position: absolute;
    top: 25%;
    right: 0;
    writing-mode: vertical-lr;
    font-size: 15px;
    font-family: pfdinbold;
    padding: 15px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #fff;
    color: #c6c6c6;
    z-index: 1;
    text-align: right
}

    .slide-btn img {
        height: 44px
    }

@keyframes btn-bounce {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

.pop-up-form-right {
    position: absolute;
    top: 25%;
    right: 0;
    display: none;
    z-index: 97;
    background-color: #fff;
    font-size: 12px;
    padding: 0;
    border-left: 2px solid #1e71b8;
    border-bottom: 2px solid #1e71b8
}

.slider-main .randevu {
    position: absolute;
    bottom: 17%;
    right: 45px;
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

    .slider-main .randevu a {
        position: absolute;
        right: 30px;
        text-align: center
    }

.form-gradient {
    background-image: linear-gradient(to right, #1d70b8, #5fbcb1)
}

    .form-gradient h3 {
        color: #fff;
        font-family: pfdinbold;
        font-size: 20px;
        padding-bottom: 10px;
        padding-top: 10px;
        margin-bottom: 0;
        text-transform: uppercase
    }

        .form-gradient h3 span {
            color: #fff;
            font-family: hbv-regular2;
            display: block;
            text-transform: uppercase
        }

.p-20 {
    padding: 20px
}

.randevu-talep {
    display: block;
    width: 100%;
    margin-top: 5px;
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #8a7f7f;
    background-color: #fff;
    background-image: none;
    border: 1px solid #c6c6c6;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.label-randevu {
    font-size: 15px;
    margin-bottom: 10px;
    color: #c6c6c6;
    font-family: pfdinlight
}

.tedavilerimiz-detay {
    position: relative
}

    .tedavilerimiz-detay ul {
        position: relative;
        margin-bottom: 25px
    }

        .tedavilerimiz-detay ul li {
            list-style: circle;
            margin-left: 25px;
            color: #505050;
            font-family: pfdinlight
        }

    .tedavilerimiz-detay h3 {
        font-family: pfdinbold;
        color: #797979
    }

    .tedavilerimiz-detay p strong {
        font-family: pfdinbold;
        color: #797979
    }

    .tedavilerimiz-detay p {
        text-align: left;
        font-family: hbv-regular2;
        font-size: 15px;
        line-height: 25px
    }

.about-img img {
    width: 100%
}

.pb-10 {
    padding-bottom: 10px !important
}

.pt-10 {
    padding-top: 10px !important
}

.atapera-bilgial {
    background-color: #c6c6c6;
    padding: 10px 225px 10px 225px;
    color: #fff;
    font-family: pfdinbold;
    font-size: 17px;
    text-align: center
}

    .atapera-bilgial:hover {
        background-image: linear-gradient(to right, #1d70b8, #5fbcb1);
        color: #fff;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
        -webkit-animation-duration: .9s;
        animation-duration: .9s;
        -webkit-animation-name: sticky-animation;
        animation-name: sticky-animation;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

.ayricaliklar h3 {
    font-size: 25px;
    margin-bottom: 22px;
    color: #c6c6c6;
    font-family: pfdinbold;
    text-align: left;
    padding-bottom: 5px;
    text-transform: uppercase
}

.ayricaliklar img {
    width: 100%;
    height: auto;
    margin-bottom: 65px
}

.ayricaliklar p {
    font-size: 14px;
    margin-bottom: 8px;
    color: #b0b0b0;
    font-family: hbv-regular2;
    text-align: left;
    padding-bottom: 5px
}

.alert-danger {
    color: #ffffff;
    background-color: #723e3e;
    border: 1px solid #ebccd1;
    font-family: hbv-regular2;
    text-align: center;
    font-size: 18px;
    padding: 4px;
    margin-top: 0;
    margin-bottom: 8px;
}
::placeholder {
    color: #575757 !important;
    font-family: hbv-regular2;
    text-transform:capitalize !important;
    font-size:16px;
}
::-webkit-input-placeholder {
    color: #575757 !important;
    font-family: hbv-regular2;
    text-transform: capitalize !important;
    font-size: 16px;
}

:-ms-input-placeholder {
    color: #575757 !important;
    font-family: hbv-regular2;
    text-transform: capitalize !important;
    font-size: 16px;
}



.pt-25 {
    padding-top: 25px
}


.pm-column-title-divider {
    width: 100%;
    height: 1px;
    display: table;
    position: relative;
    margin: 15px auto 0;
    border-top: 2px solid #6cac3b
}

    .pm-column-title-divider h2 {
        display: table;
        margin: 0 auto 0;
        position: relative;
        top: -13px;
        color: #6cac3b;
        background-color: #fafafa;
        padding: 0 16px;
        font-size: 21px;
        text-transform: uppercase
    }

    .pm-column-title-divider h1 {
        display: table;
        margin: 0 auto 0;
        position: relative;
        top: -13px;
        color: #6cac3b;
        background-color: #fafafa;
        padding: 0 16px;
        font-size: 21px;
        text-transform: uppercase
    }

.pm-column-title-divider2 {
    width: 25%;
    height: 1px;
    display: table;
    position: relative;
    border-top: 2px solid #6cac3b
}

    .pm-column-title-divider2 h1 {
        display: table;
        margin: 0 auto 0;
        position: relative;
        top: -16px;
        color: #6cac3b;
        background-color: #fafafa;
        padding: 0 15px;
        font-size: 29px;
        font-family: pfdinlightitalic
    }

.owl-navigation-yes .owl-nav [class*=owl-].owl-prev {
    left: -40px
}

.ptm-25 {
    padding-top: 25px
}

.anasayfa-blog-item .title h3 {
    background-color: #6cac3b;
    margin-bottom: 0;
    color: #fff;
    padding: 5px 8px;
    font-family: pfdinbold;
    text-transform: uppercase;
    font-size: 21px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.img-blog2 img {
    width: 100%;
    height: 255px;
    object-fit: cover
}

.blog2-detail {
    background-color: #fff;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: 20px 20px 35px
}

    .blog2-detail h4 {
        font-family: pfdinbold;
        font-size: 25px;
        line-height: 24px;
        margin-bottom: 28px;
        height: 38px
    }

    .blog2-detail p {
        font-size: 15px;
        line-height: 22px;
        font-family: pfdinlight
    }

    .blog2-detail a {
        float: right;
        color: #c8a898;
        font-size: 12px
    }

.icindeki-iyilige-inan-height {
    width: 188px;
    top: 52px;
    position: absolute;
    left: 50%;
    margin-left: -85px;
    margin-top: -50px
}

@media screen and (min-width:1921px) and (max-width:2900px) {
    .footer-top {
        position: relative;
        display: block;
        margin-top: 0;
        padding: 245px 0 35px;
        background-position: top center;
        background-size: cover;
        background-image: url(../images/footer-bg.png)
    }
}

@media screen and (min-width:2901px) and (max-width:3600px) {
    .footer-top {
        position: relative;
        display: block;
        margin-top: 0;
        padding: 285px 0 35px;
        background-position: top center;
        background-size: cover;
        background-image: url(../images/footer-bg.png)
    }
}

.hunnap-description {
    position: relative
}

    .hunnap-description p {
        font-size: 14px;
        line-height: 19px;
        font-family: pfdinlight
    }

    .hunnap-description h3 {
        color: #6cac3b;
        font-family: pfdinlightitalic
    }

.bg-pdf {
    background-color: #b77e67;
    padding: 9px 9px 12px;
    color: #fff;
    border-radius: 5px
}

    .bg-pdf:hover {
        background-color: #629b35;
        color: #fff;
        text-decoration: underline
    }

.pdf-height {
    height: 25px;
    padding-right: 7px
}

.blog-imgdetay {
    height: 225px !important;
    object-fit: cover !important;
    padding: 0 !important
}

.hunnap_paginations a,
.hunnap_paginations span {
    position: relative;
    display: inline-block;
    height: 46px;
    width: 45px;
    background: #f4f4f4;
    color: #818181;
    font-size: 14px;
    letter-spacing: .56px;
    text-align: center;
    padding: 17px 0;
    line-height: .8;
    margin: 0 3px;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

    .hunnap_paginations a.next,
    .hunnap_paginations a.prev {
        font-size: 20px;
        padding: 12px 0;
        margin: 0 2px
    }

    .hunnap_paginations a:after,
    .hunnap_paginations span:after {
        width: 4px;
        height: 0;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        content: '';
        background: #a0a0a0;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .4s ease-out;
        transition: all .4s ease-out
    }

    .hunnap_paginations a.prev:after {
        right: auto;
        left: 0
    }

    .hunnap_paginations a:hover:after,
    .hunnap_paginations span.current:after {
        height: 100%;
        visibility: visible;
        opacity: 1
    }

    .hunnap_paginations a:hover,
    .hunnap_paginations span.current {
        color: #fff;
        background: #9f1f37
    }

.rs-blog-details .bs-desc div,
.rs-blog-details .bs-desc p {
    font-size: 14px;
    line-height: 20px;
    font-family: hbv-regular2;
    margin-bottom: 15px
}

.blog-sonyazilarflex {
    align-items: center;
    display: flex
}

.page-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.pm-column-title {
    background-color: #fff;
    padding-bottom: 10px
}

.pm-column-title-divider3 {
    background-color: #fff;
    width: 100%;
    height: 1px;
    display: table;
    position: relative;
    border-top: 2px solid #e8b934
}

.pm-column-title ul {
    text-align: center
}

    .pm-column-title ul li {
        padding-right: 0
    }

    .pm-column-title ul li {
        display: inline-block
    }

        .pm-column-title ul li a {
            font-family: hbv-regular2;
            color: #e8b934;
            text-transform: uppercase;
            font-size: 16px;
            padding-right: 50px
        }

.bg-white {
    background-color: #fff
}

.dlab-post-title {
    position: relative
}

    .dlab-post-title.text-rightposition {
        text-align: right
    }

    .dlab-post-title h1 {
        font-family: pfdinbold;
        font-size: 28px;
        line-height: 33px;
        color: #e8b934
    }

    .dlab-post-title p {
        font-family: hbv-regular2;
        font-size: 14px;
        line-height: 18px;
        color: #4a4a4a;
        margin-bottom: 7px
    }

        .dlab-post-title p strong {
            font-family: pfdinbold;
            font-size: 14px;
            color: #4a4a4a;
            margin-bottom: 7px;
            font-weight: 400
        }

.d-flexcenter {
    align-items: center;
    display: flex
}

.dlab-post-title h2 {
    font-family: pfdinbold;
    font-size: 22px;
    line-height: 28px;
    color: #646464;
    text-transform: uppercase
}

table {
    background-color: transparent;
    width: 100%;
    border: none
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 20px 0;
    padding: 5px
}

.urunler-detay {
    padding-bottom: 50px
}

.blog-border {
    background-color: #fff;
    border: 2px solid #f5f5f5;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}


.blog-description {
    padding: 15px
}
.slider-main .caption .slider-title {
    max-width:660px;
}
.slider-main .caption {
    top: 22%;
    color: #fff;
    position: absolute;
    width:100%;
}
.slider-main .caption .txt1 {
   position:relative;
}
.slider-main .caption .txt2 {
   font-size:35px;
   line-height:40px;
   color:#fff;
   margin-top:15px;
   font-family:hbv-regular2;
}
.slider-main .caption .txt2 span{
   font-size: 35px;
   line-height: 40px;
   color: #fff;
   border-bottom: 2px solid #ad0f0a;
   font-family: hbv-regular;
}
.slider-main .caption .txt1 img {
   width:425px;
   height:auto;
   object-fit:inherit;
}
.slider-main img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    z-index: 2;
    position: relative;
}
.slider-main:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    z-index: 0;
    background-color: rgb(0 0 0 / 43%);
    background-image: url(../images/banner/pattern.png);
    background-position: right;
}
@-webkit-keyframes float_up_down_two {
    0% {
        -webkit-transform: rotateX(0) translateY(0);
        transform: rotateX(0) translateY(0)
    }

    50% {
        -webkit-transform: rotateX(0) translateY(15px);
        transform: rotateX(0) translateY(15px)
    }

    to {
        -webkit-transform: rotateX(0) translateY(0);
        transform: rotateX(0) translateY(0)
    }
}

@keyframes float_up_down_two {
    0% {
        -webkit-transform: rotateX(0) translateY(0);
        transform: rotateX(0) translateY(0)
    }

    50% {
        -webkit-transform: rotateX(0) translateY(15px);
        transform: rotateX(0) translateY(15px)
    }

    to {
        -webkit-transform: rotateX(0) translateY(0);
        transform: rotateX(0) translateY(0)
    }
}
.white-content .slider-main:before {
    content: '';
}
.slider-main .site-navigation .slider-title {
    max-width: 660px;
}

.slider-main .site-navigation {
    bottom: 7%;
    right:0;
    color: #fff;
    position: absolute;
    width: 100%;
}
.slider-main .site-navigation .slider-site-navigation img{
    width:200px;
    height:auto;
    object-fit:inherit;
}
.slider-main .site-navigation-text .slider-title {
    max-width: 660px;
}

.slider-main .site-navigation-text {
    bottom: 0;
    right: 0;
    color: #4a4a4a;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.slider-main .site-navigation-text p a {
    color: #4a4a4a;
}
.slider-main .site-navigation-text p a:hover {
    color: #4a4a4a;
}
.slider-main .site-navigation-text p{
    color: #4a4a4a;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 16px;
    margin-top: 20px;
}
.white-content .slider-main .site-navigation-text p{
    color: #ffffff;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 16px;
    margin-top: 20px;
}
.slider-main .site-navigation-text p.contact-yonlendirme{
    color: #4a4a4a;
    margin-bottom: 5px;
    font-size: 14px;
    margin-top: 0;
}
.slider-main .site-navigation-text p.contact-yonlendirme a{
    color: #4a4a4a;
    margin-bottom: 5px;
    font-size: 13px;
}
.white-content .slider-main .site-navigation-text p.contact-yonlendirme a{
    color: #ffffff;
    margin-bottom: 5px;
    font-size: 13px;
}
.white-content .slider-main .site-navigation-text p.contact-yonlendirme i {
    color: #ffffff;
}
.slider-main .site-navigation-text p.contact-yonlendirme a:hover{
    color: #4a4a4a;
    text-decoration:underline;
}
.slider-main .site-navigation-text .slider-site-navigation-text .left-text1 p{
    margin-bottom: 0;
    font-size: 14px;
    line-height: 19px;
    font-family: hbv-regular2;
    color:#fff;
}
.dark-content .slider-main .site-navigation-text .slider-site-navigation-text .left-text1 p{
    color:#4a4a4a;
}
.dark-content .slider-main .site-navigation-text .slider-site-navigation-text .left-text1 p {
    color: #fff;
}
.slider-main .site-navigation-text .slider-site-navigation-text .left-text1 p a{
    color:#fff;
}
.dark-content .slider-main .site-navigation-text .slider-site-navigation-text .left-text1 p a{
    color:#4a4a4a;
}
.dark-content .slider-main .site-navigation-text .slider-site-navigation-text .left-text1 p a {
    color: #fff;
}
.slider-main .site-navigation-text .slider-site-navigation-text .left-text1 p a:hover{
    border-bottom:1px solid #fff;
}
.slider-main .site-navigation-text .slider-site-navigation-text .left-text1 span{
    color:#aaa9a9;
    margin-bottom: 0;
    font-family: hbv-regular2;
}
.dark-content .slider-main .site-navigation-text .slider-site-navigation-text .left-text1 span {
    color: #4a4a4a;
    font-family: hbv-regular;
}
.white-content .slider-main .site-navigation-text .slider-site-navigation-text .left-text1 span {
    color: #fff;
    font-family: hbv-regular;
}
.ml-15{
    margin-left:15px;
}
#rs-header .menu-area #main-nav ul li.follow-us a.dd-toggle {
    display:none;
}
.home1 #rs-header .menu-area #main-nav ul li.follow-us {
    margin-left: 120px;
}
.rs-header-bg {
    position: relative !important;
    height: 140px;
    top: 0 !important;
    background-color: #1f2555 !important
}
.overlay-gradient2::after {
    background-image: linear-gradient(to top, #1b2632 0, rgba(18, 27, 34, 0) 100%);
    opacity: 1;
    z-index: 1;
}
[class*="overlay-gradient2"]::after, [class*="overlay-gradient2"]::after {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
}
.rs-breadcrumbs .container{
    position:relative;
    z-index:10;
}
.footer-contact p{
    margin-bottom: 0;
    font-size: 14px;
    line-height: 19px;
    font-family: hbv-regular2;
    color: #fff;
}
.footer-contact p span{
    color: #aaa9a9;
    margin-bottom: 0;
    font-family: hbv-regular2;
}
.footer-contact p a{
    color: #fff;
}
.footer-contact p a:hover{
    color: #fff;
    border-bottom:1px solid #fff;
}
.footer-logo2 {
    text-align: right;
    position: relative;
    padding: 20px 0;
}
.footer-logo2 img{
    width: 395px;
    object-fit: inherit;
}
.footer-logo-anasayfa {
    text-align: right;
    position: relative;
}
.footer-logo-anasayfa img{
    width: 240px;
    object-fit: inherit;
    height: 60px;
}
.footer-copyright p {
    color: #606060;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 0;
    font-family: 'hbv-regular';
    text-transform: capitalize;
}
.footer-copyright p strong{
    color: #606060;
    font-size: 16px;
    line-height: 21px;
    font-weight:inherit;
    margin-bottom: 0;
    font-family: hbv-regular;
    text-transform: capitalize;
}
.footer-leftbg {
    background-color: #723e3e;
}
.footer {
    position: relative;
}
.icerik-aciklama {
    position: relative;
    border-left: 2px solid #ad0f0a;
    padding-left: 50px;
    max-width: 1000px;
}
    .icerik-aciklama:after {
        position: absolute;
        content: "";
        height: 65px;
        width: 65px;
        top: 46px;
        left: -32px;
        padding: 10px;
        border-radius: 15px;
        background-color: #1b2632;
        border-radius: 50%;
        background-image: url(../images/background/turkiye.png);
    }
    .icerik-aciklama span.marker{
    font-size:15px;
    color:#ad0f0a;
    font-family: hbv-regular;
}
    .icerik-aciklama table {
    margin:0 0 25px 0;
    width:100% !important;
    }
    .icerik-aciklama table td{
        color:#fff;
        padding-left:7px;
    }
.icerik-aciklama p{
    font-size:15px;
    color:#fff;
    font-family: hbv-regular2;
}
.icerik-aciklama p a{
    font-size:15px;
    color:#fff;
    text-decoration:underline;
    font-family: hbv-regular2;
}
.icerik-aciklama p strong{
    font-size:15px;
    color:#ca9e67;
    font-family: hbv-regular;
}
.icerik-aciklama ul{
    position:relative;
    margin-bottom:25px;
}
.icerik-aciklama ul li{
    font-size:15px;
    color:#fff;
    font-family: hbv-regular2;
}
.icerik-title {
    float: right;
    padding-right: 10px;
}
.icerik-title h2 {
    font-size: 35px;
    max-width: 200px;
    font-family: hbv-regular2;
    text-align: right;
    color: #fff;
}
.content-icerik {
    padding-top: 85px;
    padding-bottom: 65px;
    margin-top: 0;
    z-index: 2;
    position: relative;
}
.breadcrumb-logo img {
    width: 485px;
}
.aciklama-galeri {
    width: 100%;
    text-align: center;
}
.aciklama-galeri img{
    background-color: #fff;
    padding: 25px;
    margin-bottom:20px;
}
.aciklama-galeri span{
    color: #ca9e67;
    font-family: hbv-regular2;
    font-size: 16px;
    display: block;
    margin: 0 0 15px;
}
.icerik-aciklama h3{
    font-size:28px;
    line-height:34px;
    color:#fff;
    font-family:hbv-regular;
}
.icerik-menu{
    position:relative;
}
.icerik-menu ul li{
    margin-bottom: 23px;
	position: relative;
}
.icerik-menu ul li a{
    color:#575757;
    font-size:18px;
    font-family:hbv-regular;
background-color: white;
		padding-right: 5px;
		width: fit-content;
    text-transform:capitalize;
    display:block;
}
.icerik-menu ul li a.aktif-menu{
    color: #c69c6d;
    font-size: 18px;
    font-family: hbv-regular;
background-color: white;
	padding-right: 5px;
    display: block;
	width: fit-content;
}
.icerik-aciklama.max-width100{
    max-width:100%;
}
.kimlik-img {
    position: relative;
    border: 10px solid #fff;
    -webkit-box-shadow: 0 0 7px 0px rgb(0 0 0 / 40%);
    box-shadow: 0 0 7px 0px rgb(0 0 0 / 40%);
}
.kimlik-img img{
    width:100%;
}
.kimlik-aciklama {
    position: relative;
    padding: 0;
    background-color: #683131;
}
.kimlik-aciklama a{
    width: 100%;
    color: #fff;
    font-family: hbv-regular2;
    text-align: left;
    padding: 15px 15px 15px 95px;
    text-transform: uppercase;
}
.kimlik-aciklama a img{
    width: 55px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 16px;
    background-color: #723e3e;
}
.kimlik-aciklama .kimlik-title{
    width:49%;
    display: inline-table;
}
.kimlik-aciklama .kimlik-title p{
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 0;
    color: #fff;
    font-family: hbv-regular2;
}
.kimlik-aciklama .kimlik-detay{
    width:49%;
    display: inline-table;
    text-align:right;
}
.kimlik-aciklama .kimlik-detay a{
    display:inline-table;
    font-size:13px;
    font-family:hbv-regular2;
    color:#fff;
}
.kimlik-aciklama .kimlik-detay a i{
    font-size: 19px;
    color: #ca9e67;
}
.kimlik-aciklama .kimlik-detay a:first-child{
    margin-right:12px;
}
.kurumsal-kimlik-aciklama {
    position: relative;
    padding: 0 15px 15px 15px;
}
.kurumsal-kimlik-aciklama .kurumsal-kimlik-title{
    width:100%;
    text-align:center;
}
.kurumsal-kimlik-aciklama .kurumsal-kimlik-title p{
    font-size:12px;
    line-height:15px;
    margin-bottom:0;
    color:#fff;
    font-family:hbv-regular2;
}
.kurumsal-kimlik-aciklama .kurumsal-kimlik-detay{
    width: 100%;
    display: block;
    text-align: center;
    padding-bottom: 10px;
}
.kurumsal-kimlik-aciklama .kurumsal-kimlik-detay a{
    display:inline-table;
    font-size:13px;
    font-family:hbv-regular2;
    color:#fff;
}
.kurumsal-kimlik-aciklama .kurumsal-kimlik-detay a:first-child{
    margin-right:12px;
}
.mart_paginations a.next, .mart_paginations a.prev {
    font-size: 20px;
    padding: 8px 0;
    margin: 0 2px;
}
.mart_paginations a.prev:after {
    right: auto;
    left: 0;
}
.mart_paginations a:after, .mart_paginations span:after {
    width: 4px;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: '';
    background: #f4f4f4;
    color: #818181;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.mart_paginations a:hover {
    border: none;
}
.mart_paginations span.current {
    color: #ca9e67;
    background: transparent;
    border-radius: 50%;
    border: 2px solid #ca9e67;
}
.mart_paginations a, .mart_paginations span {
    position: relative;
    display: inline-block;
    height: 46px;
    width: 45px;
    background: #f4f4f4;
    color: #818181;
    font-size: 14px;
    letter-spacing: .56px;
    text-align: center;
    padding: 17px 0;
    line-height: .8;
    margin: 0 3px;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.mart_paginations a, .mart_paginations span {
    position: relative;
    display: inline-block;
    height: 39px;
    width: 39px;
    background: transparent;
    color: #ffffff;
    letter-spacing: .56px;
    text-align: center;
    font-family: hbv-regular2;
    line-height: 4px;
    font-size: 20px;
    transition: all .4s ease-out;
}
.pt-0{
    padding-top:0 !important;
}
.pb-0{
    padding-bottom:0 !important;
}

.team-single {
    margin-bottom: 0;
    position: relative;
    max-width: 400px;
    margin: auto
}

.team-content {
    padding-top: 25px
}

    .team-content .team-name,
    .team-content h5 {
        font-size: 1rem;
        color: #131313;
        margin-bottom: 5px
    }

.tc-bunker .team-content .team-name,
.tc-bunker .team-content h5 {
    color: #fff
}

.team-content .color-primary {
    color: #fef200
}

.team-content p {
    font-size: .875rem;
    font-weight: 300
}

.tc-bunker .team-content-s2 .team-name,
.tc-bunker .team-content-s2 h5 {
    color: #fef200 !important
}

.team-content-s2 p {
    color: #4b4b4b !important
}

.bg-dark-alt .team-content-s2 p {
    color: #a2a9bf !important
}

.team-content-s2-alt {
    padding: 25px 0
}

.team-pad {
    padding: 30px 20px
}

.team-hover {
    position: absolute;
    content: "";
    left: 30px;
    top: 30px;
    right: 30px;
    bottom: 30px;
    background: rgba(255, 65, 87, 0.8);
    display: flex;
    align-items: flex-end;
    padding-left: 30px;
    padding-bottom: 25px;
    transform: translateY(30px);
    opacity: 0;
    transition: 0.5s
}

.team-single:hover .team-hover {
    transform: translateY(0);
    opacity: 1
}

.team-hover .team-name {
    font-size: 1.5rem;
    font-weight: 900;
    margin-bottom: 0
}

.team-hover .team-desig {
    font-size: 1rem;
    font-weight: 400
}

.team-image {
    width: 100%;
    overflow: hidden;
    position: relative
}

    .team-image img {
        transition: 0.5s;
        max-width: 100%
    }

.team-s2 .team-image img {
    width: 100%
}

.team-single:hover .team-image img {
    transform: scale(1.1)
}

.team-popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 1rem;
    align-items: center;
    justify-content: center;
    z-index: 9999999;
    display: flex;
}

.team-popup-info {
    padding: 30px
}

    .team-popup-info p:last-child {
        margin-bottom: 0
    }

.team-social {
    margin-bottom: 10px;
    margin-left: -10px
}

    .team-social li {
        display: inline-block;
        padding: 10px
    }

.mfp-close {
    cursor: pointer;
    top: -45px;
    right: 15px;
    height: 35px;
    width: 45px;
    line-height: 37px;
    padding: 0;
    text-align: center;
    z-index: 9999;
    color: #ffffff !important;
    opacity: 1;
    background: #683131;
    box-shadow: 0px 2px 7px 0px rgb(65 80 118 / 20%);
    transition: all .4s;
}

.mfp-container {
    overflow: auto
}
@media (min-width: 575px) {
    .team-hover .team-name {
        font-size: 1.3rem
    }
}

@media (min-width: 768px) {
    .team-content {
        padding: 25px 0 0
    }

    .team-content-s2-alt {
        padding: 25px 0
    }

    .team-popup-info {
        padding: 30px 60px
    }

    .team-hover .team-name {
        font-size: 1.5rem
    }

    .logo-item-s2 {
        padding: 25px
    }
}

@media (min-width: 992px) {
    .team-pad {
        padding: 50px 40px
    }

    .team-hover {
        padding-left: 70px;
        padding-bottom: 63px;
        padding-right: 20px
    }

        .team-hover .team-name {
            font-size: 2rem
        }

        .team-hover .team-desig {
            font-size: 1.333rem
        }

    .team-popup {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, .5);
        width: 100%;
        height: 100%;
        text-align: center;
        padding: 1rem;
        align-items: center;
        justify-content: center;
        z-index: 9999999;
        display: flex;
    }
}

@media (min-width: 1200px) {
    .team-hover {
        padding-left: 30px;
        padding-bottom: 25px
    }

        .team-hover .team-name {
            font-size: 1.5rem
        }

        .team-hover .team-desig {
            font-size: 1rem
        }

    .logo-item {
        max-width: 190px
    }

    .logo-item-s2 {
        padding: 30px 45px
    }
}

@media (min-width: 1600px) {
    .team-pad {
        padding: 50px 40px
    }

    .team-hover {
        padding-left: 70px;
        padding-bottom: 63px;
        padding-right: 20px
    }

        .team-hover .team-name {
            font-size: 2rem
        }

        .team-hover .team-desig {
            font-size: 1.333rem
        }
}
.mfp-bg,
.mfp-wrap,
.mfp-wrap[class*="bg-"],
.mfp-bg[class*="bg-"] {
    position: fixed !important;
    z-index: 99999999 !important;
    top: 0 !important
}
.align-items-center {
    align-items: center !important;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
audio {
    width:100%;
    height: 50px;
}
    audio::-webkit-media-controls,
    video::-webkit-media-controls {
        width: inherit;
        height: inherit;
        position: relative;
        direction: ltr;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
    }
    audio::-webkit-media-controls-enclosure{
        width: 100%;
        max-width: 800px;
        height: 50px;
        flex-shrink: 0;
        bottom: 0;
        text-indent: 0;
        padding: 0;
        box-sizing: border-box;
    }

audio::-webkit-media-controls-panel{
    display: flex;
    flex-direction: row;
    align-items: center;
    /* We use flex-start here to ensure that the play button is visible even
     * if we are too small to show all controls.
     */
    justify-content: flex-start;
    -webkit-user-select: none;
    position: relative;
    width: 100%;
    z-index: 0;
    overflow: hidden;
    text-align: right;
    bottom: auto;
    height: 50px;
    background-color: #293747;
    border-left:1px solid #293747;
    border-radius: 5px;
    transition: opacity 0.3s;
}
video:-webkit-full-page-media {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

audio:-webkit-full-page-media, video:-webkit-full-page-media {
    max-height: 100%;
    max-width: 100%;
}
    audio:-webkit-full-page-media::-webkit-media-controls-panel,
    video:-webkit-full-page-media::-webkit-media-controls-panel {
        bottom: 0px;
    }

audio::-webkit-media-controls-mute-button{
    -webkit-appearance: media-mute-button;
    display: flex;
    flex: none;
    border: none;
    box-sizing: border-box;
    width: 35px;
    height: 30px;
    line-height: 30px;
    margin: 0 6px 0 0;
    padding: 0;
    background-color: #ca9e67;
    color: #ca9e67;
    border-radius:5px;
}

audio::-webkit-media-controls-overlay-enclosure {
    display: none;
}
audio::-webkit-media-controls-play-button{
    -webkit-appearance: media-play-button;
    display: flex;
    flex: none;
    border: none;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-left: 9px;
    margin-right: 9px;
    padding: 0;
    background-color: #ca9e67;
    border-radius:50%;
    color: inherit;
}

audio::-webkit-media-controls-timeline-container{
    -webkit-appearance: media-controls-background;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex: 1 1;
    -webkit-user-select: none;
    height: 16px;
    min-width: 0;
}

audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display{
    -webkit-appearance: media-current-time-display;
    -webkit-user-select: none;
    flex: none;
    display: flex;
    border: none;
    cursor: default;
    height: 30px;
    margin: 0 9px 0 0;
    padding: 0;
    line-height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    color: white;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    text-decoration: none;
}
input[type="range" i]::-webkit-media-slider-container {
    display: flex;
    align-items: center;
    flex-direction: row; /* This property is updated by C++ code. */
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    border: 1px solid rgba(230, 230, 230, 0.35);
    border-radius: 4px;
    background-color: transparent; /* Background drawing is managed by C++ code to draw ranges. */
}
    /* The negative right margin causes the track to overflow its container. */
    input[type="range" i]::-webkit-media-slider-container > div {
        margin-right: -14px;
    }

input[type="range" i]::-webkit-media-slider-thumb {
    margin-left: -7px;
    margin-right: -7px;
}

audio::-webkit-media-controls-fullscreen-button{
    -webkit-appearance: media-enter-fullscreen-button;
    display: flex;
    flex: none;
    border: none;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-left: -5px;
    margin-right: 9px;
    padding: 0;
    background-color: initial;
    color: inherit;
}

audio::-webkit-media-controls-toggle-closed-captions-button {
    display: none;
}
audio::-webkit-media-controls-fullscreen-volume-slider{
    display: none;
}

audio::-webkit-media-controls-fullscreen-volume-min-button{
    display: none;
}

audio::-webkit-media-controls-fullscreen-volume-max-button{
    display: none;
}
.besteler-title{
    font-size:16px;
    text-align:center;
}
.besteler-title h3{
    color: #fff;
    font-size: 17px;
    text-align: center;
    font-family: hbv-regular;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}
.kimlik-img img.fotograf-bulten {
    height: 200px;
    object-fit: cover;
}
.kimlik-aciklama .kimlik-title p.bulten-p {
    font-size: 15px;
    line-height:18px;
    text-transform:uppercase;
    font-family:hbv-regular;
}
.belgeler-img {
    position: relative;
    padding: 42px;
    background-color: #283545;
    margin: 0 15px;
    border-radius: 7px;
    text-align:center;
}
.belgeler-img img{
    height:70px;
}
.kimlik-aciklama.height85{
    height:85px;
}
.icerik-menu-2 a.aktif {
    font-size: 28px;
    line-height: 35px;
    font-family: hbv-regular2;
    text-transform: capitalize;
    color: #fff;
    margin-top: 0;
    margin-bottom: 5px;
    position: relative;
    display: table;
}
.icerik-menu-2 a.aktif-iptal {
    font-size: 29px;
    line-height: 35px;
    font-family: hbv-regular2;
    text-transform: capitalize;
    color: #fff;
    margin-top: 0;
    margin-bottom: 5px;
    position: relative;
    display: table;
}
.icerik-menu-2 a.aktif:before {
    content: "";
    position: absolute;
    border-bottom: 2px solid #ad0f0a;
    display: inline-flex;
    width: -webkit-fill-available;
    bottom: 17px;
    z-index: -1;
}
.icerik-menu ul li a.arsivaltmenu {
    color: #fff;
    font-size: 16px;
    font-family: hbv-regular;
    position: relative;
}
.icerik-menu-2{
    position:relative;
    margin-bottom:55px;
}
.icerik-menu-2 ul li{
    display: inline-table;
    padding: 18px;
    border-right: 1px dashed #c69c6d;
}
.icerik-menu-2 ul li:last-child{
    padding:18px;
    border-right:none;
}
.icerik-menu-2 ul li a{
    color: #666666;
    font-size: 16px;
    font-family: 'hbv-regular';
    position: relative;
}
.icerik-menu-2 ul li a.aktif-menu{
    color: #c69c6d;
    font-family: hbv-regular;
    position: relative;
}
    .icerik-menu-2 ul li a.aktif-menu:before {
        content: "";
        position: absolute;
        border-bottom: 0px solid #c69c6d;
        display: inline-flex;
        width: -webkit-fill-available;
        bottom: 8px;
        z-index: -1;
    }
    .icerik-menu-2 ul li a.arsivaltmenu:before {
        content: "";
        position: absolute;
        border-bottom: 2px solid #ad0f0a;
        display: inline-flex;
        width: -webkit-fill-available;
        bottom: 8px;
        z-index: -1;
    }
.kimlik-detayimg {
    height: 225px;
    object-fit: contain;
}
.header-left .main-header {
    position: relative;
    z-index: 999;
    text-align: right;
    height: 100%
}

    .header-left .main-header .menu-nav ul.menu li {
        display: block;
        padding-right: 2rem
    }

        .header-left .main-header .menu-nav ul.menu li a {
            padding: 1rem 0
        }

        .header-left .main-header .menu-nav ul.menu li ul {
            left: calc(100%);
            top: 0;
            padding: 1.5rem 1rem
        }

    .header-left .main-header .menu-nav ul.menu ul.sub-menu li a {
        padding: .6rem 0
    }

.menu-nav {
    position: relative;
    z-index: 999
}

    .menu-nav ul.menu li {
        display: inline-block;
        float: none;
        position: relative
    }

    .menu-nav ul.menu > li > a {
        display: inline-block;
        text-transform: uppercase;
        padding: 3.5rem 2rem;
        font-size: 1.4rem;
        font-weight: 500;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

        .menu-nav ul.menu > li > a i {
            margin-left: .5rem
        }

    .menu-nav ul.menu ul.sub-menu {
        position: absolute;
        top: 100%;
        background-color: rgba(0, 0, 0, .8);
        text-align: left;
        display: none;
        width: 100%;
        z-index: 999;
        min-width: 20rem;
        max-width: auto;
        padding: 1rem 0;
        border-radius: 0
    }

    .menu-nav ul.menu li:hover > ul.sub-menu {
        display: block
    }

    .menu-nav ul.menu ul.sub-menu li {
        position: relative;
        display: block;
        width: 100%
    }

    .menu-nav ul.menu ul.sub-menu > li.drp:after {
        content: '+';
        position: absolute;
        right: 1rem;
        top: 15%;
        color: #fff
    }

    .menu-nav ul.menu ul.sub-menu > li.drp:hover:after {
        color: #999
    }

    .menu-nav ul.menu ul.sub-menu > li i {
        color: #777;
        font-size: 1.6rem
    }

    .menu-nav ul.menu ul.sub-menu ul.sub-menu {
        top: 0 !important;
        padding: 2rem 0;
        left: 100%
    }

    .menu-nav ul.menu ul.sub-menu li a {
        border-radius: 0;
        padding: .6rem 2rem;
        display: block;
        font-weight: 500;
        font-size: 1.4rem;
        text-transform: capitalize;
        color: #fff;
        position: relative
    }

    .menu-nav ul.menu ul.sub-menu li:hover > a {
        color: #aaa
    }

.sub-menu-light.menu-nav ul.menu ul.sub-menu > li.drp:after {
    color: #333
}

.sub-menu-light.menu-nav ul.menu ul.sub-menu li:hover > a {
    color: #999
}

.sub-menu-light.menu-nav ul.menu li ul.sub-menu,
.sub-menu-light.menu-nav ul.menu ul.sub-menu ul.sub-menu {
    background: #fff
}

.sub-menu-light.menu-nav ul.menu ul.sub-menu li a {
    color: #333
}

.mn-sm ul.menu > li > a {
    padding: 2.2rem 2rem
}

.mn-md ul.menu > li > a {
    padding: 3rem 2rem
}

.mn-lg ul.menu > li > a {
    padding: 4.5rem 2rem
}

.mn-xl ul.menu > li > a {
    padding: 5.5rem 2rem
}

.menu-column {
    padding: 3rem !important
}

    .menu-column > li {
        float: left !important;
        width: 12.5% !important
    }

        .menu-column > li a {
            text-transform: uppercase;
            font-size: 1.2rem;
            display: block;
            color: #eee;
            border: 1px solid #333;
            margin-bottom: -1px;
            margin-right: -1px;
            padding: .7rem 2rem !important
        }

.sub-menu-light .menu-column > li a {
    border-color: #eee
}

.menu-column li a:hover {
    color: #ccc
}

.menu-sp .menu-nav ul.menu li ul.sub-menu,
.menu-sp .menu-nav ul.menu ul.sub-menu ul.sub-menu {
    top: 0;
    background: rgba(87, 86, 86, .96);
    display: none;
    text-align: center;
    z-index: 9999
}

.menu-sp {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: rgb(255 255 255);
    height: 0;
    overflow: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .5s;
    text-align: center;
    color: #333;
    z-index: 9;
}

    .menu-sp .menu-nav ul.menu ul.sub-menu {
        position: static;
        padding: 0
    }

    .menu-sp .menu-nav ul.menu li ul.sub-menu li a {
        color: #f0f0f0 !important;
        font-size: 1.8rem !important;
        display: inline-block
    }

    .menu-sp .menu-nav ul.menu li.drp > a:before {
        position: absolute;
        top: 23%;
        left: -1.5rem;
        z-index: 1;
        content: '+';
        font-weight: 400;
        font-size: 2.5rem
    }

    .menu-sp .menu-nav .menu {
        margin-top: 15%;
        overflow-y: hidden
    }

    .menu-sp .menu-nav ul.menu li {
        display: block;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all 1s;
        opacity: 0
    }

        .menu-sp .menu-nav ul.menu li:nth-child(1) {
            transform: translateY(2rem)
        }

        .menu-sp .menu-nav ul.menu li:nth-child(2) {
            transform: translateY(6rem)
        }

        .menu-sp .menu-nav ul.menu li:nth-child(3) {
            transform: translateY(12rem)
        }

        .menu-sp .menu-nav ul.menu li:nth-child(4) {
            transform: translateY(16rem)
        }

        .menu-sp .menu-nav ul.menu li:nth-child(5) {
            transform: translateY(20rem)
        }

        .menu-sp .menu-nav ul.menu li:nth-child(6) {
            transform: translateY(24rem)
        }

        .menu-sp .menu-nav ul.menu li:nth-child(7) {
            transform: translateY(24rem)
        }

        .menu-sp .menu-nav ul.menu li:nth-child(8) {
            transform: translateY(24rem)
        }

        .menu-sp .menu-nav ul.menu li:nth-child(9) {
            transform: translateY(24rem)
        }

        .menu-sp .menu-nav ul.menu li:nth-child(10) {
            transform: translateY(24rem)
        }

        .menu-sp .menu-nav ul.menu li:nth-child(11) {
            transform: translateY(24rem)
        }

        .menu-sp .menu-nav ul.menu li:nth-child(12) {
            transform: translateY(24rem)
        }
.mn-open.menu-sp .menu-nav ul.menu li {
    transform: translateY(0) !important;
    opacity: 1
}

.mn-open.menu-sp {
    height: 100%
}

.menu-sp .menu-nav ul.menu li a {
    padding: 9px;
    font-size: 20px;
    font-weight: inherit;
    text-transform: capitalize;
    position: relative;
    color: #575757;
    font-family: hbv-regular;
    text-transform: capitalize;
}

    .menu-sp .menu-nav ul.menu li a:after {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        content: '';
        width: 0;
        height: .2rem;
        background: rgba(255, 255, 255, .09);
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        -o-transition: all .2s;
        transition: all .5s
    }

    .menu-sp .menu-nav ul.menu li a:hover:after {
        width: 100%
    }

.menu-sp .box-close {
    display: none !important
}

.menu-sp .box-close {
    z-index: 9999;
    cursor: pointer;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all 1s;
    background: 0 0;
    border: 0
}

.box-open {
    position: relative;
    z-index: 999;
    background: #fff
}

.menu-hd {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all 1s;
    opacity: 0;
    position: relative;
    z-index: -1;
    margin-right: -10rem
}

    .menu-hd.menu-nav ul.menu li {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all 1s
    }

        .menu-hd.menu-nav ul.menu li:nth-child(1) {
            transform: translateX(2rem)
        }

        .menu-hd.menu-nav ul.menu li:nth-child(2) {
            transform: translateX(5rem)
        }

        .menu-hd.menu-nav ul.menu li:nth-child(3) {
            transform: translateX(8rem)
        }

        .menu-hd.menu-nav ul.menu li:nth-child(4) {
            transform: translateX(11rem)
        }

        .menu-hd.menu-nav ul.menu li:nth-child(5) {
            transform: translateX(14rem)
        }

        .menu-hd.menu-nav ul.menu li:nth-child(6) {
            transform: translateX(17rem)
        }

.menu-s.menu-hd.menu-nav {
    z-index: 0
}

    .menu-s.menu-hd.menu-nav ul.menu li {
        transform: translateX(0) !important
    }
.hamburger {
    height: 3rem
}

.hamburger-dark .hamburger-inner,
.hamburger-dark .hamburger-inner::after,
.hamburger-dark .hamburger-inner::before,
.header-overlay-fixed .is-active .hamburger-inner,
.header-overlay-fixed .is-active .hamburger-inner::after,
.header-overlay-fixed .is-active .hamburger-inner::before {
    background-color: #333 !important
}

.header-overlay .is-active .hamburger-inner,
.header-overlay .is-active .hamburger-inner::after,
.header-overlay .is-active .hamburger-inner::before {
    background-color: #fff !important
}

.hamburger-light .hamburger-inner,
.hamburger-light .hamburger-inner::after,
.hamburger-light .hamburger-inner::before {
    background-color: #fff !important
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
    height: .15rem !important;
}

.hamburger {
    float: right;
    padding: 0 !important
}

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

    .hamburger--slider.is-active .hamburger-inner::before {
        transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
        opacity: 0
    }

    .hamburger--slider.is-active .hamburger-inner::after {
        transform: translate3d(0, -20px, 0) rotate(-90deg)
    }
.kunye-title h1 {
    font-size: 53px;
    line-height: 60px;
    letter-spacing: 3px;
    color: #fff;
    font-family: mart-kunye;
}
.kunye-title h1 span{
    display:block;
    color:#f2c066;
}
.slider-main .caption {
    display: table;
    height: 95%;
    text-align: center;
    color: #fff;
    z-index: 1;
}
.slider-main .caption .container {
    position:relative;
}
.slider-main .caption .txt1 {
    font-size: 42px;
    line-height: 44px;
    padding-bottom: 10px;
    font-family: 'daxmedium';
}
.slider-main .caption .txt3 {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 25px;
    letter-spacing: 1px;
    font-family: daxlight;
}
.kunye-bg img {
    width: 100%;
    height: 100%;
}
.kunyeform-title h2 {
    font-size: 35px;
    line-height: 42px;
    color: #fff;
    letter-spacing: 3px;
    text-align: center !important;
    font-family: 'mart-kunye';
}
.btn-indir {
    background-color: #ad0f0a;
    border-radius: 25px;
    color: #fff;
    padding: 7px 13px;
    letter-spacing: 3px;
    text-align: center !important;
    font-family: 'mart-kunye';
    font-size: 12px;
    text-transform: uppercase;
}
.btn-indir:hover {
    background-color: #fff;
    color: #ad0f0a;
}
.kunye-tamamlandi {
    margin-bottom: 20px;
    border: 6px solid #1b2632;
    width: 175px !important;
    height: 175px !important;
    border-radius: 50%;
    margin-top: 0;
    padding: 0;
    background-color: #bbbec2;
}
.mb-0{
    margin-bottom:0px;
}

    .kunyedropdown option {
        font-size: 16px;
        color: #3b3b3b;
        padding: 5px;
        background: -moz-linear-gradient( top, #f0f0f0 0%, #d6d6d6);
        background: -webkit-gradient( linear, left top, left bottom, from(#f0f0f0), to(#d6d6d6));
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #999999;
        -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(255,255,255,1);
        -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(255,255,255,1);
        box-shadow: 0px 1px 2px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(255,255,255,1);
        text-shadow: 0px 1px 0px rgba(255,255,255,1), 0px 1px 0px rgba(255,255,255,0);
    }
.kunye-aktifmobil {
    background-color: #ad0f0a;
    border-radius: 7px;
}
.row:before, .row:after {
    display: none !important;
}
.asker-bg img {
    height: 850px;
    object-fit: inherit;
    width: auto;
}
.caption2 {
    position: absolute;
    bottom: -25px;
    right: 0;
    width: 100%;
    z-index: 3;
}
#main-slider .sloganright {
    position: relative;;
    writing-mode: tb-rl;
}
    #main-slider .sloganright span {
        color: #ffffff;
        font-family: hbv-regular;
        font-size: 16px;
        letter-spacing: 12px;
        z-index: 3;
    }
    #main-slider .sloganright span strong{
        color: #ca9e68;
        font-family: hbv-regular2;
    }
@media screen and (max-width:1500px) {
    .caption2 {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        z-index: 3;
    }
    .asker-bg img {
        height: 750px;
        object-fit: inherit;
        width: auto;
    }
    .slider-main img.anasayfaaktifright {
        width: 100%;
        height: 210px;
        padding-right: 65px;
        object-fit: inherit;
    }
}
@media screen and (max-width:1400px) {
    .slider-main img.anasayfaaktifright {
        width: 100%;
        height: 210px;
        padding-right: 65px;
        object-fit: inherit;
    }
    .footer-anasayfa .anasayfa-logolar img {
        width: 315px !important;
    }
}
@media screen and (max-width:1200px) {
    .caption2 {
        position: absolute;
        bottom: -50px;
        right: 0;
        width: 100%;
        z-index: 3;

    }
    .footer-anasayfa .anasayfa-logolar img {
        width: 275px !important;
    }

    .asker-bg img {
        height: 650px;
        object-fit: inherit;
        width: auto;
        float:right;
    }
}
@media screen and (max-width:1000px) {
    .caption2 {
        position: absolute;
        bottom: -55px;
        right: 0;
        width: 100%;
        z-index: 3;
    }

    .asker-bg img {
        height: 650px;
        object-fit: inherit;
        width: auto;
        float: right;
    }
}
    #main-slider .animated {
        animation-duration: .5s;
    }

    #main-slider .w-70 {
        width: 70% !important;
    }

    #main-slider.w-33 {
        width: 33.333% !important;
    }
.epostalowercase{
    text-transform:lowercase;
}
.d-flexcenterhacibektas {
    align-items: center;
    display: flex;
    padding: 45px 25px;
}
.floatright{
    float:right;
}
.breadcrumb-logo {
    position: absolute;
    right: 0;
    top: 28%;
}
.bs-example h2 {
    font-size: 40px;
    line-height: 47px;
    color: #c69c6d;
    margin-bottom: 35px;
    font-family: hbv-bold;
    font-weight: inherit;
}
.icerik-hacibektas {
    position: relative;
}
.icerik-hacibektas p {
    text-align: justify;
    font-size: 18px;
    line-height: 24px;
    color: #5d5d5d;
    font-family: 'hbv-regular';
}
.icerik-hacibektas p:last-child {
    margin-bottom:0;
}
.icerik-hacibektas ul li {
    font-size: 18px;
    line-height: 24px;
    color: #5d5d5d;
    font-family: 'hbv-regular';
    margin-bottom:10px;
    margin-left:15px;
}
.icerik-hacibektas h2 {
    font-family: hbv-regular;
    color: #c69c6d;
    margin-bottom: 15px;
    font-size: 29px;
    line-height: 34px;
}
.icerik-hacibektas table td {
    color: #5d5d5d;
    padding-left: 7px;
    font-size:17px;
    line-height:23px;
    font-family: 'hbv-regular';
    }
.icerik-hacibektas table{
   margin: 0 0 25px 0;
   width: 100% !important;
}
.icerik-hacibektas ul{
  position: relative;
  margin-bottom: 25px;
}
.icerik-hacibektas ul li {
  font-size: 17px;
  line-height:23px;
  color: #5d5d5d;
  font-family: 'hbv-regular';
  list-style:disc;
}
.icerik-hacibektas ul li ul{
  margin:15px 0;
}
.icerik-hacibektas p a {
  font-size: 17px;
  line-height:23px;
  text-decoration:underline;
  color: #5d5d5d;
  font-family: 'hbv-regular';
}
.etkinlik-list.left {
    text-align: left;
}
.etkinlik-list span {
    margin-right: 30px;
    padding: 0;
    font-size: 17px;
    line-height: 23px;
    font-family: 'hbv-regular';
}
.etkinlik-body {
    display: table-cell;
    vertical-align: top;
}
.etkinlik-aciklama ul li {
    font-size: 17px;
    line-height: 23px;
    color: #5d5d5d;
    font-family: hbv-regular;
    padding-bottom: 12px;
}
.content-icerik img {
    width: 100%;
    position: relative;
}
.content-icerik .position-2021temasi {
    position: absolute;
    top: 20%;
    margin: 0 auto;
    padding: 45px 75px;
    left: 0;
    text-align: center;
    right: 0;
}
.icerik-2021temasi p {
    font-size: 17px;
    line-height: 23px;
    color: #5d5d5d;
    font-family: hbv-regular;
    padding-bottom: 7px;
    margin-bottom:7px;
}
.position-2021temasi h2{
    color:#683131;
    font-size:34px;
    line-height:38px;
}
#main-slider {
    position:relative;
    width: 100%;
}
.slider-main img.anasayfaaktif {
    width: auto;
    height: 90vh;
    object-fit:inherit;
}
.slider-main img.anasayfaaktifright {
    width: 60%;
    height: 210px;
    object-fit: inherit;
}
.slider-main img.anasayfaaktifleft {
    width: 235px;
    display: inline-grid;
    height: auto;
    margin-left: 0;
    object-fit: inherit;
}
.img.goldbtn {
    padding-right: 90px;
    padding-bottom: 15px;
}
#main-slider .bulutlar {
    position: relative;
    top: 0;
}
#main-slider .bulut1 {
    position: absolute;
    top: -57px;
    left: -45px;
    z-index: 1;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.54,.085,.5,.92);
    animation-timing-function: cubic-bezier(.54,.085,.5,.92);
    -webkit-animation-name: float_up_down_two;
    animation-name: float_up_down_two;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}
#main-slider .bulut1 img{
    width: auto;
    height: 300px;
    position:relative;
}
#main-slider .bulut2 {
    position: absolute;
    top: 34%;
    left: 19%;
    z-index: 1;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.54,.085,.5,.92);
    animation-timing-function: cubic-bezier(.54,.085,.5,.92);
    -webkit-animation-name: float_up_down_two;
    animation-name: float_up_down_two;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}
#main-slider .bulut2 img{
    width: auto;
    height: 300px;
    position:relative;
}
#main-slider .bulut3 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.54,.085,.5,.92);
    animation-timing-function: cubic-bezier(.54,.085,.5,.92);
    -webkit-animation-name: float_up_down_two;
    animation-name: float_up_down_two;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}
#main-slider .bulut3 img{
    width: auto;
    height: 300px;
    position:relative;
}
#main-slider .bulut4 {
    position: absolute;
    top: 16%;
    right: 32%;
    z-index: 1;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.54,.085,.5,.92);
    animation-timing-function: cubic-bezier(.54,.085,.5,.92);
    -webkit-animation-name: float_up_down_two;
    animation-name: float_up_down_two;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}
#main-slider .bulut4 img{
    width: auto;
    height: 300px;
    position:relative;
}
#main-slider .footer-anasayfa {
    position: absolute;
    bottom: 40px;
    width: 100%;
}
.footer-anasayfa .anasayfa-logolar{
    float:right;
}
.footer-anasayfa .anasayfa-copyright {
    float: left;
    position: relative;
    z-index: 3;
}
.footer-anasayfa .anasayfa-copyright p{
    margin-bottom: 0;
    color: #fff;
    text-transform: uppercase;
    padding-top: 25px;
    margin-left: 0;
    font-family: 'hbv-regular';
}
.footer-anasayfa .anasayfa-logolar img {
    width: 415px;
    object-fit: inherit;
    height: auto;
    margin-right: 60px;
    z-index: 3;
}
@media screen and (max-width:1675px) {
    .footer-anasayfa .anasayfa-logolar img {
        width: 415px;
        margin-right: 45px;
    }
}
@media screen and (max-width:1600px) {
    .footer-anasayfa .anasayfa-logolar img {
        width: 375px;
        margin-right: 45px;
    }
}
@media screen and (max-width:1500px) {
    .footer-anasayfa .anasayfa-logolar img {
        width: 350px;
        margin-right: 22px;
    }
    #main-slider .sloganright span {
        font-size: 11px;
        letter-spacing: 7px;
        z-index: 3;
    }
}
@media screen and (max-width:1300px) {
    .slider-main img.anasayfaaktifleft {
        margin-left: -54px;
    }
    .footer-anasayfa .anasayfa-logolar img {
    width: 320px !important;
    margin-right: 45px;
}
}
@media screen and (max-width:1200px) {
    .slider-main img.anasayfaaktifleft {
        margin-left: -54px;
    }

    .footer-anasayfa .anasayfa-logolar img {
        width: 320px !important;
        margin-right: 15px;
    }
}
@media screen and (max-width:991px) {
    #main-slider .sloganright span {
        font-size: 11px;
        letter-spacing: 11px;
        z-index: 3;
    }
    #main-slider .sloganright {
        right: 2px;
        position: absolute;
        top: -85px;
    }
    .slider-main img {
        width: 100%;
        height: 415px;
        bottom: 68px;
        object-fit: cover;
        z-index: 2;
        position: absolute;
    }
}
@media screen and (max-width:991px) {
    .icerik-2021temasi-beyaz p {
        font-size: 10px !important;
        line-height: 14px !important;
        padding: 0 14px;
    }
    .footer-anasayfa .anasayfa-logolar {
        float: inherit;
        width: 45%;
        bottom: 0;
        position: relative;
        z-index: 3;
        margin: 0 auto;
    }
    .footer-anasayfa .anasayfa-logolar img {
            width: 100% !important;
    object-fit: inherit;
    height: auto;
    margin: 0 auto;
    z-index: 3;
    }
    .footer-anasayfa .anasayfa-copyright {
        float: inherit;
        text-align: center;
        width: 100%;
        position: relative;
        z-index: 3;
        height: 80px;
    }
    .footer-anasayfa .anasayfa-copyright p {
    font-size:10px;
}
    #main-slider .bulut1 {
        top: 52%;
        left: -31%;
    }
    #main-slider .bulut2 {
        top: 52%;
        right: 0%;
    }
    #main-slider .bulut3 {
        top: 43%;
        right: 25%;
        left: inherit;
    }
    #main-slider .bulut4 {
        top: 39%;
        right: -9%;
        left: inherit;
    }
    #main-slider .bulut1 img {
        width: auto;
        height: 125px;
        position: relative;
    }
    #main-slider .bulut2 img {
        width: auto;
        height: 125px;
        position: relative;
    }
    #main-slider .bulut3 img {
        width: auto;
        height: 125px;
        position: relative;
    }
    #main-slider .bulut4 img {
        width: auto;
        height: 125px;
        position: relative;
    }
    .slider-main img.anasayfaaktifright {
        width: 100%;
        height: 225px;
        object-fit: inherit;
        z-index: 3;
        position: relative;
        padding-right:0;
        bottom:0;
    }
    .slider-main img.anasayfaaktifright2 {
        width: 100%;
        height: 61px;
        margin-top: 17px;
        object-fit: inherit;
        z-index: 3;
        position: relative;
        bottom:0;
    }
    .slider-main img.anasayfaaktif {
        width: 60%;
        bottom: inherit;
        height: auto;
        object-fit: inherit;
        z-index: 3;
        position: relative;
        left: inherit;
    }
    .slider-main img.anasayfaaktif2 {
		width: 40%;
   	 	bottom: inherit;
   	 	height: 80px;
  	  	object-fit: inherit;
  	  	z-index: 3;
   	 	position: relative;
   	 	left: inherit;
  	  	margin-top: 35px;
	}
    }
    .slider-main img.anasayfaaktifleft {
        width: 235px;
        display: inline-grid;
        height: auto;
        margin-left: 0;
        object-fit: inherit;
        z-index: 3;
        position: relative;
    }
}
@media screen and (max-width:767px) {
    .footer-anasayfa .anasayfa-logolar img {
        width: 100% !important;
        object-fit: inherit;
        height: auto;
        margin: 0 auto;
        z-index: 3;
        bottom: 70px;
    }
    #main-slider .footer-anasayfa {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .caption2 {
        position: absolute;
        bottom: 15%;
        right: 0;
        width: 100%;
        z-index: 3;
    }
    .slider-main img.anasayfaaktifright {
        width: 100%;
        height: 105px;
        object-fit: inherit;
        z-index: 3;
        position: relative;
        padding-right: 17px;
        bottom:auto;
    }
    .slider-main img.anasayfaaktifright2 {
        width: 100%;
        height: 55px;
        object-fit: inherit;
        z-index: 3;
        position: relative;
        padding-right: 17px;
        margin-top: 0;
        bottom: auto;
    }
}
@media screen and (max-width:575px) {
    .slider-main img {
        width: 100%;
        height: 250px;
        bottom: 85px;
        object-fit: cover;
        z-index: 2;
        position: absolute;
    }
    .footer-anasayfa .anasayfa-logolar {
        float: inherit;
        width: 70%;
        bottom: 0;
        position: relative;
        z-index: 3;
        margin: 0 auto;
    }
}
.icerik-2021temasi-beyaz p {
    font-size: 13px;
    line-height: 15px;
    color: #ffffff;
    font-family: hbv-regular;
    padding-bottom: 5px;
    margin-bottom: 3px;
}
.video_block {
    width: 100%;
    height: 100vh;
}
.video_block video {
    opacity: .9;
    margin: auto;
    width: 100%!important;
    height: 100vh;
    object-fit: cover;
}
.basvuru-btn {
    font-size: 18px;
    color: #ffffff;
    line-height: 22px;
    padding: 11px 20px;
    text-align: center;
    font-family: hbv-regular;
    border-radius: 0 7px 7px 0;
    background-color: #77603d;
    margin-top: 40px;
    float: left;
}
#main-slider .basvuru-yap {
    position: absolute;
    width:100%;
    top: 50%;
    left: 0;
    z-index: 9;
}
.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    rigth: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 1rem;
    align-items: center;
    justify-content: center;
    z-index: 9999999
}

    .popup-overlay .popup {
        display: inline-block;
        width: 650px;
        min-height: 215px;
        background-color: #fff;
        border-radius: 5px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

a.close,
a.submit {
    margin-top: 0;
    display: inline-block;
    color: #fff;
    background-color: #4ab747;
    border-radius: 5px;
    padding: .25rem 1rem;
    text-decoration: none;
    font-family: sans-serif;
    margin-right: 1rem;
    font-size: 12px;
    line-height: 20px
}

    a.close:last-of-type,
    a.submit:last-of-type {
        margin-right: 0
    }

.bilgi-cookie {
    padding: 0;
    position:relative;
}
.bilgi-cookie a{
    position:relative;
}
.bilgi-cookie a{
    position: absolute;
    top: -33px;
    right: 0px;
    background-color: #e4032b;
    color: #fff;
    border-radius: 0;
    font-size: 19px;
    padding: 5px 15px 5px 15px;
}

    .bilgi-cookie span {
        font-size: 13px;
        border-bottom: 1px solid grey
    }

    .bilgi-cookie p {
        font-size: 12px;
        margin-bottom: 3px
    }
.team-photo {
    display: inline-block;
    width: 650px;
    min-height: 215px;
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.tanitim-bilgileri {
    position: relative;
    margin-top: 25px;
    z-index:3;
}
.tanitim-content h3 {
    font-size: 40px;
    line-height: 47px;
    color: #29326f;
    margin-bottom: 35px;
    font-family: hbv-bold;
    font-weight: inherit;
}
.tanitim-content p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom:15px;
    color: #323240;
    font-family:hbv-regular;
    text-align:justify;
}
.devamibtn {
    width: auto;
    padding: 15px 65px;
    font-family: hbv-regular;
    font-size: 18px;
    background-color: #29326f;
    color:#fff;
    border-radius:25px;
}
.devamibtn:hover{
    background-color: #c69c6d;
    color: #fff;
}
.devamibtn:focus{
    background-color: #c69c6d;
    color: #fff;
}
.devamibtn-gold {
    width: auto;
    padding: 15px 65px;
    font-family: hbv-regular;
    font-size: 18px;
    background-color: #c69c6d;
    color:#fff;
    border-radius:25px;
}
.devamibtn-gold:hover{
    background-color: #c69c6d;
    color: #fff;
}
.devamibtn-gold:focus{
    background-color: #c69c6d;
    color: #fff;
}
.tanitim-btn{
    margin-top:85px;
}
.tanitim-content{
    margin-top:75px;
}
.filmizlebtn {
    width: 235px;
    padding: 8px 65px;
    font-family: hbv-regular;
    font-size: 18px;
    background-color: #c69c6d;
    color: #fff;
    border-radius: 25px;
}
.filmizlebtn img{
    height:18px;
    margin-right:7px;
}
.filmizlebtn:hover {
    background-color: #323240;
    color:#fff;
}
.filmizlebtn:focus {
    background-color: #323240;
    color:#fff;
}
.etkinlik-bilgileri {
    position: relative;
    z-index: 3;
	margin-bottom: 80px;
    margin-top: 80px;
}

.etkinlik-content h3 {
    font-size: 40px;
    line-height: 47px;
    color: #c69c6d;
    margin-bottom: 35px;
    font-family: hbv-bold;
    font-weight:inherit;
}

.etkinlik-content p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #323240;
    font-family: hbv-regular;
}
.etkinlik-btn{
    position:relative;
    margin-top:35px;
}
.etkinlik-bilgileri .etkinlik-img .icon-holder {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    transition: all .9s ease;
    opacity: 1;
    z-index: 3;
}
.etkinlik-bilgileri .etkinlik-img .icon-holder .icon{
    display: table;
    width: 100%;
    height: 100%;
}
    .etkinlik-bilgileri .etkinlik-img .icon-holder .icon .inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
    .etkinlik-bilgileri .etkinlik-img .icon-holder .icon .inner a {
    position: relative;
    display: inline-block;
    color: #fff;
    text-align: center;
    transition: all .5s ease;
}
    .etkinlik-bilgileri .etkinlik-img .icon-holder .icon .inner a img {
    height: 125px;
}
    .insanligin-ozu{
        position:relative;
        padding-top:45px;
    }
.insanliginozu-content p {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #323240;
    font-family: hbv-regular;
}
.insanligin-ozu .insanliginozu-bg1 {
    left: 0;
    top: 0;
	display: none;
}
.insanligin-ozu .insanliginozu-bg2 {
    left: 0;
    bottom: 0px;
	display: none;
}
.insanligin-ozu .insanliginozu-bg3 {
    right: 0;
    top: 0;
	display: none;
}
.insanligin-ozu .insanliginozu-bg4 {
	top: 0px;
    bottom: 0;
}
.deco_wrap .shape_item {
    z-index: -1;
    position: absolute;
}
.deco_wrap {
    z-index: 1;
    position: relative;
}
.sahne {
    margin-top: 45px;
    margin-bottom: 35px;
    padding-top: 0;
    padding-bottom: 0;
    background-image: url(/images/anasayfa/anma-etkinligi.jpg);
    height: 738px;
    padding: 0 1rem;
    background-size: cover;
    background-position: 50%;
    position: relative;
    background-attachment: fixed;
}

.sahne-content h3 {
    font-size: 40px;
    line-height: 47px;
    color: #ffffff;
    margin-bottom: 35px;
    font-family: hbv-bold;
    font-weight: inherit;
}
.sahne-content p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #ffffff;
    font-family: hbv-regular;
    text-align:justify;
}
.sahne-content {
    position: relative;
    padding: 180px 0;
}
.sahne-btn{
    padding-top:25px;
    position:relative;
}
.mt-0{
    margin-top:0 !important;
}
.sahne-logo {
    position: absolute;
    right: 0;
    bottom: -45px;
    z-index: 11;
}
.sahne-logo img{
    width: 885px;
}
.sahne-gizle {
    display: inherit;
}
.sahne-mobil{
    display:none;
}
.destekleyen-kurumlar-title h3 {
    font-size: 40px;
    line-height: 47px;
    color: #c69c6d;
    margin-bottom: 0;
    font-family: hbv-bold;
    font-weight: inherit;
}
.destekleyen-kurumlar{
    position:relative;
    padding-top:55px;
	padding-bottom: 55px;
}
.medya-bg {
    position: relative;
    -webkit-box-shadow: 0 0 7px 0px rgb(0 0 0 / 40%);
    box-shadow: 0 0 7px 0px rgb(0 0 0 / 40%);
}
.medya-img {
    position: relative;
    border: 10px solid #ffffff;
}
.medya-img img{
    width:100%;
    height:270px;
    object-fit:cover;
   
}
.medya-img img:before {
    content:"";
    height:100%;
    width:100%;
}
.medya-img img.playbtn{
    width:auto;
    height:75px;
    object-fit:inherit;
    border:none;
}
.medya-img img.zoombtn{
    width: auto !important;
    height: 55px !important;
    object-fit: inherit !important;
    border: none !important;
    box-shadow: none !important;
}
.medya-title {
    background-color: white;
    padding: 5px 10px 30px;
}
.medya-title h3{
    font-family: gothambold;
    font-size: 16px;
    line-height: 21px;
    color: #2a2a2a;
    text-transform: uppercase;
    height: 45px;
}
.medya-title h4{
    font-family: gothambold;
    font-size: 16px;
    line-height: 21px;
    color: #2a2a2a;
    text-transform: uppercase;
    height: 30px;
    margin-bottom:0;
}
.medya-title a{
    position: absolute;
    right: 10px;
    background-color: #939393;
    padding: 8px 35px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'gothambold';
    bottom: -22px;
    z-index: 9;
}
.medya-bg .medya-img .icon-holder {
    display: none;
}
.medya-bg .medya-img:hover .icon-holder {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    opacity: 1;
    z-index: 3;
    display:inherit;
}
.medya-bg .medya-img:hover .icon-holder .icon{
    display: table;
    width: 100%;
    height: 100%;
}
.medya-bg .medya-img:hover .icon-holder .icon .inner{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: rgb(183 0 14 / 50%);
}
.medya-bg .medya-img:hover .icon-holder .icon .inner a{
    position: relative;
    display: inline-block;
    color: #fff;
    text-align: center;
}
.muze-galeri {
    position: relative;
    margin-bottom: -350px;
    z-index: 1;
}
.medya-text h4{
    color:#fff;
    margin-top:15px;
    font-family:hbv-bold;
    font-size:17px;
    line-height:22px;
    font-weight:inherit;
}
.footer-image img{
    width:100%;
}
.footer-menu{
    position:relative;
}
.footer-menu ul{
    position: relative;
    text-align: center;
}
.footer-menu ul li{
    display:block;
    list-style:none;
    margin-bottom:8px;
}
.footer-menu ul li a{
    color:#606060;
    font-size:18px;
    line-height:22px;
    font-family:hbv-regular;
}
.footer-sosyalmedya a {
    display: inline-table;
    color: #fefefe;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 0;
}
.footer-sosyalmedya a i {
    text-align: center;
    display: inline-block;
    font-size: 19px;
    border: 1px solid #c69c6d;
    border-radius: 50%;
    background-color: #c69c6d;
    padding: 5px 4px 3px 3px;
    width: 35px;
    height: 35px;
    line-height: 26px;
    color: #ffffff;
}
.footer-bottomtext {
    position: relative;
    margin: 70px 0 12px;
}
.footer-bottomtext p{
     color: #606060;
    font-size: 16px;
    line-height: 24px;
    font-family: hbv-regular;
    text-transform:uppercase;
}
.footer-logoimg{
    text-align:center;
}
.footer-logoimg img{
    height: 185px;
    margin-bottom: 35px;
}
.footer-margin {
    margin-top: -355px;
}
.bulut_wrap {
    z-index: 1;
    position: relative;
}
.bulut_wrap .bulut_item {
    z-index: -1;
    position: absolute;
}
.bulut_wrap .bulut-bg1 {
    left: 0;
    top: -360px;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.54,.085,.5,.92);
    animation-timing-function: cubic-bezier(.54,.085,.5,.92);
    -webkit-animation-name: float_up_down_two;
    animation-name: float_up_down_two;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}
.bulut_wrap .bulut-bg2 {
    right: 0;
     bottom: 0;
     -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.54,.085,.5,.92);
    animation-timing-function: cubic-bezier(.54,.085,.5,.92);
    -webkit-animation-name: float_up_down_two;
    animation-name: float_up_down_two;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}
@-webkit-keyframes sticky-animation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes sticky-animation {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
.page-ul{
    position:relative;
}
.page-ul li{
    list-style:none;
    display:inline-table;
    color:#fff;
}
.page-ul li a{
    list-style:none;
    display:inline-table;
    font-family:hbv-regular;
    font-size:18px;
    line-height:22px;
    color:#fff;
}
.page-logo{
    text-align:right;
}
.page-logo img{
    width:425px;
}
.sec-title-white{
    position:relative;
}
.icerik-menu ul li a.aktif-menu:before {
    content: "";
    position: absolute;
    border-bottom: 1px solid #c69c6d;
    display: inline-flex;
    width: 75%;
    right: 0;
    bottom: 10px;
    z-index: -1;
}
.icerik-menu ul li a:before {
    content: "";
    position: absolute;
    border-bottom: 1px solid #cccccc;
    display: inline-flex;
    width: 75%;
    right: 0;
    bottom: 10px;
    z-index: -1;
}
.icerik_wrap {
    z-index: 1;
    position: relative;
}
.icerik_wrap .icerik_item {
    z-index: -1;
    position: absolute;
}
.icerik_wrap .bulut-bg1 {
    left: 0;
    top: 170px;
	display: none;
}
.icerik_wrap .bulut-bg2 {
    right: 0;
    bottom: -55px;
	display: none;
}
.etkinlik-aciklama h4 {
    font-size: 18px;
    line-height: 22px;
    font-family: hbv-regular;
    font-weight: inherit;
    margin-bottom: 0;
    color: #5e5e5e;
}
.etkinlik-aciklama{
    position:relative;
    margin-top:20px;
}
.etkinlik-smallimg {
    height: 40px;
    width: 40px !important;
    position: absolute !important;
    left: -55px;
}
.icerik-menu-2 ul{
    position:relative;
}
.konsept-aciklama{
    position:relative;
}
.konsept-title{
    text-align:center;
    margin-top:20px;
}
.konsept-title p {
    font-size: 18px;
    color: #5e5e5e;
    line-height:22px;
    font-family:hbv-regular;
}
.kimlik-bg .kimlik-img .icon-holder {
    display: none;
}
.kimlik-bg .kimlik-img:hover .icon-holder {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    opacity: 1;
    z-index: 3;
    display: inherit;
}
.kimlik-bg .kimlik-img:hover .icon-holder .icon{
    display: table;
    width: 100%;
    height: 100%;
}
.kimlik-bg .kimlik-img:hover .icon-holder .icon .inner{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: rgb(198 156 109 / 49%);
}
.kimlik-bg .kimlik-img:hover .icon-holder .icon .inner a{
    position: relative;
    display: block;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
}
.goruntulebtn {
    height: 45px !important;
    width: auto !important;
    box-shadow:inherit !important;
}
.indirbtn {
    height: 45px !important;
    width: auto !important;
    box-shadow: inherit !important;
}
.proje-indir img {
    height: 100px !important;
    width: 100px !important;
    background-color: #c69c6d;
    border-radius: 50%;
    border: 4px solid #c69c6d;
}
.proje-indir span {
    font-size: 17px;
    display: block;
    color: #5e5e67;
    font-family: 'hbv-regular';
    margin-top: 10px;
}
.konsept-img img{
    width:100% !important;
    height:auto !important;
}
.anma-etkinlikleri img {
    max-width: 450px;
    height: auto !important;
    text-align: center;
}
.anma-etkinlikleri{
    text-align:center;
}
.anma-etkinlikleri h4{
    font-size: 35px;
    font-weight: inherit;
    line-height: 42px;
    color: #c69c6d;
    font-family: hbv-regular;
    text-align:center;
}
.konsept-img{
    margin-bottom:15px;
}
.konseptimg {
    width: 350px !important;
    height: auto !important;
}
.anma-etkinlikleri p{
    text-align:center;
}
.sergiimg{
    width:125px !important;
    height:auto;
}
.konseptimg {
    margin-bottom: 7px !important;
    margin-left: 0;
    padding-left: 0;
}
.border-shap .border-2 {
    position: absolute;
    left: 0px;
    top: -25px;
    width: 100%;
    height: 63px;
    background-repeat: repeat-x;
    animation: slide 400s linear infinite;
    -webkit-animation: slide 400s linear infinite;
    z-index: 9;
    background-image: url(/images/bg-ust.svg);
}
.border-shap .border-3 {
    position: absolute;
    left: 0px;
    bottom: -25px;
    width: 100%;
    height: 63px;
    background-repeat: repeat-x;
    animation: slide 400s linear infinite;
    -webkit-animation: slide 400s linear infinite;
    z-index: 9;
    background-image: url(/images/bg-alt.svg);
}
.ust-border {
    border-top: 1px solid #cccccc;
    padding-top: 25px;
    margin-top: 25px;
}
.insanligin-ozu img.afis-1 {
    position: absolute;
    bottom: 28%;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}
.insanligin-ozu img.z-index1 {
    position:relative;
    z-index:2;
}