/*@font-face {

    font-family: Delicious-Light;

    src: url('HelveticaNeue-Light.otf');

}



@font-face {

    font-family: Delicious-Thin;

    src: url('HelveticaNeue-ThinItalic.otf');

}



@font-face {

    font-family: 'MHelvetica Neue';

    src: url('../fonts/HelveticaNeue-Light.woff2') format('woff2'), url('../fonts/HelveticaNeue-Light.woff') format('woff');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'MHelvetica Neue';

    src: url('../fonts/HelveticaNeueLTPro-Roman.woff2') format('woff2'), url('../fonts/HelveticaNeueLTPro-Roman.woff') format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}*/



@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');



body {

    background: #fff;

    font-weight: 300;

    font-size: 14px;

    line-height: 22px;

    color: #2b6178;

    font-family: 'Roboto', sans-serif;

}



li {

    font-size: 13px;

}







.hline {

    border-top: 1px solid #b71d1d;

    width: 100%;

}



html {

    height: 100%;

}



p {

    color: #2b6178;

}



.piki {

    text-indent: 20px;

    line-height: 10px;

}



a {

    color: #2b6178;

}



    a:hover {

        outline: none;

        text-decoration: none;

        color: #2b6178;

    }



    a:focus {

        outline: none;

        outline-offset: 0;

    }



a {

    -webkit-transition: 300ms;

    -moz-transition: 300ms;

    -o-transition: 300ms;

    transition: 300ms;

}







ul {

    color: #2b6178;

    list-style: disc;

}



h1, h2, h3, h4, h5, h6 {

    font-weight: normal;

    font-size: 25pt;

}



h1 {

    color: #b71d1d;

}



h2 {

    font-size: 24px;

    color: #b71d1d;

}



h3 {

    font-size: 18px;

}



.erabox {

    color: #808080;

    padding-top: 5px;

    padding-bottom: 10px;

    line-height: 18px;

    float: left;

    /*font-family: 'MHelvetica Neue';*/

}



.erabox2 {

    padding-top: 5px;

    line-height: 18px;

    color: #B71D0D;

}



.medyaa {

    color: #B71D0D;

    font-size: 13px;

    font-weight: normal;

    /*font-family: 'MHelvetica Neue';*/

}



.medyasingle {

    overflow: hidden;

    position: relative;

    border: 1px solid #6e6e6e;

    border-radius: 10px;

    padding: 10px;

}



.erah5 {

    color: #376076;

    font-weight: 600;

    font-style: italic;

    padding-left: 200px;

}



.footerlist {

    float: left;

    padding-left: 25px;

    list-style: none;

}



.footerico {

    max-width: 100px;

    float: left;

    padding: 15px;

}



.footerfont {

    /*font-family: 'MHelvetica Neue';*/

    font-size: 13px;

    line-height: 22px;

}



.modal-footer {

    margin-top: 30px;

    max-height: 75px;

    display: block;

    position: relative;

}



footer p,

footer a {

    color: #fff;

    line-height: 1.2em;

    font-size: 11px;

}



footer .social a {

    font-size: 20px;

}



.overflow {

    overflow: hidden;

}



.uppercase {

    text-transform: uppercase;

}



.btn-common {

    font-size: 14px;

    color: #8cd7d5;

    border: 1px solid #8cd7d5;

    /*font-family: 'MHelvetica Neue';*/

    padding: 10px 25px;

}



#action .col-sm-5 {

    position: absolute;

    top: 0;

    height: 100%;

    right: 0;

}





.btn-common:hover,

.btn-common:focus {

    outline: none;

    background: none;

    box-shadow: none;

    color: #8cd7d5;

}



.align-right {

    text-align: right;

}



.inline {

    display: inline-block;

}



.padding {

    padding: 65px 0;

}



.padding-bottom {

    padding-bottom: 65px;

}



.padding-top {

    padding-top: 90px;

}



.padding-right {

    padding-right: 80px;

}



.padding-left {

    padding-left: 80px;

}



.margin-bottom {

    margin-bottom: 35px;

}



.carousel-indicators.visible-xs {

    height: 20px;

    margin: 0;

    padding: 0;

    position: absolute;

    top: -35px;

    width: 100%;

    left: 0;

}



    .carousel-indicators.visible-xs li {

        border-color: #D29948;

        border-width: 2px;

        height: 12px;

        margin: 0 5px 0 0;

        width: 12px;

    }



        .carousel-indicators.visible-xs li.active {

            background: rgba(210, 153, 72, 0.7);

        }



.eraicon {

    width: 22px;

}







/*************************

*******Header******

**************************/





#header {

    margin-bottom: 0;

    padding: 30px 0 60px 0;

}



    #header .navbar-inverse .container {

        position: relative;

    }



.search {

    position: absolute;

    top: 20px;

    right: 0;

    z-index: 1;

}



.entr {

    height: 50px;

    margin-top: -15px;

}



.search i {

    color: #dbb075;

    cursor: pointer;

    position: absolute;

    right: 10px;

    top: 2px;

}



.field-toggle {

    position: relative;

    top: 30px;

    right: 15px;

    display: none;

    height: 50px;

}



.search-form {

    padding-left: 10px;

    height: 40px;

    font-size: 18px;

    color: #818285;

    font-weight: 300;

    outline: none;

    border: 1px solid #dbb075;

    margin-top: 20px;

    border-radius: 4px;

}



.social-icons ul li {

    padding: 0 10px;

}



    .social-icons ul li:last-child {

        padding-right: 0;

    }



    .social-icons ul li a {

        font-size: 18px;

        color: #d3d3d3;

        padding: 0;

    }



        .social-icons ul li a:hover,

        .social-icons ul li a:focus {

            color: #dbb075;

            background: none;

        }



#header .navbar {

    background: #fff;

    border: 0;

    margin-bottom: 0;

}



#header .navbar-toggle {

    margin-top: 20px;

}



#header .navbar-brand {

    padding: 0;

    margin-left: 0;

}



    #header .navbar-brand h1 {

        padding: 0;

        margin: 0;

    }



#header .navbar-nav.navbar-right > li:last-child {

    margin-right: 20px;

}



#header .navbar-nav.navbar-right > li a {

    color: #2b6178;

    font-size: 14px;

    padding: 20px;

    text-transform: capitalize;

    font-weight: 700;

}



#header .navbar-inverse .navbar-nav li.active > a,

#header .navbar-inverse .navbar-nav li.active > a:focus,

#header .navbar-nav.navbar-right li > a:hover,

.navbar-inverse .navbar-nav > .open > a {

    background-color: inherit;

    border: 0;

    color: #2b6178;

}



#header .navbar-inverse .navbar-nav li a:hover {

    color: #2b6178;

}





/*Dropdown menu*/



ul.sub-menu {

    display: none;

    list-style: none;

    padding: 0;

    margin: 0;

}



#header .navbar-nav li ul.sub-menu li a {

    color: #2b6178;

    padding: 5px 0;

    font-size: 13px;

    display: block;

    text-transform: capitalize;

}



#header .navbar-nav li ul.sub-menu li .active {

    background: #fef7ee;

    color: #2b6178;

    position: relative;

}



    #header .navbar-nav li ul.sub-menu li .active i {

        position: absolute;

        font-size: 56px;

        top: -13px;

        color: #2b6178;

    }



    #header .navbar-nav li ul.sub-menu li .active .fa-angle-right {

        left: -3px;

    }



    #header .navbar-nav li ul.sub-menu li .active .fa-angle-left {

        right: -3px;

    }





#header .navbar-nav li ul.sub-menu li a:hover,

#header .navbar-nav li ul.sub-menu li a:focus {

    background: #fef7ee;

    color: #2b6178;

}



.fa-angle-down {

    padding-left: 5px;

}



.scaleIn {

    -webkit-animation-name: scaleIn;

    animation-name: scaleIn;

}



@-webkit-keyframes scaleIn {

    0% {

        opacity: 0;

        -webkit-transform: scale(0);

        transform: scale(0);

    }



    100% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



@keyframes scaleIn {

    0% {

        opacity: 0;

        -webkit-transform: scale(0);

        -ms-transform: scale(0);

        transform: scale(0);

    }



    100% {

        opacity: 1;

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

    }

}





/*************************

*******Footer******

**************************/

.hrclr {

    color: red;

}



#footer {

    padding-bottom: 75px;

    background-image: url(../images/home/footer.png);

    background-repeat: repeat-x;

    background-position: bottom;

    background-size: contain;

}



    #footer h1 {

        margin-bottom: 65px;

        margin-top: 36px;

    }



    #footer .bottom-separator {

        margin-bottom: 60px;

    }



#message {

    height: 240px;

    resize: none;

}



.bottom > h2 {

    margin-top: 0;

    margin-bottom: 26px;

}



.bottom .media-body h3 {

    margin-top: 0;

    padding-left: 25px;

}



    .bottom .media-body h3 a {

        color: #d99c4e;

    }



.testimonial .media {

    margin-top: 0;

    margin-bottom: 25px;

}



    .testimonial .media > .pull-left {

        margin-right: 25px;

    }



        .testimonial .media > .pull-left img {

            margin-top: 6px;

        }



    .testimonial .media .media-body blockquote {

        padding-left: 25px;

        padding-right: 30px;

        position: relative;

        border-left: 0;

        margin-bottom: 0;

    }



        .testimonial .media .media-body blockquote:before {

            position: absolute;

            left: 5px;

            top: 8px;

            content: '"';

            font-size: 40px;

            color: #d99c4e;

            font-family: 'MHelvetica Neue';

            transform: rotate(180deg);

            -ms-transform: rotate(180deg); /* IE 9 */

            -webkit-transform: rotate(180deg); /* Opera, Chrome, and Safari */

            line-height: 0;

        }



        .testimonial .media .media-body blockquote:after {

            position: absolute;

            right: 30px;

            bottom: 14px;

            content: '"';

            font-size: 40px;

            color: #d99c4e;

            /*font-family: 'MHelvetica Neue';*/

            line-height: 0;

        }



.bottom > address {

    line-height: 22px;

    margin-bottom: 40px;

}



.form-control {

    border: 1px solid #8cd7d5;

    font-weight: 300;

    outline: none;

    box-shadow: none;

    height: 85px;

}



    .form-control:hover,

    .form-control:focus {

        border-color: #8cd7d5;

        outline: none;

        box-shadow: none;

    }



.btn-submit {

    width: 200px;

    background-color: #8cd7d5;

    color: #fff;

    font-size: 14px;

    font-weight: 300;

    letter-spacing: 5px;

    text-transform: uppercase;

    border-radius: 15px;

    margin-top: 5px;

    box-shadow: none;

    padding: 10px;

}



    .btn-submit:hover,

    .btn-submit:focus {

        color: #fff;

        outline: none;

        box-shadow: none;

        opacity: .8;

    }



.copyright-text {

    margin-top: 70px;

}



/*************************

*******Home Page******

**************************/



#home-slider {

    background: url(../images/home/slider-bg.png) 0 100% repeat-x;

    position: relative;

}



    #home-slider .main-slider {

        position: relative;

        height: 450px;

    }



    #home-slider .slide-text {

        position: absolute;

        top: 50px;

        left: 0;

        width: 450px;

    }



.animate-in .slide-text {

    -webkit-animation: fadeInLeftBig 700ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;

    animation: fadeInLeftBig 700ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;

}



#home-slider .slider-house {

    position: absolute;

    right: 0;

    bottom: 0;

}



.animate-in .slider-house {

    -webkit-animation: fadeInDown 700ms ease-in-out 200ms both;

    animation: fadeInDown 700ms ease-in-out 200ms both;

}



#home-slider .slider-circle1 {

    position: absolute;

    right: 430px;

    bottom: 210px;

}



.animate-in .slider-circle1 {

    -webkit-animation: bounceIn 500ms ease-in-out 900ms both;

    animation: bounceIn 500ms ease-in-out 900ms both;

}



#home-slider .slider-circle2 {

    position: absolute;

    right: 420px;

    bottom: 245px;

}



.animate-in .slider-circle2 {

    -webkit-animation: bounceIn 500ms ease-in-out 1100ms both;

    animation: bounceIn 500ms ease-in-out 1100ms both;

}



#home-slider .slider-cloud1 {

    position: absolute;

    right: 290px;

    bottom: 250px;

}



.animate-in .slider-cloud1 {

    -webkit-animation: bounceIn 500ms ease-in-out 1300ms both;

    animation: bounceIn 500ms ease-in-out 1300ms both;

}



#home-slider .slider-cloud2 {

    position: absolute;

    right: 375px;

    bottom: 330px;

}



.animate-in .slider-cloud2 {

    -webkit-animation: bounceIn 500ms ease-in-out 1500ms both;

    animation: bounceIn 500ms ease-in-out 1500ms both;

}



#home-slider .slider-cloud3 {

    position: absolute;

    right: 75px;

    bottom: 300px;

}



.animate-in .slider-cloud3 {

    -webkit-animation: bounceIn 500ms ease-in-out 1700ms both;

    animation: bounceIn 500ms ease-in-out 1700ms both;

}



#home-slider .slider-sun {

    position: absolute;

    right: 190px;

    bottom: 300px;

}



.animate-in .slider-sun {

    -webkit-animation: bounceIn 800ms ease-in-out 1900ms both;

    animation: bounceIn 800ms ease-in-out 1900ms both;

}



#home-slider .slider-cycle {

    position: absolute;

    right: 500px;

    bottom: 0;

}



.animate-in .slider-cycle {

    -webkit-animation: slideInLeft 4000ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;

    animation: slideInLeft 4000ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;

}



#home-slider h1 {

    margin-top: 70px;

    margin-bottom: 25px;

}



#home-slider .btn-common {

    margin-top: 20px;

}



#home-slider .preloader {

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    background: #fafafa;

    text-align: center;

}



    #home-slider .preloader > i {

        font-size: 48px;

        height: 48px;

        line-height: 48px;

        color: #dbb075;

        position: absolute;

        left: 50%;

        margin-left: -24px;

        top: 50%;

        margin-top: -24px;

    }





#action,

#page-breadcrumb {

    background-image: url(../images/home/tour-bg.png);

    background-color: #fbfafa;

    background-repeat: repeat-x;

    height: 155px;

    background-position: center;

    display: table;

    position: static;

    width: 100%;

}



.vertical-center {

    display: table-cell;

    vertical-align: middle;

    width: 100%;

    position: statice;

}



.sun {

    background-image: url(../images/home/tour-icon1.png);

    background-repeat: no-repeat;

    background-position: 100% bottom;

}





.single-service {

    overflow: hidden;

    display: block;

    position: relative;

    background-color: #f2f2f2;

    border: 2px solid #f2f2f2;

    border-radius: 10px;

    height: 500px;

    max-height: 300px;

    margin: 10px;

}



    .single-service img {

        margin-bottom: 35px;

    }



    .single-service .fold {

        margin-bottom: 35px;

    }



    .single-service h2 {

        margin-top: 0;

        margin-bottom: 15px;

    }



    .single-service p {

        padding: 0 48px;

    }



.action h1 {

    margin-top: 0;

}



.action p {

    font-size: 18px;

    margin-bottom: 0;

    font-weight: 300;

}



.action .btn-common {

    margin-top: 55px;

    float: left;

}



.title {

    color: #404040;

    font-weight: 300;

}



.single-features {

    overflow: hidden;

    padding-top: 65px;

    padding-bottom: 40px;

}



    .single-features:last-child {

        padding-bottom: 95px;

    }



    .single-features h2 {

        margin-bottom: 15px;

    }



#clients {

    padding-bottom: 45px;

}



.clients {

    margin-bottom: 45px;

}



    .clients img {

        display: inline-block;

    }



.clients-logo {

    overflow: hidden;

    margin-bottom: 10px;

}







/*************************

*******About Us Page******

**************************/



#action,

#page-breadcrumb {

    position: relative;

}



#team {

    padding: 85px 0;

}



#team-carousel {

    margin-top: 80px;

}



#company-information .padding-top {

    padding-top: 105px;

}



.single-service img {

    height: 85px;

}



.tour-button {

    background-image: url(../images/home/tour-icon2.png);

    height: 100%;

    background-repeat: no-repeat;

    position: absolute;

    width: 100%;

    left: 0;

    background-position: 151px 4px;

}



.team-single {

    position: relative;

}



.person-thumb {

    position: relative;

}



.social-profile {

    background: none repeat scroll 0 0 rgba(137, 97, 46, 0.8);

    display: none;

    height: 100%;

    position: absolute;

    text-align: center;

    top: 0;

    -webkit-transition: all 0.9s ease;

    -moz-transition: all 0.9s ease;

    -ms-transition: all 0.9s ease;

    -o-transition: all 0.9s ease;

    transition: all 0.9s ease;

    width: 100%;

}



.team-single:hover .social-profile {

    display: block;

    -webkit-animation: fadeInUp 400ms;

    animation: fadeInUp 400ms;

    -webkit-transition: all 0.9s ease;

    -moz-transition: all 0.9s ease;

    -ms-transition: all 0.9s ease;

    -o-transition: all 0.9s ease;

    transition: all 0.9s ease;

}



.social-profile .nav-pills {

    display: inline-block;

    margin-top: -26px;

    padding: 0;

    position: relative;

    top: 50%;

}



    .social-profile .nav-pills li {

        display: inline-block;

        margin: 0 5px;

    }



        .social-profile .nav-pills li a {

            color: #fff;

            border: 1px solid #fff;

            width: 40px;

            height: 40px;

            line-height: 40px;

            text-align: center;

            padding: 0;

            border-radius: 40px;

            -webkit-transition: all 0.9s ease;

            transition: all 0.9s ease;

        }



            .social-profile .nav-pills li a:hover {

                color: #89612e;

                border-color: #89612e;

            }



.person-info h2 {

    font-weight: 300;

    margin-bottom: 5px;

}



.person-info h3 {

    font-size: 16px;

    color: #686868;

    font-weight: 300;

    margin-top: 0;

    margin-bottom: 0;

}



.team-carousel-control {

    position: absolute;

    top: 36%;

    width: 13px;

    height: 16px;

    text-indent: -9999999px;

    -webkit-transition: all 0.9s ease;

    -moz-transition: all 0.9s ease;

    -ms-transition: all 0.9s ease;

    -o-transition: all 0.9s ease;

    transition: all 0.9s ease;

}



.right.team-carousel-control {

    right: -50px;

    background-image: url(../images/aboutus/right.png);

}



.left.team-carousel-control {

    left: -50px;

    background-image: url(../images/aboutus/left.png);

}



.team-carousel-control:hover {

    background-position: 0 -18px;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}



.count h1 {

    font-size: 60px;

    color: #dab074;

}



.count h3 {

    font-size: 16px;

}



.progress .progress-bar.six-sec-ease-in-out {

    -webkit-transition: width 1s ease-in-out;

    -moz-transition: width 1s ease-in-out;

    -ms-transition: width 1s ease-in-out;

    -o-transition: width 1s ease-in-out;

    transition: width 1s ease-in-out;

}



.top-zero {

    margin-top: 0;

}



h3.top-zero {

    font-size: 20px;

}



#company-information .about-us h2 {

    margin-bottom: 45px;

}



.single-skill h3 {

    font-size: 16px;

}



.progress {

    height: 30px;

    box-shadow: none;

    -webkit-box-shadow: none;

}



.progress-bar {

    line-height: 30px;

    box-shadow: none;

    -webkit-box-shadow: none;

}



    .progress-bar.progress-bar-primary {

        background: #dab074;

    }







/*************************

*******Service Page******

**************************/

#recent-projects {

    padding: 85px 0;

}



.recent-projects .team-single {

    height: 355px;

}



.recent-projects p.padding-bottom {

    padding-bottom: 50px;

}



.choose {

    padding-top: 30px;

}



#company-information.choose .padding-top {

    padding-top: 78px;

}



#company-information h2 {

    margin-bottom: 25px;

    margin-top: 0;

}



ul.elements {

    list-style: none;

    padding: 0;

    margin: 20px 0 0 0;

}



    ul.elements li {

        margin: 6px 0;

    }



        ul.elements li > i {

            color: #d29948;

            display: inline-block;

            margin-right: 10px;

        }



#company-information h1.margin-bottom {

    margin-bottom: 26px;

}



/*************************

*******Portfolio Default**

**************************/



.portfolio-a {

    font-size: 13px;

    color: #2b6178;

    text-align: left;

    /*font-family: 'MHelvetica Neue';*/

}



.portfolio-wrapper {

    height: 100%;

}



.portfolio-single2 {

    overflow: hidden;

    position: relative;

    background-color: #f2f2f2;

    border: 2px solid #f2f2f2;

    border-radius: 25px;

    padding: 25px 20px;

    height: 100%;

}



.portfolio-single {

    position: relative;

    background-color: #fff;

}



.portfolio-thumb {

    border-radius: 15px;

    position: relative;

}



    .portfolio-thumb img {

        width: 100%;

    }



.portfolio-single:hover .portfolio-view {

    display: block;

    -webkit-animation: fadeInUp 400ms;

    animation: fadeInUp 400ms;

}



#portfolio .row {

    margin-left: -10px;

    margin-right: -10px;

}



.portfolio-view {

    display: none;

    position: absolute;

    top: 0;

    height: 100%;

    background: rgba(255, 255, 255, 0.3);

    border-radius: 35px;

    width: 100%;

    text-align: center;

}



    .portfolio-view .nav-pills {

        padding: 0;

        display: inline-block;

        margin-top: -26px;

        top: 50%;

        position: relative;

    }



        .portfolio-view .nav-pills li {

            display: inline-block;

            margin: 0 5px;

        }



            .portfolio-view .nav-pills li a {

                color: #fff;

                border: 1px solid #fff;

                width: 40px;

                height: 40px;

                line-height: 38px;

                text-align: center;

                padding: 0;

                border-radius: 40px;

                -webkit-animation: scaleIn 400ms linear 100ms both;

                animation: scaleIn 400ms linear 100ms both;

                -webkit-transition: all 0.9s ease;

                transition: all 0.9s ease;

            }



                .portfolio-view .nav-pills li a:hover {

                    color: #89612e;

                    border-color: #89612e;

                    -webkit-transition: all 0.9s ease;

                    transition: all 0.9s ease;

                }



.portfolio-info {

    overflow: hidden;

    margin-bottom: 30px;

}



.portfolio-info2 img {

    overflow: hidden;

    margin-bottom: 30px;

    text-align: left;

}



.portfolio-info h2 {

    font-size: 18px;

    margin: 15px 0 0;

}



.portfolio-filter {

    margin: 80px 0;

    padding: 0;

}



    .portfolio-filter li {

        display: inline-block;

        position: relative;

    }



        .portfolio-filter li a {

            border-radius: 0;

            color: #686868;

            font-size: 18px;

            font-weight: 300;

            padding: 0 25px;

            text-transform: capitalize;

            border: none;

        }



        .portfolio-filter li .active {

            background: transparent;

            box-shadow: none;

            -webkit-box-shadow: none;

        }



        .portfolio-filter li a:hover,

        .portfolio-filter li a:focus,

        .portfolio-filter li a.active {

            background: transparent;

            box-shadow: none;

            -webkit-box-shadow: none;

        }



            .portfolio-filter li a.active:before {

                position: absolute;

                content: "";

                left: 0;

                width: 13px;

                height: 16px;

                background: url(../images/portfolio/icon.png);

                top: 5px;

            }



.portfolio-pagination {

    text-align: center;

    padding-top: 40px;

    padding-bottom: 90px;

}



.pagination li {

    display: inline-block;

    margin: 0 10px;

}



    .pagination li a {

        color: #000;

        padding: 5px 10px;

        border-radius: 5px;

        border: 1px solid #fff;

    }



    .pagination li:first-child a {

        background: url(../images/portfolio/left.png);

        background-repeat: no-repeat;

        text-indent: -999999999px;

        background-position: center top 10px;

        width: 32px;

        height: 36px;

        border: none;

        -webkit-transition: 300ms;

        transition: 300ms;

    }



        .pagination li:first-child a:hover {

            background: url(../images/portfolio/left.png);

            background-position: center top -37px;

            background-repeat: no-repeat;

            -webkit-transition: 300ms;

            transition: 300ms;

        }



    .pagination li:last-child a {

        background: url(../images/portfolio/right.png);

        background-repeat: no-repeat;

        text-indent: -999999999px;

        background-position: center top 10px;

        width: 32px;

        height: 36px;

        border: none;

        -webkit-transition: 300ms;

        transition: 300ms;

    }



        .pagination li:last-child a:hover {

            background: url(../images/portfolio/right.png);

            background-position: center top -37px;

            background-repeat: no-repeat;

            -webkit-transition: 300ms;

            transition: 300ms;

        }



    .pagination li a:hover,

    .pagination .active a,

    .pagination .active a:hover,

    .pagination .active a:focus {

        background: none;

        border-color: #cc9b59;

        color: #cc9b59;

    }





/*****************************

Portfolio with right sidebar

*****************************/



.sidebar h3 {

    color: #404040;

    margin-top: 0;

    border-bottom: 3px solid #ececec;

    margin-bottom: 6px;

    padding-bottom: 8px;

}



.sidebar-item {

    margin-bottom: 48px;

}



.categories .navbar-stacked li {

    border-bottom: 1px solid #ececec;

}



    .categories .navbar-stacked li:last-child {

        border-bottom: 0px solid #ececec;

    }



    .categories .navbar-stacked li a {

        font-size: 16px;

        color: #6a6a6a;

        padding: 8px 0;

        padding-left: 0;

    }



        .categories .navbar-stacked li a:hover {

            background: none;

            margin-left: 20px;

            color: #dab074;

            opacity: 1;

        }



    .categories .navbar-stacked li.active a {

        color: #dab074;

        padding-left: 20px;

    }



        .categories .navbar-stacked li.active a:before {

            position: absolute;

            content: "";

            border-color: transparent transparent transparent #dab074;

            border-width: 8px;

            border-style: solid;

            left: 0;

            top: 13px;

            margin-top: 0;

            z-index: 0;

            transition: all 0.3s ease 0s;

            -webkit-transition: all 0.3s ease 0s;

        }



        .categories .navbar-stacked li.active a:after {

            position: absolute;

            content: "";

            border-color: transparent transparent transparent #fff;

            border-width: 6px;

            border-style: solid;

            left: 0px;

            top: 15px;

            margin-top: 0;

            z-index: 1;

            transition: all 0.3s ease 0s;

            -webkit-transition: all 0.3s ease 0s;

        }



.sidebar-item .media {

    border-bottom: 1px solid #ececec;

    padding-bottom: 10px;

    padding-top: 21px;

    margin-top: 0;

    transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

}



    .sidebar-item .media:last-child {

        border-bottom: 0px solid #ececec;

        padding-bottom: 0;

    }



    .sidebar-item .media:hover {

        border-left: 2px solid #dab074;

        padding-left: 5px;

        transition: all 0.3s ease 0s;

        -webkit-transition: all 0.3s ease 0s;

    }



        .sidebar-item .media:hover.media .media-body h4 a {

            color: #dab074;

            transition: all 0.3s ease 0s;

            -webkit-transition: all 0.3s ease 0s;

        }



    .sidebar-item .media .media-body h4 {

        margin-top: 0;

        margin-bottom: 8px;

    }



        .sidebar-item .media .media-body h4 a {

            color: #7d7d7d;

            font-size: 16px;

        }



    .sidebar-item .media .media-body p {

        color: #b4b4b4;

        font-size: 12px;

    }



.tag-cloud .nav-pills {

    margin-top: 16px;

}



    .tag-cloud .nav-pills li {

        margin: 0;

        margin-top: 6px;

        margin-right: 4px;

    }



        .tag-cloud .nav-pills li a {

            font-size: 14px;

            font-weight: 300;

            padding: 5px 15px;

            background: #bbbbbb;

            color: #fff;

            border-radius: 3px;

        }



            .tag-cloud .nav-pills li a:hover {

                background: #dab074;

            }



.popular ul.gallery {

    margin: 0;

    padding: 0;

    list-style: none;

    margin: 10px -8px;

}



    .popular ul.gallery li {

        display: block;

        width: 33.33%;

        float: left;

        padding: 8px;

    }



        .popular ul.gallery li a {

            display: block;

        }



            .popular ul.gallery li a img {

                width: 100%;

                transition: border-radius 300ms ease-in;

                -webkit-transition: border-radius 300ms ease-in;

            }



                .popular ul.gallery li a img:hover {

                    border-radius: 60px;

                }



/* Start: Recommended Isotope styles */



/**** Isotope Filtering ****/

.isotope-item {

    z-index: 2;

}



.isotope-hidden.isotope-item {

    pointer-events: none;

    z-index: 1;

}



/**** Isotope CSS3 transitions ****/



.isotope,

.isotope .isotope-item {

    -webkit-transition-duration: 0.8s;

    -moz-transition-duration: 0.8s;

    -ms-transition-duration: 0.8s;

    -o-transition-duration: 0.8s;

    transition-duration: 0.8s;

}



.isotope {

    -webkit-transition-property: height, width;

    -moz-transition-property: height, width;

    -ms-transition-property: height, width;

    -o-transition-property: height, width;

    transition-property: height, width;

}



    .isotope .isotope-item {

        -webkit-transition-property: -webkit-transform, opacity;

        -moz-transition-property: -moz-transform, opacity;

        -ms-transition-property: -ms-transform, opacity;

        -o-transition-property: -o-transform, opacity;

        transition-property: transform, opacity;

    }



        /**** disabling Isotope CSS3 transitions ****/

        .isotope.no-transition,

        .isotope.no-transition .isotope-item,

        .isotope .isotope-item.no-transition {

            -webkit-transition-duration: 0s;

            -moz-transition-duration: 0s;

            -ms-transition-duration: 0s;

            -o-transition-duration: 0s;

            transition-duration: 0s;

        }









/*****************************

Portfolio Details

*****************************/



#portfolio-information.padding-top {

    padding-top: 100px;

}



.project-name h2 {

    margin-top: 0;

    margin-bottom: 15px;

}



#related-work .title {

    margin-bottom: 55px;

    margin-top: 10px;

}



.navbar-default {

    background: none;

    padding: 0;

}



    .navbar-default li a {

        font-size: 12px;

        padding: 0;

        padding-right: 15px;

    }



        .navbar-default li a i {

            padding-right: 8px;

        }



        .navbar-default li a:hover {

            color: #dab074;

            background: none;

        }



.skills .navbar-default,

.client .navbar-default {

    margin-left: 35px;

}



.live-preview .btn-common {

    margin-top: 21px;

    padding: 13px 45px;

}





/*****************************

Blog Default

*****************************/



.single-blog.timeline {

    background: #FFFFFF;

    border: 1px solid #EEEEEE;

    border-bottom: 0;

    position: relative;

    padding-bottom: 0;

}



.timeline .post-content {

    padding: 20px 20px 0;

}



.post-thumb {

    margin: -1px -1px 0;

    position: relative;

    overflow: hidden;

    border: 2px solid #4E4C4C;

    border-radius: 12px;

    max-width: 250px;

    max-height: 300px;

}



.timeline .post-thumb img {

    width: 100%;

}



.post-thumb iframe {

    width: 100%;

    min-height: 270px;

    border: 0;

}



.post-overlay {

    position: absolute;

    top: 50%;

    display: none;

    width: 94px;

    height: 140px;

    margin-top: -70px;

    overflow: hidden;

}



    .post-overlay span {

        position: absolute;

        left: 50%;

        bottom: 0;

        margin-left: -60px;

        -webkit-animation: fadeInUp 400ms;

        animation: fadeInUp 400ms;

        z-index: 9;

    }



        .post-overlay span:before {

            position: absolute;

            bottom: 0;

            border-style: solid;

            border-width: 60px;

            content: "";

            border-color: transparent transparent #dab074 transparent;

            z-index: -1;

            cursor: initial;

        }



        .post-overlay span a {

            font-size: 30px;

            color: #fff;

            background: transparent;

            padding: 0;

            margin-left: 50px;

        }



.single-blog:hover .post-overlay {

    display: block;

    -webkit-animation: fadeIn 300ms;

    animation: fadeIn 300ms;

}



.timeline-divider {

    position: relative;

    padding-top: 50px;

}



    .timeline-divider:before {

        position: absolute;

        top: 0;

        content: "";

        border-left-style: solid;

        border-left-width: 1px;

        height: 100%;

        border-left-color: #dab074;

        left: 50%;

        margin-left: -2px;

    }



.timeline-blog .col-sm-6.padding-top {

    padding-top: 70px;

}



.post-content {

    padding: 5px 0;

    max-height: 300px;

}



.timeline-date .btn-common {

    font-size: 18px;

    color: #4a4a4a;

    font-weight: 300;

    border-radius: 0;

    padding: 17px 40px;

}



.arrow-right {

    position: relative;

}



    .arrow-right:after {

        position: absolute;

        right: 1px;

        content: "";

        top: 15px;

        background: url(../images/blog/left.png);

        width: 43px;

        height: 54px;

    }



.arrow-left {

    position: relative;

}



    .arrow-left:before {

        position: absolute;

        left: -2px;

        content: "";

        top: 86px;

        background: url(../images/blog/right.png);

        width: 43px;

        height: 54px;

    }



.post-title {

    margin-top: 0;

}



    .post-title a,

    .comments-number a {

        color: #686868;

    }



        .post-title a:hover,

        .comments-number a:hover {

            color: #dab074;

        }



.post-content .post-author {

    margin-top: 0;

}



    .post-content .post-author a {

        font-weight: 300;

        font-size: 14px;

    }



a.read-more {

    color: #a5732a;

    font-weight: 300;

}



    a.read-more:hover {

        opacity: .8;

    }



.post-bottom {

    border-top: 1px solid #eeeeee;

    padding-top: 10px;

    margin-top: 20px;

    margin: 20px -20px 0;

    padding: 20px 20px 0;

}





/*****************************

Blog with right sidebar

*****************************/



.single-blog {

    padding-bottom: 30px;

}



    .single-blog .post-bottom {

        border-bottom: 1px solid #eeeeee;

        padding-top: 10px;

        padding-bottom: 10px;

    }



    .single-blog .post-overlay span {

        left: 0;

        top: 0;

        margin-left: 0;

        width: 94px;

        height: 140px;

        background: url(../images/blog/blog-arrow.png);

        -webkit-animation: fadeInLeft 400ms;

        animation: fadeInLeft 400ms;

    }



        .single-blog .post-overlay span a {

            margin-left: 8px;

            font-weight: 700;

            font-size: 36px;

            line-height: 18px;

            position: absolute;

            top: 50px;

        }



            .single-blog .post-overlay span a small {

                font-size: 16px;

                font-weight: 300;

                margin-left: 5px;

            }



        .single-blog .post-overlay span:before {

            border-color: transparent;

            border-width: 0;

        }



.post-nav {

    margin: 0;

    padding: 0;

}



    .post-nav li a {

        padding: 0;

        text-align: left;

    }



        .post-nav li a i {

            color: #dab074;

            margin-right: 8px;

        }



        .post-nav li a:hover {

            background: none;

        }



.blog-padding-right {

    padding-right: 35px;

}



.blog-pagination {

    text-align: center;

    padding-top: 10px;

    padding-bottom: 55px;

}



/*****************************

Blog with right sidebar

*****************************/



.masonery_area .single-blog {

}



    .masonery_area .single-blog .post-thumb {

        height: auto;

    }



    .masonery_area .single-blog .post-title {

        margin-top: 5px;

    }



        .masonery_area .single-blog .post-title a {

            font-size: 20px;

        }



    .masonery_area .single-blog .post-thumb img {

        height: auto;

    }



    .masonery_area .single-blog .post-bottom {

        border-top: 0;

        padding-top: 0;

        margin-top: 15px;

    }



/* Audio CSS */



.audiojs {

    background: #dab074;

    height: 45px;

    width: 100%;

}



    .audiojs .scrubber {

        background: #fff;

        height: 8px;

        border-top: 0;

        width: 170px;

        margin-top: 19px;

        margin-left: 12px;

        border-radius: 10px;

    }



    .audiojs .play-pause {

        background: #cca46c;

        width: 68px;

        height: 45px;

        padding: 0;

        padding-left: 24px;

        padding-top: 10px;

        border-right: 0;

    }



    .audiojs .time {

        display: none;

    }



    .audiojs .progress {

        background: #a5732a;

        height: 8px;

        border-radius: 10px;

    }



    .audiojs .loaded {

        background: #ba9663;

        height: 8px;

        border-radius: 10px;

    }





/*****************************

Blog Details

*****************************/



.navbar-nav.post-nav li {

    margin-right: 60px;

}



.single-blog.blog-details .post-content {

    padding-top: 30px;

}



.single-blog.blog-details .post-bottom {

    margin-top: 55px;

}



.single-blog-wrapper {

    position: relative;

}



.blog-share {

    margin-top: 40px;

    display: inline-block;

    padding: 0;

}



span.stMainServices,

span.stButton_gradient,

.stButton .chicklets {

    height: 24px !important;

}



.author-profile.padding {

    padding-top: 50px;

}



.author-profile .col-sm-2 img {

    width: 100%;

    border-left: 3px solid #dab074;

}



.author-profile h3 {

    margin-top: 0;

    color: #3a424c;

}



.author-profile p {

    color: #3a424c;

    font-weight: 400;

}



.author-profile span a {

    color: #a5732a;

}



.response-area {

    border-bottom: 0;

}



    .response-area h2 {

        margin-top: 0;

        margin-bottom: 0;

        border-bottom: 0;

        padding-bottom: 20px;

    }



.post-comment {

    padding-left: 70px;

    padding-top: 36px;

    border-top: 1px solid #f1e8dd;

}



    .post-comment .pull-left img {

        margin-right: 60px;

        border-left: 3px solid #dab074;

    }



    .post-comment .media-body {

        padding-top: 6px;

        border-bottom: 0;

        padding-bottom: 50px;

    }



        .post-comment .media-body p {

            margin-top: 10px;

        }



        .post-comment .media-body span i {

            color: #a5732a;

            margin-right: 10px;

        }



        .post-comment .media-body span a {

            color: #a5732a;

            font-weight: 700;

        }



        .post-comment .media-body .post-nav li a {

            font-weight: 300;

        }



.parrent .media-list {

    margin-left: 190px;

}



.parrent .post-comment {

    padding-left: 0;

    margin-left: 70px;

}





/****************************

********* Contact Us*********

*****************************/

#map-section {

    margin-top: 50px;

    margin-bottom: 50px;

    position: relative;

}



#gmap {

    height: 350px;

}



.get-in-touch img {

    margin-top: 35px;

    margin-bottom: 32px;

}



.get-in-touch p {

    font-size: 18px;

    font-weight: 300;

}



#map-section .contact-info {

    position: absolute;

    background-color: #fff;

    right: 0;

    top: 0;

    width: 33%;

    height: 100%;

    padding: 25px 50px;

    opacity: 0.9

}



    #map-section .contact-info h2,

    #map-section address a:hover {

        color: #a5732a

    }



#contact-form #message {

    resize: none;

}



#contact-form .btn-submit {

    width: 28%;

    margin: 5px auto;

}



.corporate-info .corporate-address {

    background-image: url("../images/contact-bg.png");

    background-position: left top;

    background-repeat: no-repeat;

    overflow: hidden;

    padding-bottom: 50px;

}



    .corporate-info .corporate-address address {

        background-image: url("../images/icon-map.png");

        background-position: left top;

        background-repeat: no-repeat;

        padding-left: 40px;

    }





/****************************

****** Price-table CSS*******

*****************************/



#price-table {

    margin-top: 88px;

    margin-bottom: 90px;

}



.single-price ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.table-heading {

    background-color: transparent !important;

    color: #FFFFFF !important;

    overflow: hidden;

    padding: 0 !important;

    text-align: center;

}



.single-price .plan-name {

    background-color: #D4D4D4;

    color: #696969;

    font-size: 20px;

    margin-bottom: 0;

    padding: 10px 0;

    text-transform: capitalize;

}



.single-price .plan-price {

    color: #696969;

    float: none;

    font-size: 14px;

    height: 110px;

    margin-bottom: 15px;

    overflow: hidden;

    position: relative;

    z-index: 5;

    padding-top: 15px;

}





.plan-price .dollar-sign {

    font-size: 18px;

}



.plan-price .price {

    font-size: 24px;

}



.plan-price .month {

    display: block;

    margin-top: -6px;

}



.single-price .plan-price:after {

    border-color: #c4c4c4 transparent transparent;

    border-style: solid;

    border-width: 110px;

    content: "";

    height: 0;

    left: 50%;

    position: absolute;

    top: 0;

    width: 0;

    z-index: -1;

    margin-left: -110px;

}



.single-price ul li,

.single-table ul li {

    padding: 12px 18px;

    background-color: #f7f7f7;

    margin-bottom: 5px;

    color: #696969;

}



    .single-price ul li span,

    .single-table ul li span {

        float: right;

    }



.single-price .btn-buynow {

    background-color: #c4c4c4;

    border-radius: 0;

    color: #fff;

    padding: 12px;

    font-weight: 300;

    letter-spacing: 3px;

    text-transform: uppercase;

    display: block;

}



    .single-price .btn-buynow:hover {

        background-color: #b4b3b3;

    }



.highligh-table .plan-name {

    background-color: #b07b2c;

    color: #fff;

}



.highligh-table .plan-price {

    color: #fff;

}



    .highligh-table .plan-price:after {

        border-color: #a56d1a transparent transparent;

    }



.highligh-table .btn-buynow {

    background-color: #a5732a;

}



    .highligh-table .btn-buynow:hover {

        background-color: #976a28;

    }





#price-table2 {

    margin-bottom: 180px;

}



.table-header {

    background-color: #C4C4C4;

    overflow: hidden;

    padding: 20px;

}



.single-table {

    position: relative;

    padding-top: 60px;

}



    .single-table:before {

        border-color: transparent transparent #b5b5b5;

        border-style: solid;

        border-width: 0 130px 60px;

        content: "";

        height: 0;

        left: 0;

        position: absolute;

        top: 0;

        width: 100%;

    }



.table-header h2 {

    color: #696969;

    float: left;

    font-size: 24px;

    margin-top: 7px;

}



.table-header .plan-price {

    float: right;

    margin: 0;

    overflow: hidden;

    padding-top: 1px;

}



.single-table .btn-signup {

    display: block;

    text-align: center;

    position: relative;

    z-index: 1

}



.single-table ul {

    margin: 0;

    padding: 0;

}



.single-table .btn-signup:after {

    content: "";

    position: absolute;

    border-color: #c4c4c4 transparent transparent;

    border-style: solid;

    border-width: 78px 130px 0;

    height: 0;

    left: 0;

    top: -1px;

    width: 100%;

    z-index: -1;

}



.single-table .btn-signup a {

    color: #696969;

    display: inline-block;

    overflow: hidden;

    padding: 20px 0 0 0;

    text-transform: uppercase;

    letter-spacing: 3px;

}



.single-table .btn-signup:hover a {

    color: #fff;

}



.single-table .btn-signup:hover.btn-signup:after {

    border-color: #b3b2b2 transparent transparent;

}



.single-table.highligh-table .table-header {

    background-color: #b07b2c

}



.highligh-table .btn-signup a,

.highligh-table .table-header h2 {

    color: #fff;

}



.highligh-table .btn-signup.btn-signup:hover:after {

    border-color: #a07028 transparent transparent;

}



.highligh-table .btn-signup:after {

    border-color: #b07b2c transparent transparent;

}



.highligh-table:before {

    border-color: transparent transparent #a56d1a;

}





/*************************

********404 page CSS******

**************************/



#error-page {

    display: table;

    height: 100%;

    min-height: 100%;

    width: 100%;

    color: #686868;

    font-size: 18px;

    font-weight: 300;

    padding: 100px 0;

}



    #error-page .container-fluid {

        overflow: hidden;

    }



.error-page-inner {

    display: table-cell;

    vertical-align: middle;

}



.bg-404 {

    background-image: url("../images/home/tour-bg.png");

    background-repeat: repeat-x;

    background-position: center top;

}



.error-image {

    display: inline-block;

    padding-top: 50px;

    padding-bottom: 50px;

}



    .error-image img {

        width: 100%;

    }



#error-page h2 {

    font-size: 36px;

    text-transform: uppercase;

}



.btn-error {

    font-weight: 300;

    margin-top: 30px;

    padding: 25px 55px;

    text-transform: uppercase;

    font-size: 16px;

    letter-spacing: 5px;

    background-color: transparent;

    border: 1px solid #cc9b59;

    margin-top: 50px;

    margin-bottom: 50px;

}



    .btn-error:hover, .btn-error:focus {

        background-color: #cc9b59;

        border-color: #cc9b59;

        color: #fff;

    }



#error-page i, #coming-soon i {

    border: 1px solid #cc9b59;

    height: 40px;

    width: 40px;

    line-height: 40px;

    color: #cc9b59;

    font-size: 17px;

    margin: 0 15px;

    border-radius: 50%;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



    #error-page i:hover, #coming-soon i:hover {

        background-color: #cc9b59;

        color: #fff;

        -webkit-transition: all 0.3s ease-in-out;

        -moz-transition: all 0.3s ease-in-out;

        -ms-transition: all 0.3s ease-in-out;

        -o-transition: all 0.3s ease-in-out;

        transition: all 0.3s ease-in-out;

    }





/*************************

********404 page CSS******

**************************/



#error-page {

    display: table;

    height: 100%;

    min-height: 100%;

    width: 100%;

    color: #686868;

    font-size: 18px;

    font-weight: 300;

    padding: 100px 0;

}



    #error-page .container-fluid {

        overflow: hidden;

    }



.error-page-inner {

    display: table-cell;

    vertical-align: middle;

}



.bg-404 {

    background-image: url("../images/home/tour-bg.png");

    background-repeat: repeat-x;

    background-position: center top;

}



.error-image {

    display: inline-block;

    padding-top: 50px;

    padding-bottom: 50px;

}



    .error-image img {

        width: 100%;

    }



#error-page h2 {

    font-size: 36px;

    text-transform: uppercase;

}



.btn-error {

    font-weight: 300;

    margin-top: 30px;

    padding: 25px 55px;

    text-transform: uppercase;

    font-size: 16px;

    letter-spacing: 5px;

    background-color: transparent;

    border: 1px solid #cc9b59;

    margin-top: 50px;

    margin-bottom: 50px;

}



    .btn-error:hover, .btn-error:focus {

        background-color: #cc9b59;

        border-color: #cc9b59;

        color: #fff;

    }



#error-page i, #coming-soon i {

    border: 1px solid #cc9b59;

    height: 40px;

    width: 40px;

    line-height: 40px;

    color: #cc9b59;

    font-size: 17px;

    margin: 0 15px;

    border-radius: 50%;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



    #error-page i:hover, #coming-soon i:hover {

        background-color: #cc9b59;

        color: #fff;

        -webkit-transition: all 0.3s ease-in-out;

        -moz-transition: all 0.3s ease-in-out;

        -ms-transition: all 0.3s ease-in-out;

        -o-transition: all 0.3s ease-in-out;

        transition: all 0.3s ease-in-out;

    }



/*************************

******Coming Soon CSS*****

**************************/



.logo-image {

    display: block;

    text-align: center;

    margin-top: 80px;

    margin-bottom: 95px;

}



.logo-imagex {

    display: block;

    text-align: center;

    width: 175px;

    margin-top: -25px;

}



.logo-image img {

    display: inline-block;

}



#coming-soon {

    background-image: url("../images/home/tour-bg.png");

    background-position: center top;

    background-repeat: repeat-x;

    padding: 40px 0;

    overflow: hidden;

}



    #coming-soon .social-link {

        margin-top: 35px;

    }



.time-count {

    display: block;

    text-align: center;

}



    .time-count ul {

        padding-left: 0;

    }



#countdown {

    display: inline-block;

    margin-bottom: 100px;

    margin-top: 100px;

}





    #countdown li {

        float: left;

        margin-right: 100px;

        color: #757575;

        font-weight: 300;

        font-size: 30px;

        position: relative;

        z-index: 1;

        padding-top: 45px;

    }



        #countdown li:last-child {

            margin-right: 0;

            margin-left: 20px;

        }



        #countdown li span {

            display: block;

            font-size: 72px;

            margin-bottom: 25px;

        }



        #countdown li.angle-one:before {

            border-color: #D29948 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);

            border-style: solid;

            border-width: 250px 145px 0;

            content: "";

            left: -80px;

            position: absolute;

            top: -5px;

            z-index: -1;

        }



        #countdown li.angle-one:after {

            border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);

            border-style: solid;

            border-width: 236px 137px 0;

            content: "";

            left: -72px;

            position: absolute;

            top: 0;

            z-index: -1;

        }



        #countdown li.angle-two:before {

            border-color: rgba(0, 0, 0, 0) #a5732a rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);

            border-style: solid;

            border-width: 250px 290px 0 0;

            content: "";

            left: -175px;

            position: absolute;

            top: -5px;

            z-index: -1;

            -moz-transform: skewX(30deg);

            -webkit-transform: skewX(30deg);

            -o-transform: skewX(30deg);

            -ms-transform: skewX(30deg);

            transform: skewX(30deg);

        }



        #countdown li.angle-two:after {

            border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);

            border-style: solid;

            border-width: 235px 272px 0 0;

            content: "";

            left: -162px;

            position: absolute;

            top: 5px;

            z-index: -1;

            -moz-transform: skewX(30deg);

            -webkit-transform: skewX(30deg);

            -o-transform: skewX(30deg);

            -ms-transform: skewX(30deg);

            transform: skewX(30deg);

        }



        #countdown li.angle-two span {

            padding-top: 90px;

        }



        #countdown li.angle-one span.minutes,

        #countdown li.angle-one .minute {

            margin-left: 25px;

        }





#subscribe {

    background-color: #565656;

    color: #FFFFFF;

    padding: 40px 0 50px;

}



    #subscribe h2 {

        color: #fff;

        text-transform: uppercase;

    }



    #subscribe .fa-envelope-o {

        color: #dab074;

        margin-right: 5px;

    }



    #subscribe .form-control {

        background-color: transparent;

        height: 52px;

        color: #fff;

    }



#newsletter {

    margin-top: 35px;

    position: relative;

}



    #newsletter i {

        color: #DAB074;

        font-size: 36px;

        position: absolute;

        right: 12px;

        top: 7px;

    }



.newsletter p {

    color: #919191;

    font-size: 12px;

    margin-top: 10px;

}



#coming-soon-footer {

    padding: 45px 0;

    line-height: 15px;

    overflow: hidden;

}



    #coming-soon-footer a {

        color: #d89b4e;

    }



        #coming-soon-footer a:hover {

            color: #b38040

        }



/*Shortcodes CSS*/

.bs-example {

    margin: 0 0 20px;

}



.panel-group {

    border: 1px solid #eee;

}



.panel-default {

    border: 0;

}



.panel-group .panel {

    border-radius: 0;

}



    .panel-group .panel + .panel {

        margin-top: 0;

    }



.panel-default > .panel-heading {

    background-color: transparent;

    border-top: 1px solid #eee;

}



.panel-group .panel-default:first-child > .panel-heading {

    border-top: 0;

}



.panel-default > .panel-heading + .panel-collapse .panel-body {

    border-top-color: #eee;

}





.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {

    background-color: #dab074;

}



.tab-content {

    padding-top: 20px;

}



/*Features*/

.feature-inner {

    text-align: center;

}



.icon-wrapper {

    display: inline-block;

    background-color: #d29948;

    color: #fff;

    padding: 25px;

    box-shadow: 0 0 0 5px rgba(0,0,0,.1) inset;

    -webkit-box-shadow: 0 0 0 5px rgba(0,0,0,.1) inset;

    border-radius: 100%;

    margin: 10px 0;

}







#header {

    margin-bottom: 0;

    padding: 30 px 0 60 px 0;

    position: relative;

    z-index: 10;

}



.portfolio-items {

    margin-bottom: 30px;

}



.slidercont {

    margin-top: -50px;

    margin-bottom: 30px;

    position: relative;

}



.etitle {

    margin-bottom: 50px;

    padding-left: 10px;

    font-size: 13px;

    font-weight: bold;

}



    .etitle h1,

    .etitle h2,

    .etitle h3,

    .etitle h4,

    .etitle h5,

    .etitle h6 {

        color: #376076;

        font-weight: 600;

        font-style: italic;

    }



@media (min-width: 768px) {

    .portfolio-items {

        -webkit-box-pack: center !important;

        -ms-flex-pack: center !important;

        justify-content: center !important;

        display: flex;

    }

}



@media (max-width: 992px) {

    #header .navbar-nav.navbar-right > li a {

        padding: 20px 5px !important;

    }



    .etitle {

        padding-left: 0px;

    }

}



@media (max-width: 768px) {

    .portfolio-single2 {

        height: auto;

    }



        .portfolio-single2 .img-responsive {

            margin: auto;

        }



    .logo-imagex {

        margin-top: 0px;

        width: 75px;

        max-width: unset !important;

        margin-top: -10px;

    }

}



.accordion2 {

    cursor: pointer;

    padding: 1px;

    width: 100%;

    text-align: left;

    border: none;

    outline: none;

    transition: 0.4s;

}



    /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

    .active2, .accordion2:hover {

    }



/* Style the accordion panel. Note: hidden by default */

.panel2 {

    padding: 0 18px;

    display: none;

    overflow: hidden;

}



.gallery {

    background: #EEE;

}



.gallery-cell {

    width: 66%;

    height: 200px;

    margin-right: 10px;

    background: #8C8;

    counter-increment: gallery-cell;

}



    /* cell number */

    .gallery-cell:before {

        display: block;

        text-align: center;

        content: counter(gallery-cell);

        line-height: 200px;

        font-size: 80px;

        color: white;

    }



.slider {

    margin: 0 auto;

    max-width: 100%

}





.slide_viewer {

    height: 300px;

    overflow: hidden;

    position: relative;

    background-color: #e6e6e6;

}



.slide_group {

    height: 100%;

    position: relative;

    width: 100%;

}



.slide {

    display: none;

    margin-top: -20px;

    position: absolute;

    width: 100%;

}



    .slide:first-child {

        display: block;

    }



    .slide:nth-of-type(1) {

        background: #e6e6e6;

        height: 50px;

    }



    .slide:nth-of-type(2) {

        background: #e6e6e6;

        height: 50px;

    }



    .slide:nth-of-type(3) {

        background: #e6e6e6;

        height: 50px;

    }



    .slide:nth-of-type(4) {

        background: #e6e6e6;

        height: 50px;

    }





.bosluk {

    margin-top: -150px;

}



.v-slider-frame {

    border: 1px solid #4BB3FD;

    height: 20px;

    overflow: hidden;

    text-align: center;

}



ul.v-slides {

    list-style-type: none;

    transform: translateY(20px);

    padding: 0;

}



.v-slide {

    font-size: 12px;

    line-height: 20px;

    color: #4BB3FD;

}



.homesec3 .sayingitem {

    position: relative;

    padding: 40px;

}



    .homesec3 .sayingitem:before,

    .homesec3 .sayingitem:after {

        content: '';

        position: absolute;

        width: 2px;

        left: 3px;

        top: 20px;

        bottom: 20px;

        background-color: #2b6178;

    }



    .homesec3 .sayingitem:after {

        right: 3px;

        left: auto;

    }



    .homesec3 .sayingitem .title {

        font-size: 30px;

        font-style: italic;

        color: #2b6178;

        margin-bottom: 10px;

    }



    .homesec3 .sayingitem .desc {

        font-size: 18px;

        font-style: italic;

        color: #2b6178;

    }



.homesec5 .project-info,

.homesec5 .project-info p {

    font-size: 26px;

    font-weight: bold;

    line-height: 1.2em;

}



.homesec5 .item {

    padding: 10px;

    display: flex;

}



    .homesec5 .item .itemimg {

        width: 35%;

        float: left;

        align-self: center;

    }



    .homesec5 .item .project-info {

        width: 65%;

        float: left;

        align-self: center;

        padding: 30px 35px;

    }



footer .ftext1 {

    text-align: left;

}