/*------------------------------------------------------------------
====================
Well Documented
====================
/*------------------------------------------------------------------
[Master Stylesheet]

Project: NEKKI - Responsive HTML5 Template
Version: 1
-------------------------------------------------------------------

============================
Table of Contents
============================

/*------------------------------------------------------------------

01. Scroll Rails
02. COMMON CSS
03. Preloader
04. Setting Panel
05. Go Top Link
06. Header
07. Navigation
08. Section Heading
09. ourstory
10. Fun Facts
11. Team
12. Purchase
13. Services
14. Feedbacks
15. Portfolio
16. LightBox
17. Pricing Table
18. Clients
19. Subscriber
20. Contact Us
21. Map
22. Footer
23. MEDIA QUERIES

/*------------------------------------------------------------------*/
/*Scroll Bar*/
.nicescroll-rails > div {
    background: #FF9A00 !important;
}

#ascrail2000-hr.nicescroll-rails {
    display: none !important;
}
/*Scroll Bar*/
/*Custom Animation */
.floating {
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}

@-webkit-keyframes Floatingx {
    from {
        -webkit-transform: translate(0, 0px);
    }

    65% {
        -webkit-transform: translate(0, 15px);
    }

    to {
        -webkit-transform: translate(0, 0px);
    }
}

@-moz-keyframes Floating {
    from {
        -moz-transform: translate(0, 0px);
    }

    65% {
        -moz-transform: translate(0, 15px);
    }

    to {
        -moz-transform: translate(0, 0px);
    }
}
/*Prefix*/
body > *,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: headingFont, 'arial rounded mt bold', sans-serif;
}

.m0 {
    margin: 0;
}

.p0 {
    padding: 0;
}

.p5 {
    padding: 0 5px 0 5px;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.form-control {
    font-family: 'Raleway', sans-serif;
}

.btn.btn-default {
    font-family: 'Raleway', sans-serif;
}

::selection {
    background: #FF9A00;
    color: #fff;
}

a {
    color: #FF9A00;
    font-family: 'Raleway', sans-serif;
    transition: all 300ms ease-in-out;
}

    a:hover {
        color: #FF9A00;
        text-decoration: none;
        transition: all 300ms ease-in-out;
    }

    a:focus {
        outline: none;
    }

    a:active {
        color: #FF9A00;
        transition: all 300ms ease-in-out;
    }

ul {
    /*padding: 0;
    margin: 0;*/
}

li {
    /*list-style: none;*/
}

p {
    line-height: 24px;
}

img {
    border: 0;
}

.scroll {
    cursor: pointer;
}

p {
    color: #6c6c6c;
}

section,
footer {
    background: #FFF;
}
/*-------------------------------------*/
/*Preloader*/
#preloader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background-color: #FFF;
    z-index: 999999;
}

    #preloader .loader-item {
        background: none repeat scroll 0 0 #FFF;
        border: 3px solid #3498db;
        border-bottom-color: rgba(0, 0, 0, 0);
        border-radius: 100%;
        height: 40px;
        left: 50%;
        margin: -20px 0 0 -20px;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 40px;
    }
/*Preloader*/
/*-------------------------------------*/



/*------------------------------------------------------------------
====================
Well Documented
====================
/*------------------------------------------------------------------
[Master Stylesheet]

Project: NEKKI - Responsive HTML5 Template
Version: 1
-------------------------------------------------------------------

============================
Table of Contents
============================

/*------------------------------------------------------------------

01. Scroll Rails
02. COMMON CSS
03. Preloader
04. Setting Panel
05. Go Top Link
06. Header
07. Navigation
08. Section Heading
09. ourstory
10. Fun Facts
11. Team
12. Purchase
13. Services
14. Feedbacks
15. Portfolio
16. LightBox
17. Pricing Table
18. Clients
19. Subscriber
20. Contact Us
21. Map
22. Footer
23. MEDIA QUERIES

/*------------------------------------------------------------------*/
/*Scroll Bar*/
/*Scroll Bar*/
/*Custom Animation */
/*Prefix*/
/*-------------------------------------*/
/*Preloader*/
/*Preloader*/
/*-------------------------------------*/
/*-------------------------------------*/
/*Setting Panel*/
/*-------------------------------------*/
/*Go Top Link*/
/*-------------------------------------*/
/*-------------------------------------------------*/
/*------------------Theme Styles-------------------*/
/*-------------------------------------------------*/
/*Site Container*/
/*Site Container*/
/*Header Start*/
/*Header End*/
/*Main Navigation Start*/
/*Main Navigation End*/
/*Section Title*/
/*Section Title End*/
/*Padding For each Section*/
/*ourstory Us*/
/*ourstory Us End*/
/*Fun Facts Start*/
/*Fun Facts End*/
/*Our Team Start*/
/*Our Team End*/
/*Purchase Link Start*/
/*Purchase Link End*/
/*Services Link*/
/*Services Link End*/
/*Feedback*/
/*Feedback End*/
/*Portfolio*/
/*Portfolio End*/
/*LightBox*/
/*LightBox End*/
/*Pricing*/
/*Pricing End*/
/*Clients*/
/*Clients End*/
/*Subscribe */
/*Subscribe End*/
/*Conact*/
/*Conact End*/
/*Footer*/
/*Footer End*/
/*Boxed Layout*/
/*Boxed Layout End*/
/*Media Query for Responsive Layout*/
}


@-webkit-keyframes Floatingx {
    from {
        -webkit-transform: translate(0, 0px);
    }

    65% {
        -webkit-transform: translate(0, 15px);
    }

    to {
        -webkit-transform: translate(0, 0px);
    }
}

@-moz-keyframes Floating {
    from {
        -moz-transform: translate(0, 0px);
    }

    65% {
        -moz-transform: translate(0, 15px);
    }

    to {
        -moz-transform: translate(0, 0px);
    }
}



/*-------------------------------------*/
/*Go Top Link*/
a#goTopLink {
    position: fixed;
    display: inline-block;
    right: -200px;
    right: 0px;
    bottom: 70px;
    padding: 10px 20px;
    background-color: #3b3b3b;
    transition: all 300ms ease-in-out;
}

    a#goTopLink i {
        margin-left: 0;
        width: 0;
        overflow: hidden;
        transition: all 300ms ease-in-out;
    }

    a#goTopLink:hover i {
        margin-left: 5px;
        width: 10px;
    }

    a#goTopLink.active {
        /*right: 40px;*/
    }

span#lockButton {
    position: fixed;
    display: inline-block;
    right: -100px;
    right: 0px;
    bottom: 70px;
    padding: 10px 20px;
    background-color: yellow;
    transition: all 300ms ease-in-out;
}

    span#lockButton i {
        margin-left: 0;
        width: 0;
        overflow: hidden;
        transition: all 300ms ease-in-out;
    }

    span#lockButton:hover i {
        margin-left: 5px;
        width: 10px;
    }

    span#lockButton.active {
        /*right: 40px;*/
    }

/*-------------------------------------*/
/*call To Action*/
a#callToAction {
    position: fixed;
    display: inline-block;
    right: 0px;
    bottom: 70px;
    padding: 10px 20px;
    font-size: 14px;
    color: Blue;
    background-color: #fbc97e;
    transition: all 300ms ease-in-out;
    border-radius: 10px 0 0 10px;
}


    a#callToAction i {
        margin-left: 0;
        width: 0;
        overflow: hidden;
        transition: all 300ms ease-in-out;
    }

    a#callToAction:hover i {
        margin-left: 5px;
        width: 10px;
    }

/*-------------------------------------------------*/
/*------------------Theme Styles-------------------*/
/*-------------------------------------------------*/
/*Site Container*/
/*Site Container*/
/*Header Start*/
@font-face {
    font-family: headingFont;
}

div.outer {
    position: relative;
}

.main_header .house {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 400px;
}

div.outer .panel {
    position: relative;
    top: -250px;
    right: 195px;
    width: 1000px;
}

.main_header {
    background: url("/Images/Sky blue_sky_141ABC_amazing_simple_house.jpg") no-repeat fixed center 0;
    background-size: 100% 100%;
    height: 100vh;
    width: 100%;
    font-family: headingFont, raleway, sans-serif;
    position: relative;
}

    .main_header .logo {
        position: relative;
        top: -250px;
        right: 195px;
        width: 900px;
    }

    .main_header .house {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .main_header .header_list_menu {
        position: absolute;
        top: 300px;
        left: 20%;
        width: 60%;
        color: #313063;
    }

        .main_header .header_list_menu h1 {
            font-weight: 600;
            padding: 10px 0 10px 0;
        }

        .main_header .header_list_menu .padding {
            padding: 30px 80px 30px 80px;
        }

    .main_header .headingText {
        position: absolute;
        top: 50%;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }

    .main_header .header_list_menu li a {
        padding: 0 20px;
        font-size: 22px;
        font-weight: 400;
        color: #313063;
    }

        .main_header .header_list_menu li a:after {
            width: 0;
            height: 1px;
            display: block;
            background-color: #FFF;
            content: '';
            margin: 0 auto;
            transition: all 300ms ease-in-out;
        }

    .main_header .header_slider {
        position: absolute;
        top: 70%;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }

        .main_header .header_slider .item h4 {
            font-size: 48px;
            font-weight: bold;
            color: #313063;
        }

@media only screen and (max-width: 1026px) {
}
/*Header End*/
/*Main Navigation Start*/
#main_navigation {
    text-transform: uppercase;
    background: none #FFF;
    margin-bottom: 0;
    transition: all 300ms ease-in-out;
}

    #main_navigation .navbar-header button {
        border-radius: 0;
        background-color: transparent;
        border-color: #FF9A00;
    }

        #main_navigation .navbar-header button.collapsed,
        #main_navigation .navbar-header button:focus {
            background-color: transparent;
        }

        #main_navigation .navbar-header button span {
            background-color: #FF9A00;
        }

    #main_navigation .navbar-header a.navbar-brand {
        color: #FF9A00;
        font-weight: 700;
        font-size: 28px;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 70px;
    }

    #main_navigation .navbar-collapse.collapse .navbar-nav.navbar-right,
    #main_navigation .navbar-collapse.collapsing .navbar-nav.navbar-right {
        margin: 0;
    }

        #main_navigation .navbar-collapse.collapse .navbar-nav.navbar-right li a,
        #main_navigation .navbar-collapse.collapsing .navbar-nav.navbar-right li a {
            padding: 0 20px 0 20px;
            line-height: 70px;
            font-weight: 400;
            font-size: 13px;
        }

            #main_navigation .navbar-collapse.collapse .navbar-nav.navbar-right li a:hover,
            #main_navigation .navbar-collapse.collapsing .navbar-nav.navbar-right li a:hover {
                background-color: #FF9A00;
                color: #FFF;
            }

        #main_navigation .navbar-collapse.collapse .navbar-nav.navbar-right li.active a,
        #main_navigation .navbar-collapse.collapsing .navbar-nav.navbar-right li.active a {
            background-image: none;
            background-color: #FF9A00;
            color: #FFF;
        }

    #main_navigation .navbar-collapse.collapsing,
    #main_navigation .navbar-collapse.collapse.in {
        padding: 0;
    }

        #main_navigation .navbar-collapse.collapsing .navbar-nav.navbar-right,
        #main_navigation .navbar-collapse.collapse.in .navbar-nav.navbar-right {
            margin: 7.5px 0;
        }

            #main_navigation .navbar-collapse.collapsing .navbar-nav.navbar-right li a,
            #main_navigation .navbar-collapse.collapse.in .navbar-nav.navbar-right li a {
                line-height: 45px;
                text-align: center;
            }

    #main_navigation.navbar-fixed-top {
        box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.25);
    }
/*Main Navigation End*/
/*Section Title*/
.sectionTitle {
    text-align: center;
    max-width: 700px;
    margin: auto;
}

    .sectionTitle h3 {
        font-weight: bold;
        color: #000;
        font-size: 55px;
        text-transform: uppercase;
        margin: 0 0 18px;
    }

    .sectionTitle p {
        font-size: 18px;
        line-height: 1.7;
        font-weight: 300;
    }

        .sectionTitle p a {
            font-weight: 600;
        }

    .sectionTitle ul.list-inline li {
        border: 1px solid #FF9A00;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        padding: 0;
        margin: 0 3px;
    }

    .sectionTitle.sectionTitle2 h3 {
        font-size: 30px;
    }

    .sectionTitle.sectionTitle2 h3,
    .sectionTitle.sectionTitle2 p,
    .sectionTitle.sectionTitle2 a {
        color: #FFF;
    }

    .sectionTitle.sectionTitle2 ul.list-inline li {
        border-color: #FFF;
    }

.subSectionTitle {
    text-align: left;
}

    .subSectionTitle h3 {
        font-weight: bold;
        text-transform: uppercase;
    }

    .subSectionTitle ul {
        margin-bottom: 30px;
    }

        .subSectionTitle ul li {
            border: 1px solid #FF9A00;
            width: 10px;
            height: 10px;
            border-radius: 100%;
            padding: 0;
            margin: 0 3px;
        }
/*Section Title End*/
/*Padding For each Section*/
.section_padding {
    padding: 100px 0;
}
/*ourstory Us*/
#ourstory {
    padding-bottom: 0;

    color: #313063;
}

    #ourstory .our_speciality > * {
        position: relative;
    }

    #ourstory .our_speciality {
        margin: 100px auto 65px;
    }

        #ourstory .our_speciality .centered_circle {
            width: 500px;
            height: 500px;
            font-size: 51px;
            line-height: 500px;
            margin: 0 auto;
            text-align: center;
            font-weight: 100;
            text-transform: uppercase;
            border-radius: 100%;
            border: 1px solid #FF9A00;
            color: #FF9A00;
            z-index: 0;
            position: relative;
        }

        #ourstory .our_speciality .speciaty {
            position: relative;
            cursor: pointer;
            width: 410px;
        }

            #ourstory .our_speciality .speciaty .icon_circle {
                width: 100px;
                height: 75px;
                line-height: 75px;
                color: #FF9A00;
                font-size: 40px;
                text-align: center;
                border: 1px solid #FF9A00;
                background-color: #FFF;
                border-radius: 100%;
                margin: 0 20px;
                position: relative;
                z-index: 1;
                transition: all 300ms ease-in-out;
            }

                #ourstory .our_speciality .speciaty .icon_circle:before {
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    border: 0 solid #FF9A00;
                    top: 0;
                    left: 0;
                    border-radius: 100%;
                    transition: all 300ms ease-in-out;
                }

            #ourstory .our_speciality .speciaty .texts {
                padding: 0 0 0;
                width: calc(100% - 140px);
            }

                #ourstory .our_speciality .speciaty .texts h4 {
                    font-weight: 700;
                    margin-bottom: 8px;
                }

            #ourstory .our_speciality .speciaty.speciaty1,
            #ourstory .our_speciality .speciaty.speciaty2 {
                margin-bottom: 60px;
            }

            #ourstory .our_speciality .speciaty.speciaty3,
            #ourstory .our_speciality .speciaty.speciaty4 {
                margin-bottom: 65px;
            }

            #ourstory .our_speciality .speciaty.speciaty1 {
                right: -70px;
            }

            #ourstory .our_speciality .speciaty.speciaty2 {
                left: -70px;
            }

            #ourstory .our_speciality .speciaty.speciaty5 {
                right: -53px;
            }

            #ourstory .our_speciality .speciaty.speciaty6 {
                left: -53px;
            }

            #ourstory .our_speciality .speciaty:hover {
                cursor: pointer;
            }

                #ourstory .our_speciality .speciaty:hover .icon_circle {
                    background-color: #FF9A00;
                    color: #FFF;
                    border: 0;
                }

                    #ourstory .our_speciality .speciaty:hover .icon_circle:before {
                        width: 120%;
                        height: 120%;
                        border: 5px solid #FF9A00;
                        top: -10%;
                        left: -10%;
                    }

        #ourstory .our_speciality .left_speciality {
            padding-top: 30px;
            right: 25px;
        }

        #ourstory .our_speciality .right_speciality {
            padding-top: 30px;
            left: -125px;
        }

    #ourstory .our_story {
        background-color: #fafafa;
    }

        #ourstory .our_story h2 {
            font-weight: bold;
            margin: 85px 0 20px;
        }

        #ourstory .our_story p {
            line-height: 28px;
            font-size: 14px;
        }

        #ourstory .our_story h3 {
            font-weight: bold;
            margin-bottom: 15px;
        }

            #ourstory .our_story h3 i {
                color: #FF9A00;
                margin-right: 15px;
            }
/*ourstory Us End*/
/*Fun Facts Start*/
#fun-facts {
    background: url("/Images/fun_facts.png") no-repeat fixed center 0 #FF9A00;
    background-size: cover;
}

    #fun-facts .facts {
        color: #FFF;
    }

    #fun-facts .statement {
        margin: 20px 25px;
        padding: 20px 25px;
        color: #FFF;
        font-size: 20px;
    }

    #fun-facts .facts .col-md-3 {
        padding: 0 25px;
    }

        #fun-facts .facts .col-md-3 .fact {
            border: 1px solid #FFF;
            border-width: 1px 0;
            padding: 20px 0;
        }

            #fun-facts .facts .col-md-3 .fact .icon_box {
                font-size: 40px;
                width: 50px;
                line-height: 65px;
            }

            #fun-facts .facts .col-md-3 .fact .texts {
                width: calc(100% - 70px);
                font-size: 20px;
                line-height: 34px;
            }

                #fun-facts .facts .col-md-3 .fact .texts strong {
                    font-size: 40px;
                    line-height: 58px;
                    display: block;
                }

            #fun-facts .facts .col-md-3 .fact .text2 {
                width: 100%;
                text-align: center;
                font-size: 20px;
                line-height: 34px;
                display: block;
                white-space: nowrap;
            }

            #fun-facts .facts .col-md-3 .fact .text1 {
                width: calc(100% - 50px);
                font-size: 40px;
                line-height: 58px;
                display: block;
            }
/*Fun Facts End*/
/*Our Team Start*/
#team {
    padding-bottom: 0;
}

    #team .team_row {
        margin: 100px 0 80px;
    }

        #team .team_row .image {
            width: 130px;
            height: 130px;
            margin: 20px auto;
            border-radius: 100%;
            overflow: hidden;
            transition: all 300ms ease-in-out;
        }

        #team .team_row h3 {
            font-size: 22px;
            font-weight: bold;
        }

        #team .team_row .mem_pos {
            font-size: 15px;
            margin-bottom: 35px;
            position: relative;
        }

            #team .team_row .mem_pos:after,
            #team .team_row .mem_pos:before {
                width: 1px;
                height: 125px;
                background: -webkit-gradient(linear, center top, center bottom, from(#FF9A00), color-stop(100%, #ffffff));
                background: -webkit-linear-gradient(top, #FF9A00, #ffffff 100%);
                background: -o-linear-gradient(top, #FF9A00, #ffffff 100%);
                background: linear-gradient(to bottom, #FF9A00, #ffffff 100%);
                transform: rotate(90deg);
                position: relative;
                left: 62px;
                position: absolute;
                top: -23px;
            }

            #team .team_row .mem_pos:after {
                transform: rotate(-90deg);
                right: 67px;
                left: auto;
            }

        #team .team_row .ourstory {
            font-size: 14px;
            margin-bottom: 20px;
        }

        #team .team_row ul li {
            padding: 0 5px;
        }

            #team .team_row ul li a {
                width: 30px;
                height: 30px;
                padding: 0;
                border: 1px solid #b9b9b9;
                display: block;
                line-height: 30px;
                color: #000;
                font-size: 16px;
            }

                #team .team_row ul li a:hover {
                    border-color: #FF9A00;
                    color: #FF9A00;
                }

        #team .team_row .team_mem {
            padding: 25px 25px 40px;
            cursor: pointer;
            transition: all 300ms ease-in-out;
        }

            #team .team_row .team_mem:hover {
                box-shadow: 0 -4px 20px #ececec;
            }

                #team .team_row .team_mem:hover .image {
                    transform: scale(1.1);
                }

    #team .specialities_ui {
        background-color: #fafafa;
        padding: 100px 0 70px;
    }

        #team .specialities_ui h3 {
            margin-top: 0;
        }

    #team .accordion_box .panel-group .panel {
        border-radius: 0;
        margin: 0;
        border: 0;
    }

        #team .accordion_box .panel-group .panel .panel-heading {
            padding: 0;
            background: none;
        }

            #team .accordion_box .panel-group .panel .panel-heading a {
                display: block;
                padding: 10px 15px;
                text-shadow: none;
                color: #FF9A00;
                border: 1px solid #FF9A00;
            }

                #team .accordion_box .panel-group .panel .panel-heading a.collapsed {
                    color: inherit;
                    border: 1px solid #cacaca;
                }

        #team .accordion_box .panel-group .panel .panel-body {
            border: 1px solid #FF9A00;
            border-top: 0;
            line-height: 24px;
            text-align: justify;
        }

    #team .skill_row h5 {
        text-transform: uppercase;
        font-weight: bold;
        margin-top: 0;
    }

    #team .skill_row .progress {
        border-radius: 0;
        overflow: visible;
        background: none;
        box-shadow: none;
        margin-bottom: 25px;
        height: 14px;
    }

        #team .skill_row .progress .progress-bar {
            background: none #FF9A00;
            position: relative;
            box-shadow: none;
        }

            #team .skill_row .progress .progress-bar span {
                width: 50px;
                height: 50px;
                line-height: 50px;
                text-align: center;
                position: absolute;
                right: -2px;
                top: -19px;
                background-color: #FF9A00;
                color: #FFF;
                border-radius: 100%;
                font-size: 18px;
                font-weight: 600;
            }
/*Our Team End*/
/*Purchase Link Start*/
#general-background1 {
    height: 100%;
    min-height: 100vh;
    background: url("/Images/fun_facts.png") no-repeat fixed center 0 #FF9A00;
    background-size: 100% 100%;
}

    #general-background1 .general-background1 ul.nav.nav-pills {
        text-align: center;
        margin-top: 50px;
    }

        #general-background1 .general-background1 ul.nav.nav-pills li {
            float: none;
            display: inline-block;
            margin: 0 15px;
        }

            #general-background1 .general-background1 ul.nav.nav-pills li a {
                text-transform: uppercase;
                color: #FFF;
                border-radius: 3px;
                border: 2px solid #FFF;
                font-weight: 600;
                padding: 10px 25px;
                letter-spacing: 0.5px;
                font-size: 18px;
            }

                #general-background1 .general-background1 ul.nav.nav-pills li a:hover {
                    color: #FF9A00;
                    background-color: #000;
                    border: 2px solid #000;
                }
/*Purchase Link End*/
/*Services Link*/
#services .services {
    margin-top: 100px;

    color: #313063;
}

    #services .services .service {
        padding: 0 20px;
    }

        #services .services .service .icon_box {
            font-size: 30px;
            color: #FF9A00;
            text-align: left;
            width: 50px;
        }

        #services .services .service .texts {
            width: calc( 100% - 50px );
        }

            #services .services .service .texts h3 {
                font-size: 22px;
                margin-top: 2px;
                font-weight: bold;
            }
/*Services Link End*/
/*Feedback*/
#feedback {
    background: url("/Images/parallax-bg6.jpg") no-repeat fixed center 0 #FF9A00;
    background-size: cover;
}

    #feedback .sectionTitle2 h3,
    #feedback .sectionTitle2 p {
        color: #000;
    }

    #feedback .sectionTitle2 a {
        color: #FF9A00;
    }

    #feedback .sectionTitle2 ul.list-inline li {
        border-color: #FF9A00;
    }

    #feedback #feedback_slider {
        padding-top: 50px;
    }

        #feedback #feedback_slider .item {
            padding: 0 25px;
        }

            #feedback #feedback_slider .item .item_contaainer {
                padding: 40px 40px 0;
                position: relative;
            }

                #feedback #feedback_slider .item .item_contaainer:before {
                    content: "";
                    background-color: #FFF;
                    box-shadow: 1.5px 1px 3px #999;
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 30px;
                    border-radius: 3px;
                }

                #feedback #feedback_slider .item .item_contaainer .item_row {
                    position: relative;
                }

                    #feedback #feedback_slider .item .item_contaainer .item_row .texts {
                        text-align: justify;
                        margin-bottom: 20px;
                    }

                    #feedback #feedback_slider .item .item_contaainer .item_row .client_info {
                        position: relative;
                    }

                        #feedback #feedback_slider .item .item_contaainer .item_row .client_info .client_photo {
                            overflow: hidden;
                            width: 70px;
                            height: 70px;
                            border: 1px solid #999;
                            padding: 6px;
                            border-radius: 100%;
                            position: relative;
                            margin-right: 10px;
                            z-index: 1;
                            background: #FFF;
                        }

                            #feedback #feedback_slider .item .item_contaainer .item_row .client_info .client_photo img {
                                position: relative;
                                z-index: 0;
                                overflow: hidden;
                                border-radius: 100%;
                            }

                        #feedback #feedback_slider .item .item_contaainer .item_row .client_info .infos {
                            color: #FF9A00;
                            padding-top: 8px;
                        }

                            #feedback #feedback_slider .item .item_contaainer .item_row .client_info .infos small {
                                margin-left: 4px;
                                color: #333;
                            }

        #feedback #feedback_slider .owl-controls {
            text-align: center;
            margin: 20px 0 0;
        }

            #feedback #feedback_slider .owl-controls .owl-dots .owl-dot {
                display: inline-block;
                width: 10px;
                height: 10px;
                border: 1px solid #FF9A00;
                margin: 0 3px;
                border-radius: 100%;
            }

                #feedback #feedback_slider .owl-controls .owl-dots .owl-dot.active {
                    background-color: #FF9A00;
                }
/*Feedback End*/


/*Blog*/
#Blog {
    background: url("/Images/fun_facts.png") no-repeat fixed center 0 #FF9A00;
    background-size: cover;
}

    #Blog .sectionTitle2 h3,
    #Blog .sectionTitle2 p {
        color: #000;
    }

    #Blog .sectionTitle2 a {
        color: #FF9A00;
    }

    #Blog .sectionTitle2 ul.list-inline li {
        border-color: #FF9A00;
    }

    #Blog #Blog_slider {
        padding-top: 50px;
    }

        #Blog #Blog_slider .item {
            padding: 0 25px;
        }

            #Blog #Blog_slider .item .item_contaainer {
                padding: 40px 40px 0;
                position: relative;
            }

                #Blog #Blog_slider .item .item_contaainer:before {
                    content: "";
                    background-color: #FFF;
                    box-shadow: 1.5px 1px 3px #999;
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 30px;
                    border-radius: 3px;
                }

                #Blog #Blog_slider .item .item_contaainer .item_row {
                    position: relative;
                }

                    #Blog #Blog_slider .item .item_contaainer .item_row .texts {
                        text-align: justify;
                        margin-bottom: 20px;
                    }

                    #Blog #Blog_slider .item .item_contaainer .item_row .client_info {
                        position: relative;
                    }

                        #Blog #Blog_slider .item .item_contaainer .item_row .client_info .client_photo {
                            overflow: hidden;
                            width: 70px;
                            height: 70px;
                            border: 1px solid #999;
                            padding: 6px;
                            border-radius: 100%;
                            position: relative;
                            margin-right: 10px;
                            z-index: 1;
                            background: #FFF;
                        }

                            #Blog #Blog_slider .item .item_contaainer .item_row .client_info .client_photo img {
                                position: relative;
                                z-index: 0;
                                overflow: hidden;
                                border-radius: 100%;
                            }

                        #Blog #Blog_slider .item .item_contaainer .item_row .client_info .infos {
                            color: #FF9A00;
                            padding-top: 8px;
                        }

                            #Blog #Blog_slider .item .item_contaainer .item_row .client_info .infos small {
                                margin-left: 4px;
                                color: #333;
                            }

        #Blog #Blog_slider .owl-controls {
            text-align: center;
            margin: 20px 0 0;
        }

            #Blog #Blog_slider .owl-controls .owl-dots .owl-dot {
                display: inline-block;
                width: 10px;
                height: 10px;
                border: 1px solid #FF9A00;
                margin: 0 3px;
                border-radius: 100%;
            }

                #Blog #Blog_slider .owl-controls .owl-dots .owl-dot.active {
                    background-color: #FF9A00;
                }
/*Blog End*/

/*Portfolio*/
#portfolio {
    padding-bottom: 0;
}

    #portfolio .portfolios {
        margin-top: 60px;
    }

        #portfolio .portfolios .filter_list {
            text-align: center;
            margin-bottom: 50px;
        }

            #portfolio .portfolios .filter_list li {
                cursor: pointer;
                padding: 7px 25px;
                border: 2px solid #FF9A00;
                margin: 0 5px;
                font-weight: 18px;
                font-weight: 600;
                text-transform: uppercase;
            }

                #portfolio .portfolios .filter_list li:hover,
                #portfolio .portfolios .filter_list li.active {
                    background-color: #000;
                    color: #FF9A00;
                    border-color: #000;
                }

        #portfolio .portfolios .portfolio_items li.mix {
            display: none;
            width: calc(100% / 6);
            margin: 0;
            text-align: center;
            position: relative;
            overflow: hidden;
            cursor: pointer;
        }

            #portfolio .portfolios .portfolio_items li.mix .portfolio_image img {
                width: 100%;
                transition: all 300ms ease-in-out;
            }

            #portfolio .portfolios .portfolio_items li.mix .hover_elements {
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                visibility: hidden;
                transition: all 300ms ease-in-out;
            }

                #portfolio .portfolios .portfolio_items li.mix .hover_elements .litle_desc {
                    position: absolute;
                    top: -50%;
                    color: #FFF;
                    font-size: 18px;
                    font-weight: 400;
                    letter-spacing: 0.5px;
                    padding: 0 20px;
                    transition: all 300ms ease-in-out;
                }

                #portfolio .portfolios .portfolio_items li.mix .hover_elements a {
                    position: absolute;
                    top: 50%;
                    font-size: 18px;
                    color: #FFF;
                    width: 40px;
                    height: 40px;
                    padding: 0;
                    display: inline-block;
                    border-radius: 100%;
                    background-color: #FF9A00;
                    line-height: 40px;
                    transition: all 300ms ease-in-out;
                }

                    #portfolio .portfolios .portfolio_items li.mix .hover_elements a.live_preview {
                        left: -50%;
                    }

                    #portfolio .portfolios .portfolio_items li.mix .hover_elements a.view_details {
                        right: -50%;
                    }

            #portfolio .portfolios .portfolio_items li.mix:hover .portfolio_image img {
                transform: scale(1.4);
            }

            #portfolio .portfolios .portfolio_items li.mix:hover .hover_elements {
                visibility: visible;
                background-color: rgba(0, 0, 0, 0.5);
            }

                #portfolio .portfolios .portfolio_items li.mix:hover .hover_elements .litle_desc {
                    top: 25%;
                }

                #portfolio .portfolios .portfolio_items li.mix:hover .hover_elements a.live_preview {
                    left: 35%;
                }

                #portfolio .portfolios .portfolio_items li.mix:hover .hover_elements a.view_details {
                    right: 35%;
                }
/*Portfolio End*/
/*LightBox*/
.lightbox {
    position: fixed;
    top: 20% !important;
}

    .lightbox .lb-outerContainer {
        border-radius: 0;
        padding: 0;
    }

        .lightbox .lb-outerContainer .lb-container {
            overflow: hidden;
            padding: 0;
        }

            .lightbox .lb-outerContainer .lb-container img {
                border-radius: 0;
            }

    .lightbox .lb-dataContainer {
        background-color: #FFF;
        border-radius: 0;
        padding: 5px 0;
        width: 100%;
    }

        .lightbox .lb-dataContainer .lb-caption {
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
            color: #333;
            line-height: 1.8;
            padding: 0 5px;
        }

        .lightbox .lb-dataContainer .lb-closeContainer a {
            background: none;
            height: 20px;
            color: #333;
            position: relative;
        }

            .lightbox .lb-dataContainer .lb-closeContainer a:before {
                content: "×";
                font-size: 24px;
                position: absolute;
                top: 0;
                left: 0;
                right: 5px;
                bottom: 0;
                text-align: right;
                line-height: 20px;
            }
/*LightBox End*/
/*Pricing*/
#pricing {
    background: url("/Images/fun_facts.png") no-repeat fixed center 0 #FF9A00;
    background-size: cover;
}

    #pricing .pricing {
        margin-top: 70px;
    }

        #pricing .pricing .price_table {
            position: relative;
            display: block;
            cursor: pointer;
            transition: all 300ms ease-in-out;
        }

            #pricing .pricing .price_table .thead {
                text-transform: uppercase;
                padding: 20px 0;
                font-size: 30px;
                font-weight: 600;
                color: #FF9A00;
                background-color: #FFF;
            }

            #pricing .pricing .price_table .price {
                background-color: #FF9A00;
                color: #FFF;
                padding: 10px 0;
                font-size: 60px;
                font-weight: 600;
            }

            #pricing .pricing .price_table ul.list-group {
                margin: 0;
                text-transform: capitalize;
            }

                #pricing .pricing .price_table ul.list-group li.list-group-item {
                    font-size: 18px;
                    font-weight: 500;
                    padding: 20px 0;
                }

                    #pricing .pricing .price_table ul.list-group li.list-group-item:first-child,
                    #pricing .pricing .price_table ul.list-group li.list-group-item:last-child {
                        border-radius: 0;
                    }

                    #pricing .pricing .price_table ul.list-group li.list-group-item:last-child {
                        padding: 0;
                        border: 0;
                    }

                    #pricing .pricing .price_table ul.list-group li.list-group-item a {
                        display: block;
                        padding: 25px 0;
                        background-color: #FF9A00;
                        color: #FFF;
                        font-size: 24px;
                        text-transform: uppercase;
                        font-weight: 700;
                    }

                        #pricing .pricing .price_table ul.list-group li.list-group-item a:hover {
                            background-color: #000;
                            color: #FF9A00;
                        }

            #pricing .pricing .price_table.standard_pack .price {
                background-color: #000;
            }

            #pricing .pricing .price_table.standard_pack ul.list-group li.list-group-item a {
                background-color: #000;
            }

            #pricing .pricing .price_table:hover {
                transform: scale(1, 1.06);
            }
/*Pricing End*/
/*Clients*/
#clients .clients {
    margin-top: 50px;
}

    #clients .clients .client_slider {
        position: relative;
    }

        #clients .clients .client_slider .item {
            padding: 0 30px;
        }

            #clients .clients .client_slider .item .client_logo {
                margin: 0 auto;
                max-width: 200px;
                line-height: 150px;
            }

                #clients .clients .client_slider .item .client_logo a {
                    display: block;
                }

                    #clients .clients .client_slider .item .client_logo a img {
                        display: inline-block;
                        filter: grayscale(1);
                        -webkit-filter: grayscale(1);
                        transition: all 300ms ease-in-out;
                    }

            #clients .clients .client_slider .item:hover .client_logo a img {
                filter: grayscale(0);
                /* W3C */
                -webkit-filter: grayscale(0);
            }

        #clients .clients .client_slider .owl-controls .owl-nav .owl-prev,
        #clients .clients .client_slider .owl-controls .owl-nav .owl-next {
            position: absolute;
            top: calc(50% - 20px);
            height: 40px;
            line-height: 40px;
            left: 0;
            color: transparent;
        }

            #clients .clients .client_slider .owl-controls .owl-nav .owl-prev:before,
            #clients .clients .client_slider .owl-controls .owl-nav .owl-next:before {
                content: "\f104";
                display: inline-block;
                font: normal normal normal 14px/1 FontAwesome;
                font-size: 40px;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                color: #000;
                line-height: 40px;
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
            }

            #clients .clients .client_slider .owl-controls .owl-nav .owl-prev:hover:before,
            #clients .clients .client_slider .owl-controls .owl-nav .owl-next:hover:before {
                color: #FF9A00;
            }

        #clients .clients .client_slider .owl-controls .owl-nav .owl-next {
            left: auto;
            right: 0;
        }

            #clients .clients .client_slider .owl-controls .owl-nav .owl-next:before {
                content: "\f105";
                text-align: right;
            }
/*Clients End*/
/*Subscribe */
#subscribe {
    background: url("/Images/fun_facts.png") no-repeat fixed center 0 #FF9A00;
    background-size: cover;
}

    #subscribe .sectionTitle h3 {
        margin-bottom: 50px;
    }

    #subscribe .subscribe .form-inline {
        margin: auto;
        max-width: 700px;
    }

        #subscribe .subscribe .form-inline .form-group {
            margin: 0 7px;
            padding: 0;
        }

            #subscribe .subscribe .form-inline .form-group input.form-control {
                border-radius: 0;
                padding: 10px 15px;
                height: auto;
                border: 0;
            }

                #subscribe .subscribe .form-inline .form-group input.form-control#subs_name {
                    width: 212px;
                }

                #subscribe .subscribe .form-inline .form-group input.form-control#subs_email {
                    width: 300px;
                }

        #subscribe .subscribe .form-inline button.btn.btn-default {
            border-radius: 0;
            padding: 10px 30px;
            border: 0;
            margin: 0 7px;
            text-transform: uppercase;
            font-weight: 700;
            background: none #FFF;
            text-shadow: none;
            transition: all 300ms ease-in-out;
        }

            #subscribe .subscribe .form-inline button.btn.btn-default:hover,
            #subscribe .subscribe .form-inline button.btn.btn-default:focus {
                background-color: #000;
                color: #FF9A00;
            }
/*Subscribe End*/
/*missionstatement */
#missionstatement {
    background: url("") no-repeat fixed center 0 #f8b332;
    background-size: cover;
    color: #313063;
            font-weight: 500;
}

    #missionstatement .missionstatementPara {
        border: 1px;
        border-style: solid;
        border-radius: 25px;
        display: block;
        font-family: headingFont, Raleway, sans-serif;
        font-size: 20px;
        padding: 50px 50px 50px 50px;
        margin: 50px 50px 50px 50px;
        text-align: center;
        font-weight: bold;
        color: yellow;
    }

    #missionstatement .disclaimerSection {
        font-size: 16px;
        margin: 50px 50px 50px 50px;
    }

        #missionstatement .disclaimerSection .row {
            margin: 5px 5px 5px 5px;
            padding: 10px 10px 10px 10px;
        }

    #missionstatement .statement {
        margin: 15px 25px;
        padding: 10px 25px;
        color: #313063;
        font-size: 16px;
        font-weight: 500;
    }

    #missionstatement .statement2 {
        font-size: 18px;
    }

    #missionstatement .facts .col-md-3 {
        padding: 0 25px;
    }

        #missionstatement .facts .col-md-3 .fact {
            border: 1px solid #FFF;
            border-width: 1px 0;
            padding: 15px 0;
        }

            #missionstatement .facts .col-md-3 .fact .icon_box {
                font-size: 30px;
                width: 50px;
                line-height: 65px;
            }

            #missionstatement .facts .col-md-3 .fact .texts {
                width: calc(100% - 70px);
                font-size: 20px;
                line-height: 34px;
            }

                #missionstatement .facts .col-md-3 .fact .texts strong {
                    font-size: 30px;
                    line-height: 58px;
                    display: block;
                }

            #missionstatement .facts .col-md-3 .fact .text2 {
                width: 100%;
                text-align: left;
                padding-left: 55px;
                font-size: 16px;
                line-height: 34px;
                display: block;
                white-space: nowrap;
            }

            #missionstatement .facts .col-md-3 .fact .text1 {
                width: calc(100% - 50px);
                font-size: 26px;
                line-height: 58px;
                display: block;
            }
/*missionstatement End*/
#appointment {
    background: url("/Images/fun_facts.png") no-repeat fixed center 0 #FF9A00;
    background-size: cover;
    color: #000;
}

    #appointment .appointmentPara {
        border: 1px;
        border-style: solid;
        border-radius: 25px;
        display: block;
        font-family: headingFont, Raleway, sans-serif;
        font-size: 20px;
        padding: 50px 50px 50px 50px;
        margin: 50px 50px 50px 50px;
        text-align: center;
        font-weight: bold;
        color: yellow;
    }

    #appointment .disclaimerSection {
        border: 1px;
        font-size: 16px;
        border-style: solid;
        border-radius: 25px;
        padding: 25px 25px 25px 25px;
        margin: 50px 50px 50px 50px;
    }

        #appointment .disclaimerSection .row {
            margin: 5px 5px 5px 5px;
            padding: 10px 10px 10px 10px;
        }

    #appointment .statement {
        margin: 20px 25px;
        padding: 15px 25px;
        color: #FFF;
        font-size: 16px;
    }

    #appointment .statement2 {
        font-size: 18px;
    }

    #appointment .facts .col-md-3 {
        padding: 0 25px;
    }

        #appointment .facts .col-md-3 .fact {
            border: 1px solid #FFF;
            border-width: 1px 0;
            padding: 15px 0;
        }

            #appointment .facts .col-md-3 .fact .icon_box {
                font-size: 30px;
                width: 50px;
                line-height: 65px;
            }

            #appointment .facts .col-md-3 .fact .texts {
                width: calc(100% - 70px);
                font-size: 20px;
                line-height: 34px;
            }

                #appointment .facts .col-md-3 .fact .texts strong {
                    font-size: 30px;
                    line-height: 58px;
                    display: block;
                }

            #appointment .facts .col-md-3 .fact .text2 {
                width: 100%;
                text-align: left;
                padding-left: 55px;
                font-size: 16px;
                line-height: 34px;
                display: block;
                white-space: nowrap;
            }

            #appointment .facts .col-md-3 .fact .text1 {
                width: calc(100% - 50px);
                font-size: 26px;
                line-height: 58px;
                display: block;
            }
/*appointment End*/

/*Conact*/
#contact .contact {
    margin-top: 70px;
}

    #contact .contact .contact_info h4 {
        text-transform: uppercase;
    }

    #contact .contact .contact_info dl {
        margin-top: 20px;
        text-align: left;
        font-size: 15px;
        font-family: 'Raleway', sans-serif;
    }

        #contact .contact .contact_info dl dt {
            text-transform: uppercase;
            width: 80px;
            text-align: left;
            margin-bottom: 3px;
            font-weight: 600;
        }

            #contact .contact .contact_info dl dt span {
                float: right;
                margin: 0 10px;
            }

        #contact .contact .contact_info dl dd {
            margin: 0;
        }

    #contact .contact .contact_form input.form-control,
    #contact .contact .contact_form textarea.form-control {
        border-radius: 0;
        padding: 8px 15px;
        height: auto;
        margin-bottom: 30px;
        transition: all 300ms ease-in-out;
    }

        #contact .contact .contact_form input.form-control:focus,
        #contact .contact .contact_form textarea.form-control:focus {
            box-shadow: none;
            border-color: transparent;
            background-color: rgba(0, 0, 0, 0.8);
            color: #FFF;
        }

            #contact .contact .contact_form input.form-control:focus::-moz-placeholder,
            #contact .contact .contact_form textarea.form-control:focus::-moz-placeholder {
                color: #FFF;
            }

            #contact .contact .contact_form input.form-control:focus:-ms-input-placeholder,
            #contact .contact .contact_form textarea.form-control:focus:-ms-input-placeholder {
                color: #FFF;
            }

            #contact .contact .contact_form input.form-control:focus::-webkit-input-placeholder,
            #contact .contact .contact_form textarea.form-control:focus::-webkit-input-placeholder {
                color: #FFF;
            }

    #contact .contact .contact_form textarea.form-control {
        height: 200px;
    }

    #contact .contact .contact_form button.btn.btn-default {
        border-radius: 0;
        background: none #FFF;
        padding: 10px 50px;
        text-transform: uppercase;
        font-weight: 600;
        border-color: #FF9A00;
        text-shadow: none;
        transition: all 300ms ease-in-out;
    }

        #contact .contact .contact_form button.btn.btn-default:hover,
        #contact .contact .contact_form button.btn.btn-default:focus {
            border-color: #000;
            background-color: #000;
            color: #FF9A00;
        }

    #contact .contact .contact_form .tooltip-arrow {
        border-top-color: rgba(0, 0, 0, 0.5);
    }

    #contact .contact .contact_form .tooltip-inner {
        border-radius: 0;
        padding: 10px;
        background-color: rgba(0, 0, 0, 0.5);
        font-size: 14px;
    }

#contact .map_row {
    height: 300px;
    margin: 80px 0 0;
}

    #contact .map_row #contact_map {
        width: 100%;
        height: 100%;
    }
/*Conact End*/
/*Footer*/
#top_footer {
    background: url(/Images/footer-graph2.jpg) no-repeat center bottom #262626;
}

    #top_footer:before {
        content: "";
        width: 100%;
        height: 61px;
        display: block;
        position: relative;
        top: -60px;
    }

    #top_footer .container {
        border-top: 1px dashed #3b3b3b;
    }

    #top_footer .top_footer {
        padding: 60px 0;
        font-size: 14px;
    }

        #top_footer .top_footer .address {
            padding-right: 50px;
        }

            #top_footer .top_footer .address p {
                margin-bottom: 15px;
            }

                #top_footer .top_footer .address p a {
                    font-size: 30px;
                    font-weight: bold;
                    color: #999;
                }

            #top_footer .top_footer .address ul.nav li {
                display: block;
                clear: both;
                color: #999;
                margin: 0 0 5px;
                line-height: 1.8;
            }

                #top_footer .top_footer .address ul.nav li:before {
                    font-size: 16px;
                    width: 30px;
                    display: inline-block;
                    float: left;
                }

                #top_footer .top_footer .address ul.nav li a {
                    display: inline-block;
                    padding: 0;
                    color: #999;
                }

                    #top_footer .top_footer .address ul.nav li a:hover {
                        background-color: transparent;
                        color: #FFF;
                    }

                #top_footer .top_footer .address ul.nav li:last-child:hover {
                    color: #FFF;
                }

        #top_footer .top_footer .usefull-links {
            padding-right: 50px;
        }

            #top_footer .top_footer .usefull-links h4 {
                color: #FFF;
                margin: 0 0 15px;
                font-size: 22px;
            }

            #top_footer .top_footer .usefull-links ul.nav li a {
                padding: 7px 0;
                color: #999;
            }

                #top_footer .top_footer .usefull-links ul.nav li a:before {
                    width: 15px;
                    float: left;
                }

                #top_footer .top_footer .usefull-links ul.nav li a:hover {
                    background-color: transparent;
                    color: #FFF;
                }

            #top_footer .top_footer .usefull-links.ourstory_us a {
                margin-top: 10px;
                display: inline-block;
                color: #999;
            }

                #top_footer .top_footer .usefull-links.ourstory_us a i {
                    margin-left: 3px;
                    transition: all 300ms ease-in-out;
                }

                #top_footer .top_footer .usefull-links.ourstory_us a:hover {
                    color: #FFF;
                }

                    #top_footer .top_footer .usefull-links.ourstory_us a:hover i {
                        margin-left: 10px;
                    }

            #top_footer .top_footer .usefull-links.ourstory_us.flickr_photos {
                padding-right: 0;
            }

                #top_footer .top_footer .usefull-links.ourstory_us.flickr_photos #flickr_badge_wrapper {
                    padding-top: 8px;
                }

                    #top_footer .top_footer .usefull-links.ourstory_us.flickr_photos #flickr_badge_wrapper a {
                        margin: 0 15px 15px 0;
                    }

#footer {
    background: #1a1a1a;
    padding: 0;
}

    #footer .container {
        border-top: 1px dashed #3b3b3b;
        padding: 35px 15px;
    }

    #footer .copyrights {
        font-size: 12px;
        color: #999;
        line-height: 25px;
    }

    #footer ul li {
        margin: 0 2px;
    }

        #footer ul li a {
            padding: 0;
            text-align: center;
        }

            #footer ul li a i {
                width: 25px;
                height: 25px;
                line-height: 25px;
                border-radius: 100%;
                font-size: 13px;
                color: #FFF;
                background-color: #3b3b3b;
                transition: all 300ms ease-in-out;
            }

                #footer ul li a i.fa-facebook:hover {
                    background-color: #3D589B;
                }

                #footer ul li a i.fa-twitter:hover {
                    background-color: #34CBFF;
                }

                #footer ul li a i.fa-google-plus:hover {
                    background-color: #E04A39;
                }

                #footer ul li a i.fa-dribbble:hover {
                    background-color: #E04A39;
                }

                #footer ul li a i.fa-behance:hover {
                    background-color: #1769FF;
                }

                #footer ul li a i.fa-vine:hover {
                    background-color: #00D9A3;
                }

                #footer ul li a i.fa-linkedin:hover {
                    background-color: #1E87BE;
                }

                #footer ul li a i.fa-reddit:hover {
                    background-color: #F0571E;
                }

                #footer ul li a i:hover {
                    color: #FFF;
                }

            #footer ul li a:hover {
                background-color: transparent;
            }
/*Footer End*/
/*Boxed Layout*/
.page_wrapper.container {
    box-shadow: 0 0 5px #333;
    padding: 0;
    overflow: hidden;
    position: relative;
}

    .page_wrapper.container .container {
        max-width: 100%;
    }

    .page_wrapper.container .main_header {
        padding-top: 26%;
    }

    .page_wrapper.container #portfolio .portfolios .portfolio_items li.mix {
        width: calc(100% / 4);
    }

        .page_wrapper.container #portfolio .portfolios .portfolio_items li.mix .hover_elements .litle_desc {
            font-weight: 300;
            font-size: 14px;
        }

        .page_wrapper.container #portfolio .portfolios .portfolio_items li.mix:hover .hover_elements .litle_desc {
            top: 25%;
        }

        .page_wrapper.container #portfolio .portfolios .portfolio_items li.mix:hover .hover_elements a.live_preview {
            left: 33%;
        }

        .page_wrapper.container #portfolio .portfolios .portfolio_items li.mix:hover .hover_elements a.view_details {
            right: 33%;
        }

    .page_wrapper.container a#goTopLink.active {
        right: 400px;
    }
/*Boxed Layout End*/

#logoutForm a {
    display: block;
}

.image_side {
    position: absolute;
    right: 50px;
    top: 5%;
    width: 300px;
}


.plus, .minus {
    position: relative;
    width: 15px;
    float: right;
    margin-right: 5px;
}

    .plus input, .minus input {
        cursor: pointer;
        display: block;
        height: 17px;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 15px !important;
    }



/*Media Query for Responsive Layout*/
@media (max-width: 1400px) {

    #portfolio .portfolios .portfolio_items li.mix {
        width: calc(100% / 4);
    }

        #portfolio .portfolios .portfolio_items li.mix .hover_elements .litle_desc {
            font-weight: 300;
            font-size: 14px;
        }

        #portfolio .portfolios .portfolio_items li.mix:hover .hover_elements .litle_desc {
            top: 25%;
        }

        #portfolio .portfolios .portfolio_items li.mix:hover .hover_elements a.live_preview {
            left: 33%;
        }

        #portfolio .portfolios .portfolio_items li.mix:hover .hover_elements a.view_details {
            right: 33%;
        }

    .page_wrapper.container .main_header {
        padding-top: 15%;
    }

    .page_wrapper.container a#goTopLink.active {
        right: 120px;
    }
}

@media (max-width: 1280px) {

    .page_wrapper.container a#goTopLink.active {
        right: 70px;
    }
}

@media (max-width: 1024px) {

    /*Main Header*/
    .main_header .logo {
        top: -200px;
        right: 195px;
        width: 500px;
    }

    .main_header .header_list_menu {
        position: absolute;
        top: 150px;
        left: 10%;
        width: 80%;
    }

    .main_header .header_list_menu li a {
        padding: 0 18px;
        font-size: 14px;
    }

        .main_header .header_list_menu li a:after {
            width: 0;
            height: 1px;
        }

    .main_header .header_slider .item h4 {
        font-size: 30px;
    }
    /*Main Header*/

    /*Section Title*/
    .sectionTitle {
        max-width: 600px;
    }

        .sectionTitle h3 {
            font-size: 45px;
        }
    /*Section Title*/
    .sectionTitle {
        max-width: 600px;
    }

        .sectionTitle h3 {
            font-size: 45px;
        }

    .subSectionTitle h3 {
        font-size: 20px;
        margin-bottom: 0;
    }

    .subSectionTitle ul li {
        width: 8px;
        height: 8px;
        margin: 0 1px;
    }
    /*Section Title End*/
    /*ourstory*/
    #ourstory .our_speciality .centered_circle {
        width: 400px;
        height: 400px;
        line-height: 400px;
    }

    #ourstory .our_speciality .speciaty {
        width: 310px;
    }

        #ourstory .our_speciality .speciaty .icon_circle {
            width: 80px;
            height: 80px;
            line-height: 80px;
            font-size: 30px;
        }

        #ourstory .our_speciality .speciaty .texts {
            width: calc(100% - 120px);
        }

            #ourstory .our_speciality .speciaty .texts p {
                font-size: 11px;
                line-height: 18px;
            }

        #ourstory .our_speciality .speciaty.speciaty1,
        #ourstory .our_speciality .speciaty.speciaty2 {
            margin-bottom: 48px;
        }

        #ourstory .our_speciality .speciaty.speciaty3,
        #ourstory .our_speciality .speciaty.speciaty4 {
            margin-bottom: 48px;
        }

        #ourstory .our_speciality .speciaty.speciaty1 {
            right: -48px;
        }

        #ourstory .our_speciality .speciaty.speciaty2 {
            left: -45px;
        }

        #ourstory .our_speciality .speciaty.speciaty5 {
            right: -48px;
        }

        #ourstory .our_speciality .speciaty.speciaty6 {
            left: -45px;
        }

    #ourstory .our_speciality .left_speciality {
        right: -10px;
    }

    #ourstory .our_speciality .right_speciality {
        left: -115px;
    }

    #ourstory .our_story h2 {
        margin: 70px 0 10px;
        font-size: 26px;
    }

    #ourstory .our_story p {
        font-size: 13px;
        line-height: 20px;
    }

    #ourstory .our_story h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }

        #ourstory .our_story h3 i {
            margin-right: 5px;
        }
    /*ourstory End*/
    /*Fun Facts Start*/
    #fun-facts .facts .col-sm-3 {
        padding: 0 15px;
    }

        #fun-facts .facts .col-sm-3 .fact {
            padding: 10px 0;
        }

            #fun-facts .facts .col-sm-3 .fact .icon_box {
                font-size: 40px;
                line-height: 70px;
                width: 70px;
            }

            #fun-facts .facts .col-sm-3 .fact .texts {
                width: calc(100% - 70px);
                font-size: 18px;
                line-height: 34px;
            }

                #fun-facts .facts .col-sm-3 .fact .texts strong {
                    font-size: 36px;
                    line-height: 1;
                }
    /*Fun Facts End*/
    /*Our Team Start*/
    #team .team_row {
        margin: 50px 0 40px;
    }

        #team .team_row .image {
            width: 130px;
            height: 130px;
            margin: 20px auto;
            border-radius: 100%;
            overflow: hidden;
            transition: all 300ms ease-in-out;
        }

        #team .team_row h3 {
            font-size: 22px;
            font-weight: bold;
        }

        #team .team_row .mem_pos {
            font-size: 15px;
            margin-bottom: 35px;
            position: relative;
        }

            #team .team_row .mem_pos:after,
            #team .team_row .mem_pos:before {
                left: 62px;
                top: -23px;
            }

            #team .team_row .mem_pos:after {
                right: 67px;
            }

        #team .team_row .ourstory {
            font-size: 14px;
            margin-bottom: 20px;
        }

        #team .team_row ul li {
            padding: 0 5px;
        }

            #team .team_row ul li a {
                width: 30px;
                height: 30px;
                padding: 0;
                border: 1px solid #b9b9b9;
                display: block;
                line-height: 30px;
                color: #000;
                font-size: 16px;
            }

                #team .team_row ul li a:hover {
                    border-color: #FF9A00;
                    color: #FF9A00;
                }

        #team .team_row .team_mem {
            padding: 15px 10px 20px;
        }

    #team .specialities_ui {
        padding: 50px 0;
    }

    #team .accordion_box .panel-group .panel .panel-heading a {
        font-size: 14px;
    }

    #team .accordion_box .panel-group .panel .panel-body {
        line-height: 18px;
        font-size: 13px;
    }

    #team .skill_row .progress {
        margin-bottom: 28px;
        height: 12px;
    }

        #team .skill_row .progress .progress-bar span {
            width: 40px;
            height: 40px;
            line-height: 40px;
            top: -14px;
            font-size: 12px;
            font-weight: 400;
        }
    /*Our Team End*/
    /*Purchase Link Start*/
    /*Purchase Link End*/
    /*Services Link*/
    #services .services {
        margin-top: 40px;
    }

        #services .services .service {
            padding: 20px 0 0;
        }

            #services .services .service .icon_box {
                font-size: 24px;
                color: #FF9A00;
                text-align: left;
                width: 40px;
            }

            #services .services .service .texts {
                width: calc( 100% - 40px );
            }

                #services .services .service .texts h3 {
                    font-size: 22px;
                    margin-top: 2px;
                    font-weight: bold;
                }

                #services .services .service .texts p {
                    font-size: 13px;
                    line-height: 1.6;
                }
    /*Services Link End*/
    /*Portfolio*/
    #portfolio .portfolios .filter_list li {
        padding: 5px 20px;
        margin: 0 2px;
        font-weight: 500;
    }

    #portfolio .portfolios .portfolio_items li.mix {
        width: calc(100% / 3);
    }

        #portfolio .portfolios .portfolio_items li.mix:hover .hover_elements .litle_desc {
            top: 25%;
        }

        #portfolio .portfolios .portfolio_items li.mix:hover .hover_elements a.live_preview {
            left: 35%;
        }

        #portfolio .portfolios .portfolio_items li.mix:hover .hover_elements a.view_details {
            right: 35%;
        }
    /*Portfolio End*/
    /*Pricing*/
    #pricing .pricing {
        margin-top: 60px;
    }

        #pricing .pricing .price_table .thead {
            font-size: 24px;
        }

        #pricing .pricing .price_table .price {
            font-size: 50px;
        }

        #pricing .pricing .price_table ul.list-group li.list-group-item {
            font-size: 14px;
            font-weight: 400;
            padding: 15px 0;
        }

            #pricing .pricing .price_table ul.list-group li.list-group-item a {
                padding: 20px 0;
                font-size: 20px;
                font-weight: 600;
            }

        #pricing .pricing .price_table:hover {
            transform: scale(1, 1.1);
        }
    /*Pricing End*/
    /*Clients*/
    #clients .clients {
        margin-top: 50px;
    }

        #clients .clients ul.nav.nav-pills li {
            width: calc(100% / 4);
            margin: 8px 0 0;
        }

            #clients .clients ul.nav.nav-pills li a img {
                width: 100%;
            }

            #clients .clients ul.nav.nav-pills li a:hover {
                background-color: transparent;
            }
    /*Clients End*/
    /*Subscribe */
    /*Subscribe End*/
    /*Conact*/
    #contact {
        padding-bottom: 50px;
    }

        #contact .contact .contact_info dl dt {
            font-weight: 500;
            float: left;
            width: 80px;
            position: relative;
            margin-bottom: 5px;
        }

            #contact .contact .contact_info dl dt span {
                float: right;
                position: absolute;
                top: 0;
                right: 5px;
                margin: 0;
            }

        #contact .contact .contact_info dl dd {
            float: left;
        }

        #contact .map_row {
            height: 250px;
        }
    /*Conact End*/
    /*Footer*/
    #top_footer:before {
        margin-top: 50px;
    }

    #top_footer .top_footer .address ul.nav li {
        font-size: 12px;
    }

    #top_footer .top_footer .usefull-links ul.nav li {
        font-size: 12px;
    }

    #top_footer .top_footer .usefull-links.ourstory_us {
        font-size: 12px;
    }

        #top_footer .top_footer .usefull-links.ourstory_us p {
            line-height: 18px;
        }

        #top_footer .top_footer .usefull-links.ourstory_us.flickr_photos #flickr_badge_wrapper a {
            margin: 0 5px 5px 0;
        }
    /*Footer End*/
    .page_wrapper.container a#goTopLink.active {
        right: 50px;
    }
}

@media (max-width: 992px) {

    /*Main Header*/
    .main_header .logo {
        top: -100px;
        right: 95px;
        width: 500px;
    }

    .main_header .image {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 200px;
    }

    .main_header .header_list_menu h3 {
            font-size: 18px;
            line-height: 25px;
        }

    .main_header .header_list_menu li a {
        padding: 0 20px;
        font-size: 16px;
    }

        .main_header .header_list_menu li a:after {
            width: 0;
            height: 1px;
        }

    .main_header .header_slider .item h4 {
        font-size: 30px;
    }
    /*Main Header*/

    .section_padding {
        padding: 70px 0;
        color: #313063;
    }
    .section_padding h1 {

        color: #313063;
    }

    /*Main Navigation Start*/
    #main_navigation {
        min-height: 10px;
    }

        #main_navigation .navbar-header a.navbar-brand {
            font-size: 20px;
            height: auto;
            line-height: 1;
            padding: 10px;
        }

        #main_navigation .navbar-collapse.collapse .navbar-nav.navbar-right li a {
            padding: 0 15px;
            line-height: 40px;
            font-weight: 400;
            font-size: 13px;
        }
    /*Main Navigation End*/
    /*Section Title*/
    .sectionTitle {
        max-width: 500px;
    }

        .sectionTitle h3 {
            font-size: 36px;
            margin-bottom: 10px;
        }

        .sectionTitle p {
            font-size: 15px;
            margin-bottom: 0;
            line-height: 22px;
        }

        .sectionTitle ul.list-inline li {
            width: 8px;
            height: 8px;
        }

        .sectionTitle.sectionTitle2 h3 {
            font-size: 24px;
        }

    .subSectionTitle h3 {
        font-size: 20px;
        margin-bottom: 0;
    }

    .subSectionTitle ul li {
        width: 8px;
        height: 8px;
        margin: 0 1px;
    }
    /*Section Title End*/
    /*ourstory*/
    #ourstory .our_speciality {
        margin: 40px 0 0;
    }

        #ourstory .our_speciality .col-sm-3 {
            width: 50%;
        }

        #ourstory .our_speciality .col-sm-6 {
            display: none;
        }

        #ourstory .our_speciality .speciaty {
            width: auto;
        }

            #ourstory .our_speciality .speciaty .icon_circle {
                width: 80px;
                height: 80px;
                line-height: 80px;
                font-size: 30px;
            }

            #ourstory .our_speciality .speciaty .texts {
                width: calc(100% - 120px);
            }

                #ourstory .our_speciality .speciaty .texts p {
                    font-size: 11px;
                    line-height: 18px;
                }

            #ourstory .our_speciality .speciaty.speciaty1,
            #ourstory .our_speciality .speciaty.speciaty2,
            #ourstory .our_speciality .speciaty.speciaty3,
            #ourstory .our_speciality .speciaty.speciaty4 {
                margin-bottom: 30px;
            }

            #ourstory .our_speciality .speciaty.speciaty1 {
                right: 0;
            }

            #ourstory .our_speciality .speciaty.speciaty2 {
                left: 0;
            }

            #ourstory .our_speciality .speciaty.speciaty5 {
                right: 0;
            }

            #ourstory .our_speciality .speciaty.speciaty6 {
                left: 0;
            }

            #ourstory .our_speciality .speciaty:hover {
                cursor: pointer;
            }

                #ourstory .our_speciality .speciaty:hover .icon_circle {
                    background-color: #FF9A00;
                    color: #FFF;
                }

        #ourstory .our_speciality .left_speciality {
            right: 0;
        }

        #ourstory .our_speciality .right_speciality {
            left: 0;
        }

    #ourstory .our_story img {
        margin-top: 80px;
    }

    #ourstory .our_story h2 {
        margin: 70px 0 5px;
        font-size: 22px;
    }

    #ourstory .our_story p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 15px;
    }

    #ourstory .our_story h3 {
        font-size: 16px;
        margin-bottom: 8px;
        margin-top: 0;
    }

        #ourstory .our_story h3 i {
            margin-right: 5px;
        }

    #ourstory .our_story .col-sm-6 .col-sm-6 {
        width: 100%;
    }
    /*ourstory End*/
    /*Fun Facts Start*/
    #fun-facts .facts .col-sm-3 {
        padding: 0 15px;
    }

        #fun-facts .facts .col-sm-3 .fact {
            padding: 10px 0;
        }

            #fun-facts .facts .col-sm-3 .fact .icon_box {
                font-size: 30px;
                line-height: 54px;
                width: 50px;
            }

            #fun-facts .facts .col-sm-3 .fact .texts {
                width: calc(100% - 50px);
                font-size: 16px;
                line-height: 24px;
            }

                #fun-facts .facts .col-sm-3 .fact .texts strong {
                    font-size: 30px;
                    line-height: 1;
                }
    /*Fun Facts End*/
    /*Our Team Start*/
    #team .team_row {
        margin: 50px 0 40px;
    }

        #team .team_row .col-sm-3 {
            width: 50%;
        }

        #team .team_row .mem_pos {
            margin-bottom: 25px;
        }

            #team .team_row .mem_pos:after,
            #team .team_row .mem_pos:before {
                left: 31.5%;
                top: -30px;
            }

            #team .team_row .mem_pos:after {
                right: 31.5%;
                left: auto;
            }

        #team .team_row .team_mem {
            margin-bottom: 20px;
        }

    #team .specialities_ui {
        padding: 20px 0;
    }

        #team .specialities_ui .col-sm-6 {
            width: 100%;
            margin-bottom: 50px;
        }
    /*Our Team End*/
    /*Purchase Link Start*/
    #general-background1 .general-background1 ul.nav.nav-pills {
        margin-top: 30px;
    }

        #general-background1 .general-background1 ul.nav.nav-pills li a {
            font-size: 14px;
            font-weight: 500;
            padding: 5px 15px;
        }
    /*Purchase Link End*/
    /*Services Link*/
    #services .services {
        margin-top: 20px;
    }

        #services .services .service .icon_box {
            font-size: 18px;
            width: 30px;
        }

        #services .services .service .texts {
            width: calc( 100% - 30px );
        }

            #services .services .service .texts h3 {
                font-size: 17px;
            }

            #services .services .service .texts p {
                font-size: 12px;
                line-height: 1.5;
            }
    /*Services Link End*/
    /*Portfolio*/
    #portfolio .portfolios .filter_list li {
        padding: 5px 20px;
        border: 2px solid #FF9A00;
        margin: 0 2px;
        font-weight: 500;
    }

    #portfolio .portfolios .portfolio_items li.mix {
        width: calc(100% / 3);
    }

        #portfolio .portfolios .portfolio_items li.mix:hover .hover_elements .litle_desc {
            top: 25%;
            font-size: 13px;
        }

        #portfolio .portfolios .portfolio_items li.mix:hover .hover_elements a.live_preview {
            left: 30%;
        }

        #portfolio .portfolios .portfolio_items li.mix:hover .hover_elements a.view_details {
            right: 30%;
        }
    /*Portfolio End*/
    /*Pricing*/
    #pricing .pricing {
        margin-top: 60px;
    }

        #pricing .pricing .price_table .thead {
            font-size: 20px;
        }

        #pricing .pricing .price_table .price {
            font-size: 30px;
        }

        #pricing .pricing .price_table ul.list-group li.list-group-item {
            font-size: 13px;
            font-weight: 400;
            padding: 15px 0;
        }

            #pricing .pricing .price_table ul.list-group li.list-group-item a {
                padding: 20px 0;
                font-size: 18px;
                font-weight: 600;
            }

        #pricing .pricing .price_table:hover {
            transform: scale(1, 1.1);
        }
    /*Pricing End*/
    /*Clients*/
    #clients .clients {
        margin-top: 50px;
    }

        #clients .clients ul.nav.nav-pills li {
            width: calc(100% / 4);
            margin: 8px 0 0;
        }

            #clients .clients ul.nav.nav-pills li a img {
                width: 100%;
            }

            #clients .clients ul.nav.nav-pills li a:hover {
                background-color: transparent;
            }
    /*Clients End*/
    /*Subscribe */
    /*Subscribe End*/
    /*Conact*/
    #contact {
        padding-bottom: 50px;
    }

        #contact .contact .contact_info dl dt {
            font-weight: 500;
            float: left;
            width: 80px;
            position: relative;
            margin-bottom: 5px;
        }

            #contact .contact .contact_info dl dt span {
                float: right;
                position: absolute;
                top: 0;
                right: 5px;
                margin: 0;
            }

        #contact .contact .contact_info dl dd {
            float: left;
        }

        #contact .contact .contact_form .col-sm-4 {
            width: 100%;
        }

        #contact .contact .contact_form input.form-control,
        #contact .contact .contact_form textarea.form-control {
            margin-bottom: 10px;
        }

        #contact .contact .contact_form textarea.form-control {
            height: 150px;
        }

        #contact .map_row {
            height: 250px;
        }
    /*Conact End*/
    /*Footer*/
    #top_footer:before {
        margin-top: 50px;
    }

    #top_footer .top_footer .col-sm-3 {
        width: 50%;
        margin-bottom: 20px;
    }
    /*Footer End*/
    .page_wrapper.container a#goTopLink.active {
        right: 30px;
    }
}

@media (max-width: 767px) {


    #logoutForm a {
        width: 100% !important;
    }

    #logoutForm {
        float: none;
        display: block;
    }

    .image_side {
        position: static;
    }

    .section_padding {
        padding: 70px 0;
    }

    /* missionstatement */
    #missionstatement .missionstatementPara {
        border: 1px;
        border-style: solid;
        border-radius: 25px;
        display: block;
        font-family: headingFont, Raleway, sans-serif;
        font-size: 16px;
        padding: 20px 10px 20px 10px;
        margin: 20px 10px 20px 10px;
        text-align: center;
        font-weight: bold;
    }

    #missionstatement .disclaimerSection {
        border: 1px;
        font-size: 16px;
        border-style: solid;
        border-radius: 25px;
        padding: 20px 10px 0 10px;
        margin: 20px 10px 0 10px;
    }

        #missionstatement .disclaimerSection .row {
            margin: 5px 5px 5px 5px;
            padding: 10px 10px 10px 10px;
        }
    /* missionstatement */


    /* Call To Action */
    a#callToAction {
        position: fixed;
        display: inline-block;
        right: 0px;
        bottom: 70px;
        padding: 10px 20px;
        font-size: 14px;
        color: Blue;
        background-color: #fbc97e;
        transition: all 300ms ease-in-out;
        border-radius: 10px 0 0 10px;
    }
    /* Call To Action */

    /*Main Header*/
    .main_header .logo {
        top: -100px;
        right: 95px;
        width: 500px;
    }

    .main_header .header_list_menu li a {
        padding: 0 20px;
        font-size: 16px;
    }

        .main_header .header_list_menu li a:after {
            width: 0;
            height: 1px;
        }

    .main_header .header_slider .item h4 {
        font-size: 30px;
    }
    /*Main Header*/

    /*Section Title*/
    .sectionTitle {
        max-width: 500px;
    }

        .sectionTitle h3 {
            font-size: 30px;
            margin-bottom: 7px;
        }

        .sectionTitle p {
            font-size: 13px;
            margin-bottom: 0;
            line-height: 20px;
        }

        .sectionTitle ul.list-inline li {
            width: 8px;
            height: 8px;
        }

        .sectionTitle.sectionTitle2 h3 {
            font-size: 24px;
        }

    .subSectionTitle h3 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .subSectionTitle ul li {
        width: 8px;
        height: 8px;
        margin: 0 1px;
    }
    /*Section Title End*/
    /*ourstory*/
    #ourstory {
        padding-bottom: 100px;
    }

        #ourstory .our_speciality {
            margin: 40px 0 0;
        }

            #ourstory .our_speciality .col-sm-3 {
                width: 100%;
            }

            #ourstory .our_speciality .col-sm-6 {
                display: none;
            }

            #ourstory .our_speciality .speciaty {
                width: auto;
            }

                #ourstory .our_speciality .speciaty .icon_circle {
                    float: left;
                    margin-left: 0;
                }

                #ourstory .our_speciality .speciaty .texts {
                    text-align: left;
                    width: calc(100% - 100px);
                }

        #ourstory .our_story img {
            margin-top: 0;
        }

        #ourstory .our_story h2 {
            margin: 30px 0 5px;
            font-size: 22px;
        }

        #ourstory .our_story p {
            font-size: 12px;
            line-height: 18px;
            margin-bottom: 15px;
        }

        #ourstory .our_story h3 {
            font-size: 16px;
            margin-bottom: 8px;
            margin-top: 0;
        }

            #ourstory .our_story h3 i {
                margin-right: 5px;
            }
    /*ourstory End*/
    /*Fun Facts Start*/
    #fun-facts .facts {
        margin-top: 50px;
    }

        #fun-facts .facts .col-sm-3 {
            padding: 15px;
            width: 50%;
            float: left;
        }

            #fun-facts .facts .col-sm-3 .fact {
                padding: 10px 0;
            }

                #fun-facts .facts .col-sm-3 .fact .icon_box {
                    font-size: 30px;
                    line-height: 54px;
                    width: 50px;
                }

                #fun-facts .facts .col-sm-3 .fact .texts {
                    width: calc(100% - 50px);
                    font-size: 16px;
                    line-height: 24px;
                }

                    #fun-facts .facts .col-sm-3 .fact .texts strong {
                        font-size: 30px;
                        line-height: 1;
                    }
    /*Fun Facts End*/
    /*Our Team Start*/
    #team .team_row {
        margin: 50px 0 40px;
    }

        #team .team_row .col-sm-3 {
            width: 50%;
            float: left;
        }
    /*Our Team End*/
    /*Purchase Link Start*/
    /*Purchase Link End*/
    /*Services Link*/
    #services .services {
        margin-top: 20px;
    }

        #services .services .service .icon_box {
            font-size: 18px;
            width: 30px;
        }

        #services .services .service .texts {
            width: calc( 100% - 30px );
        }

            #services .services .service .texts h3 {
                font-size: 17px;
            }

            #services .services .service .texts p {
                font-size: 12px;
                line-height: 1.5;
            }
    /*Services Link End*/
    /*Portfolio*/
    #portfolio .portfolios .filter_list li {
        padding: 5px 20px;
        border: 2px solid #FF9A00;
        margin: 0 2px;
        font-weight: 500;
    }

    #portfolio .portfolios .portfolio_items li.mix {
        width: calc(100% / 2);
    }

        #portfolio .portfolios .portfolio_items li.mix:hover .hover_elements .litle_desc {
            top: 25%;
            font-size: 13px;
        }

        #portfolio .portfolios .portfolio_items li.mix:hover .hover_elements a.live_preview {
            left: 30%;
        }

        #portfolio .portfolios .portfolio_items li.mix:hover .hover_elements a.view_details {
            right: 30%;
        }
    /*Portfolio End*/
    /*Pricing*/
    #pricing .pricing {
        margin-top: 60px;
    }

        #pricing .pricing .price_table {
            margin: 0 0 20px;
        }

            #pricing .pricing .price_table:hover {
                transform: scale(1, 1);
            }
    /*Pricing End*/
    /*Clients*/
    /*Clients End*/
    /*Subscribe */
    #subscribe .sectionTitle h3 {
        margin-bottom: 20px;
    }

    #subscribe .subscribe .form-inline {
        margin: auto;
        width: 60%;
    }

        #subscribe .subscribe .form-inline .form-group {
            margin: 0;
        }

            #subscribe .subscribe .form-inline .form-group input.form-control {
                margin-bottom: 10px;
            }

                #subscribe .subscribe .form-inline .form-group input.form-control#subs_name {
                    width: 100%;
                }

                #subscribe .subscribe .form-inline .form-group input.form-control#subs_email {
                    width: 100%;
                }

        #subscribe .subscribe .form-inline button.btn.btn-default {
            width: 100%;
            margin: 0;
        }
    /*Subscribe End*/
    /*Conact*/
    #contact {
        padding-bottom: 50px;
    }

        #contact .contact .contact_info {
            padding: 0 30px 30px;
        }

            #contact .contact .contact_info dl dt {
                font-weight: 500;
                width: 20%;
                position: relative;
                margin-bottom: 5px;
            }

                #contact .contact .contact_info dl dt span {
                    right: 15px;
                }

            #contact .contact .contact_info dl dd {
                width: calc(100% - 20%);
                margin-bottom: 5px;
            }
    /*Conact End*/
    /*Footer*/
    #top_footer:before {
        margin-top: 50px;
    }

    #top_footer .top_footer .col-sm-3 {
        width: 50%;
        padding: 0 30px;
        float: left;
        margin-bottom: 20px;
    }

    #footer .col-sm-6 {
        width: 50%;
        padding: 0 30px;
        float: left;
    }

        #footer .col-sm-6 ul.navbar-right {
            float: right;
        }
    /*Footer End*/
    .page_wrapper.container a#goTopLink.active {
        right: 10px;
    }
}

@media (max-width: 480px) {


    .section_padding {
        padding: 60px 0;
    }


    /* Call To Action */
    a#callToAction {
        position: fixed;
        display: inline-block;
        right: 0px;
        bottom: 70px;
        padding: 10px 20px;
        font-size: 14px;
        color: Blue;
        background-color: #fbc97e;
        transition: all 300ms ease-in-out;
        border-radius: 10px 0 0 10px;
    }
    /* Call To Action */

    /*Main Header*/
    .main_header .logo {
        top: -100px;
        right: 95px;
        width: 500px;
    }


    .main_header .header_list_menu {
        top: 20%;
    }
    .main_header .header_list_menu h3 {
            font-size: 18px;
            line-height: 25px;
        }
        .main_header .header_list_menu li a {
            padding: 0 20px;
            font-size: 16px;
        }

            .main_header .header_list_menu li a:after {
                width: 0;
                height: 1px;
            }

    .main_header .header_slider .item h4 {
        font-size: 20px;
    }

    /*Main Header*/
    /*Main Navigation Start*/
    /*Main Navigation End*/
    /*Section Title*/
    /*Section Title End*/
    /*ourstory*/
    #ourstory {
        padding-bottom: 60px;
    }
    /*ourstory End*/
    /*Fun Facts Start*/
    #fun-facts .facts .col-sm-3 {
        width: 50%;
        float: left;
    }

        #fun-facts .facts .col-sm-3 .fact {
            padding: 10px 0;
        }

            #fun-facts .facts .col-sm-3 .fact .icon_box {
                font-size: 24px;
                line-height: 44px;
                width: 40px;
            }

            #fun-facts .facts .col-sm-3 .fact .texts {
                width: calc(100% - 40px);
                font-size: 14px;
            }

                #fun-facts .facts .col-sm-3 .fact .texts strong {
                    font-size: 24px;
                    line-height: 1;
                }
    /*Fun Facts End*/
    /*Our Team Start*/
    #team .team_row .col-sm-3 {
        width: 100%;
    }
    /*Our Team End*/
    /*Purchase Link Start*/
    /*Purchase Link End*/
    /*Services Link*/
    /*Services Link End*/
    /*Portfolio*/
    #portfolio .portfolios .filter_list li {
        padding: 5px 10px;
        border: 2px solid #FF9A00;
        margin: 0;
        font-size: 11px;
        font-weight: 500;
    }
    /*Portfolio End*/
    /*Pricing*/
    /*Pricing End*/
    /*Clients*/
    #clients .clients ul.nav.nav-pills li {
        width: 50%;
    }
    /*Clients End*/
    /*Subscribe */
    #subscribe .subscribe .form-inline {
        width: 80%;
    }
    /*Subscribe End*/
    /*Conact*/
    /*Conact End*/
    /*Footer*/
    #top_footer:before {
        margin-top: 50px;
    }

    #top_footer .top_footer .col-sm-3 {
        width: 100%;
    }

    #footer .col-sm-6 {
        width: 100%;
    }

        #footer .col-sm-6 ul.navbar-right {
            margin: 10px 0 0;
            float: none;
        }
    /*Footer End*/
}

@media (max-width: 360px) {


    .section_padding {
        padding: 60px 0;
    }

    /* Call To Action */
    a#callToAction {
        position: fixed;
        display: inline-block;
        right: 0px;
        bottom: 70px;
        padding: 10px 20px;
        font-size: 14px;
        color: Blue;
        background-color: #fbc97e;
        transition: all 300ms ease-in-out;
        border-radius: 10px 0 0 10px;
    }
    /* Call To Action */

    /*Main Header*/
    .main_header .logo {
        top: -100px;
        right: 120px;
        width: 300px;
    }

    .main_header .header_list_menu li a {
        padding: 0 20px;
        font-size: 16px;
    }

        .main_header .header_list_menu li a:after {
            width: 0;
            height: 1px;
        }

    .main_header .header_slider .item h4 {
        font-size: 20px;
    }
    /*Main Header*/


    /*Main Navigation Start*/
    /*Main Navigation End*/
    /*Section Title*/
    .subSectionTitle h3 {
        font-size: 18px;
    }
    /*Section Title End*/
    /*ourstory*/
    #ourstory .our_story h2 {
        font-size: 18px;
    }



    #ourstory .our_story h3 {
        font-size: 14px;
    }
    /*ourstory End*/
    /*Fun Facts Start*/
    /*Fun Facts End*/
    /*Our Team Start*/
    /*Our Team End*/
    /*Purchase Link Start*/
    #general-background1 .general-background1 ul.nav.nav-pills {
        margin-top: 10px;
    }

        #general-background1 .general-background1 ul.nav.nav-pills li a {
            margin-top: 20px;
        }
    /*Purchase Link End*/
    /*Services Link*/
    /*Services Link End*/
    /*Portfolio*/
    #portfolio .portfolios .filter_list li {
        padding: 5px;
        border: 2px solid #FF9A00;
        margin: 0 0 10px;
        font-size: 11px;
        font-weight: 300;
    }

    #portfolio .portfolios .portfolio_items li.mix {
        width: 100%;
    }
    /*Portfolio End*/
    /*Pricing*/
    /*Pricing End*/
    /*Clients*/
    #clients .clients ul.nav.nav-pills li {
        width: 50%;
    }
    /*Clients End*/
    /*Subscribe */
    #subscribe .subscribe .form-inline {
        width: 80%;
    }
    /*Subscribe End*/
    /*Conact*/
    #contact .contact .contact_info dl dt {
        width: 40%;
    }

    #contact .contact .contact_info dl dd {
        width: 60%;
    }
    /*Conact End*/
    /*Footer*/
    /*Footer End*/
}