* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.container_cpanel {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
.text-right {
    text-align: right
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}
@media (min-width:768px) {
    .container_cpanel {
        width: 750px
    }
}

@media (min-width:992px) {
    .container_cpanel {
        width: 970px
    }
}

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

.container_cpanel-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

      .col-sm-6 {
        width: 50%
    }
 }
.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container_cpanel-fluid:after, .container_cpanel-fluid:before, .container_cpanel:after, .container_cpanel:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " "
}
.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container_cpanel-fluid:after, .container_cpanel:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both
}





@media screen and (min-width: 992px) {
    .sidebar-offcanvas, .row-off-canvas-empty-space {
        display: none;
    }
}


@media screen and (max-width: 991px) {
    body {
        overflow-x: hidden;
    }

    .row-offcanvas {
        height: 100%;
        position: relative;
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        transition: all .25s ease-out;
    }

    .row-offcanvas-right {
        right: 0;
    }

    .row-offcanvas-left {
        left: 0;
    }

    .row-offcanvas-right
    .sidebar-offcanvas {
        right: -20%; /* 6 columns */
    }

    .row-offcanvas-left
    .sidebar-offcanvas {
        left: -80%; /* 6 columns */
        background-color: #282828;
        height: 100%;
    }

    .row-offcanvas-right.active {
        right: 20%; /* 6 columns */
    }

    .row-offcanvas-left.active {
        left: 80%; /* 6 columns */
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 80%; /* 6 columns */
    }

    .row-offcanvas.active
    .row-off-canvas-overlay {
        height: 100%;
        background-color: #000;
        display: block;
        position: fixed;
        z-index: 3;
        opacity: 0.4;
        width: 100%;
    }
}







































.custom-page-body {
    margin: 50px 0 30px 0;
}

    .custom-page-body div > div > h2 {
        color: #ff8d1d;
        font-size: 15px;
    }

    .custom-page-body div > div > h4 {
        font-size: 20px;
    }

    .custom-page-body div > div > p {
        font-weight: 300;
        font-size: 20px;
        line-height: 26px;
    }

.custom-page-header {
    margin-top: -50px;
    padding-top: 90px;
    border-bottom: solid 14px #fff;
    position: relative;
}

    .custom-page-header::before {
        content: " ";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 12px;
        background: transparent url(../images/shadow.png) no-repeat 50% 0;
        width: 100%;
    }

    .custom-page-header h3 {
        font-size: 40px;
        font-weight: 300;
        margin-top: 0;
        margin-bottom: 0;
    }

    .custom-page-header p {
        font-size: 20px;
        font-weight: 300;
        padding-bottom: 60px;
        padding-top: 15px;
        color: #26394c;
    }

.cph-tabs-container_cpanel::after {
    content: " ";
    display: table;
    clear: both;
}

.cph-tabs-container_cpanel > span {
    line-height: 64px;
    font-size: 18px;
    font-weight: 300;
    color: #1e3244;
}

.cph-tabs {
    border-radius: 7px 7px 0 0;
    float: right;
    overflow: hidden;
}

    .cph-tabs a {
        font-size: 15px;
        padding: 15px 21px;
        background-color: #0ea0d1;
        color: #fff;
        float: left;
        line-height: 38px;
        border-left: solid 1px #ededed;
        text-decoration: none !important;
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        transition: all .25s ease-out;
    }

        .cph-tabs a:first-child {
            border: 0;
        }

        .cph-tabs a i {
            font-size: 27px;
            margin-right: 10px;
            position: relative;
            top: 3px;
        }

        .cph-tabs a:hover {
            background-color: #008dbd;
        }

        .cph-tabs a.active {
            background-color: #96cd00;
        }

.cpanel-license {
    background-color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 40px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.15);
    border-radius: 6px;
    position: relative;
    margin-bottom: 30px;
}

.cpanel-addon {
    background-color: #fff;
    text-align: left;
    font-size: 17px;
    padding: 40px 40px 25px 80px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.15);
    border-radius: 6px;
    position: relative;
    margin-bottom: 20px;
}

    .cpanel-addon:hover, .cpanel-license:hover {
        -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        transition: all .25s ease-out;
    }

    .cpanel-addon p {
        font-size: 17px !important;
        color: #444a5a !important;
        font-weight: 300 !important;
    }

.ca-right {
    margin-top: 40px;
}

.cpanel-license h2 {
    color: #27acde;
    font-size: 24px;
    margin: 0 0 5px 0;
}

.cpanel-license p {
    font-size: 17px !important;
    line-height: 28px !important;
    font-weight: 300 !important;
    color: #444a5b;
}

.cl-ribbon {
    position: absolute;
    left: -14px;
    top: 28px;
    background-color: #27adde;
    color: #fff;
    font-size: 12px;
    padding: 4px 0px;
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    width: 110px;
    text-align: center;
}

    .cl-ribbon::after, .cl-ribbon::before {
        content: " ";
        position: absolute;
        width: 27px;
        height: 25px;
        left: -13px;
        top: 0;
        background-color: #27ADDE;
        transform: skew(-45deg, 0deg);
        z-index: -1;
    }

    .cl-ribbon::before {
        transform: skew(45deg, 0deg);
        right: -13px;
        left: auto;
    }

    .cl-ribbon > span::after, .cl-ribbon > span::before {
        left: -26px;
        bottom: -10px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: transparent;
        border-top-color: #20a1cf;
        border-width: 5px;
    }

    .cl-ribbon > span::before {
        right: -26px;
        left: auto;
    }

.cl-head {
    border-bottom: solid 3px #ebeff2;
    padding-bottom: 15px;
}

.ca-head {
    border-bottom: solid 3px #ebeff2;
    padding-bottom: 10px;
    margin: 5px 0 10px 0;
}

.cl-head-text {
    color: #444a5b;
}

.cpanel-license p {
    padding: 20px;
}

.cl-price {
    font-size: 30px;
    display: block;
    margin-bottom: 20px;
    color: #395261;
}

    .cl-price em {
        font-size: 15px;
        font-style: normal;
        top: -14px;
        position: relative;
        margin-left: 10px;
    }

.cpanel-license .btn, .cpanel-addon .btn {
    border-radius: 24px;
    font-size: 15px;
    padding: 13px 27px;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.cpanel-demo {
    position: relative;
}

    .cpanel-demo .cpanel-demo {
        bottom: -13px;
    }

.cd-left, .cd-right {
    width: 50%;
    height: 430px;
    position: relative;
    float: left;
}

    .cd-left .demo-image {
        position: absolute;
        left: 0;
        overflow: hidden;
    }

    .cd-right .demo-image {
        position: absolute;
        right: 0;
        overflow: hidden;
    }

        .cd-left .demo-image::after, .cd-right .demo-image::after {
            content: " ";
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: #000;
            left: 0;
            top: 0;
            opacity: 0;
        }

.cd-desc {
    padding: 20px;
    border: solid 1px #eaeaea;
    position: relative;
    z-index: 2;
    background-color: #fff;
    width: 260px;
    position: absolute;
    bottom: 0;
    right: 10px;
    font-weight: 300;
    color: #444a5a;
    text-decoration: none !important;
}

    .cd-desc h4 {
        font-weight: 400;
        position: relative;
        padding-bottom: 20px;
        margin-bottom: 15px;
        font-size: 18px;
        color: #444a5a;
    }

        .cd-desc h4 i {
            float: right;
            font-size: 20px;
            display: none;
            color: #fff;
        }

        .cd-desc h4::after {
            content: " ";
            width: 50px;
            border-bottom: solid 1px #eaeaea;
            position: absolute;
            left: 0;
            bottom: 0;
        }

.cpanel-demo {
    background-color: #fff;
}

    .cpanel-demo .custom-page-body {
        margin-bottom: -20px;
    }

    .cpanel-demo p {
        font-size: 16px !important;
        font-weight: 300 !important;
        color: #444a5a;
    }

    .cpanel-demo > a:hover .cd-desc {
        color: #fff !important;
        background-color: #ff6c00;
        border-color: #ff6c00;
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        transition: all .25s ease-out;
    }

    .cpanel-demo > a:hover h4 {
        color: #fff !important;
    }

    .cpanel-demo > a:hover p {
        color: #fff !important;
    }

    .cpanel-demo > a:hover .cd-desc h4 i {
        display: inline-block;
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        transition: all .25s ease-out;
    }

    .cpanel-demo > a:hover .demo-image::after {
        opacity: 0.3;
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        transition: all .25s ease-out;
    }

    .cpanel-demo > a.cd-left:hover .demo-image img {
        -ms-transition: -ms-transform 2s cubic-bezier(0.23,1,0.32,1);
        -webkit-transition: -webkit-transform 2s cubic-bezier(0.23,1,0.32,1);
        transition: transform 2s cubic-bezier(0.23,1,0.32,1);
        -webkit-transform: scale(1.06) rotate(2deg);
        -ms-transform: scale(1.06) rotate(2deg);
        transform: scale(1.06) rotate(2deg);
    }

    .cpanel-demo > a.cd-right:hover .demo-image img {
        -ms-transition: -ms-transform 2s cubic-bezier(0.23,1,0.32,1);
        -webkit-transition: -webkit-transform 2s cubic-bezier(0.23,1,0.32,1);
        transition: transform 2s cubic-bezier(0.23,1,0.32,1);
        -webkit-transform: scale(1.06) rotate(-2deg);
        -ms-transform: scale(1.06) rotate(-2deg);
        transform: scale(1.06) rotate(-2deg);
    }


input[name=search] {
    z-index: 1 !important;
}


.cd-right .cd-desc {
    left: 10px;
}


.contact-desc {
    padding-left: 12px;
}

    .contact-desc h4 {
        font-weight: 300 !important;
        font-size: 25px !important;
        margin-top: 0;
    }

        .contact-desc h4 i {
            font-size: 14px;
            position: relative;
            top: -4px;
            color: #ff9400;
        }

    .contact-desc > p {
        font-weight: 300 !important;
        font-size: 17px !important;
        line-height: 28px !important;
    }

    .contact-desc strong {
        font-weight: 400;
    }

.contact-page .form-control {
    font-size: 14px;
    border-radius: 0;
}


.btn-lightblue {
    background-color: #27adde;
    color: #fff !important;
    text-decoration: none !important;
}

    .btn-lightblue:hover {
        background-color: #008cbf;
    }

.bg-orange, .bg-orange::after, .bg-orange::before {
    background-color: #ff7a45;
}

    .bg-orange > span::after, .bg-orange > span::before {
        border-top-color: #e06931;
    }

.bg-darkblue, .bg-darkblue::after, .bg-darkblue::before {
    background-color: #4172bf;
}

    .bg-darkblue > span::after, .bg-darkblue > span::before {
        border-top-color: #335ba0;
    }

.bg-gray, .bg-gray::after, .bg-gray::before {
    background-color: #6a8aa7;
}

    .bg-gray > span::after, .bg-gray > span::before {
        border-top-color: #5b7793;
    }

/* responsive */
.navbar-default .navbar-toggle {
    border: 0;
    margin: 7px 10px 0;
    padding: 0;
    z-index: 99;
    position: relative;
}

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #006bc9;
        height: 4px;
        width: 30px;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }

@media screen and (max-width: 1199px) {
    /*
  .ehm-logo::before {
    left: -55px;
    background: #fff;
    width: 100px;
  }
  */
    #nav.navbar-default .navbar-nav > li > a {
        font-size: 14px;
        padding: 0px 15.2px;
    }

    .cm-links a {
        font-size: 13px;
        padding: 13px 21px;
    }

    .cm-left {
        padding-top: 2px;
    }
}

@media screen and (min-width: 992px) {
    #e-foot-head p {
        min-height: 100px;
    }
}

@media screen and (max-width: 991px) {
    body {
        background-image: none;
    }

    .text-right {
        text-align: center;
    }

    .cpanel-demo > a:hover h4, .cpanel-demo > a:hover p {
        color: #444a5a !important;
    }

    .homepage-images {
        margin-right: 15px;
        margin-left: 15px;
    }

    .e-clientarea > div {
        background: transparent url(../images/e-clientarea.png) no-repeat 50% -30px;
    }

    #customer-menu {
        margin-bottom: 20px;
        padding: 0;
        margin-top: -25px;
    }

    .text-center-xs {
        text-align: center;
    }

    .contact-desc {
        margin-top: 60px;
    }

    .cd-right .demo-image, .cd-left .demo-image {
        display: none;
    }

    .cd-left, .cd-right {
        width: 100%;
        height: auto;
        float: none;
        clear: both;
        display: table;
        border: solid 1px #eaeaea;
        margin-bottom: 20px;
        padding: 20px;
    }

    .cd-desc {
        position: relative;
        width: auto;
        padding: 0;
        border: 0;
        right: auto;
        left: auto;
    }

    .cpanel-eklentileri .cph-tabs a {
        padding: 15px 11.5px;
    }

    #homepage-main-image {
        margin-bottom: 30px;
    }

    #comments .carousel-control.left, #comments .carousel-control.right {
        margin: 80px 8px;
    }

    #comments {
        padding: 30px 70px;
    }

    .homepage-whyus h3 {
        font-size: 30px;
    }

    .homepage-whyus p {
        font-size: 15px;
    }

    .s-title {
        font-size: 20px;
    }

    .s-subtitle {
        font-size: 26px;
    }

    .s-desc {
        font-size: 17px;
    }

    .cpanel-license {
        margin-bottom: 20px;
    }

    .foot-links a {
        font-size: 14px;
    }

    .social-icons {
        margin-top: 22px;
        float: left;
        margin-right: 15px;
    }

    .footer-links {
        padding-left: 30px;
        margin-bottom: 40px;
    }

    #e-footer {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    #e-foot-head p {
        min-height: 80px;
    }

    .cm-links a {
        margin-bottom: 15px;
        font-size: 11px;
        padding: 7px 32px;
        margin-left: 5px;
    }

        .cm-links a i {
            font-size: 20px;
        }

    .cm-left {
        font-size: 16px;
        margin-bottom: 15px;
    }

        .cm-left span {
            font-size: 20px;
            display: inline-block;
        }

    .logo-mobile {
        display: inline-block;
    }

    #nav {
        background-color: #ffffff;
        border-bottom: solid 1px #e1e1e1;
        padding: 20px 0;
    }

    #e-top-bar {
        display: none;
    }

    #e-top-bar-mobile {
        display: block;
    }

    .row-offcanvas.active .logo-mobile {
        display: none;
    }

    .row-offcanvas.active .navbar-default .navbar-toggle {
        float: left;
        margin-left: 30px;
    }

    .row-offcanvas.active #e-foot-bar .social-icons {
        display: none !important;
    }

    .row-offcanvas.active #e-foot-bar .foot-links {
        display: none !important;
    }

    .row-offcanvas.active #e-foot-bar {
        position: relative;
        z-index: 99;
    }
}