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

    Main Style Stylesheet

    Project:        FIMPES

    Version:        1.0

    Author:         GESDES

    Last change:    04/11/2017

    Primary use:    fimpes

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



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

body 

         + WRAP

         + HEADER

         + NAVIGATION

         + BANNER

         + SERVICES

         + OUR FEATURED FOUNDERS

         + BLOG UPDATES 

         + APPOINMENT

         + NEWS FROM BLOG

         + PARTNERS / CLIENTS

         + FOOTER

         + SOCIAL ICONS

         + MEGA MENU

         + 3 MENU LEVEL 

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

/*=======================================================

      IMPORT FILE

========================================================*/

@import url("animate.css");

/*=======================================================

      THEME STYLING START

========================================================*/

* {

    margin: 0px;

    padding: 0px;

}

body {

    background: #FFF;

    font-weight: normal;

    position: relative;

    font-size: 14px;

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

}

.fonts {

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

}

/*=======================================================

      WRAPPER

========================================================*/

#wrap {

    position: relative;

    width: 100%;

    overflow: hidden;

}

/*=======================================================

      HEADINGS

========================================================*/

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

    font-weight: normal;

    color: #000000;

}

h1 {

    font-size: 48px;

}

h2 {

    font-size: 40px;

    font-weight: bold;

}

h3 {

    font-size: 36px;

}

h4 {

    font-size: 30px;

    line-height: 40px;

}

h5 {

    font-size: 26px;

}

h6 {

    font-size: 18px;

}

p {

    color: #323131;

    font-size: 16px;

    letter-spacing: 0px;

    line-height: 30px;

    font-weight: 500;

    text-rendering: optimizeLegibility;

}

a {

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

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

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

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

    transition: all 0.4s ease-in-out;

    text-decoration: none !important;

}

img {

    -webkit-transition: 0.4s ease-in-out;

    -moz-transition: 0.4s ease-in-out;

    -ms-transition: 0.4s ease-in-out;

    -o-transition: 0.4s ease-in-out;

    transition: 0.4s ease-in-out;

    display: inline-block !important;

}

.nolist-style {

    padding: 0px;

    margin: 0px;

}

.nolist-style li {

    list-style: none;

}

a {

    text-decoration: none;

    color: #141414;

}

/*=======================================================

      SECTION

========================================================*/

section {

    position: relative;

    width: 100%;

    background: #fff;

}

/*=======================================================

      BUTTON

========================================================*/

.btn {

    background: none;

    display: inline-block;

    font-size: 16px;

    padding: 9px 40px;

    font-weight: 500;

    border-radius: 30px;

    color: #fff;

    border: 2px solid #fff;

    position: relative;

    overflow: hidden;

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

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

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

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

    transition: all 0.4s ease-in-out;

}

.btn:hover {

    color: #fff;

    border: 2px solid #126FB7;

    background: #126FB7;

}

.btn-inverse {

    color: #fff;

    border: 2px solid #126FB7;

    background: #126FB7;

}

.btn-inverse:hover {

    background: none;

    color: #126FB7;

}

#content {

    background: #fff;

    position: relative;

}

.home-2 .btn {

    border-radius: 4px;

}

.btn-flat {

    border-radius: 4px;

}

/*=======================================================

      HEADINGS

========================================================*/

.heading-block {

    max-width: 650px;

    margin: 0 auto;

    text-align: center;

    margin-bottom: 90px;

}

.heading-block h4 {

    text-transform: none;

    font-weight: 200;

    margin: 0px;

    padding: 0px;

    position: relative;

    display: inline-block;

    font-size: 40px;

    line-height: 50px;

}

.heading-block h2 {

    text-transform: none;

    font-weight: 200;

    margin: 0px;

    padding: 0px;

    position: relative;

    display: inline-block;

    font-size: 40px;

    line-height: 50px;

    color: #323131;

}

.heading-block h6 {

    margin: 0px;

    padding: 0px;

    font-size: 18px;

    font-weight: 500;

    margin-bottom: 20px;

    position: relative;

    display: inline-block;

    width: 100%;

    color: #323131;

}

.heading-block span {

    margin: 0px;

    padding: 0px;

    font-size: 18px;

    font-weight: 500;

    margin-bottom: 20px;

    position: relative;

    display: inline-block;

    width: 100%;

}

.heading-block-1 hr {

    width: 66px;

    border: none;

    height: 1px;

    background: #e3e2f4;

    margin: 0 auto;

    position: relative;

}

.heading-block-1 hr:before {

    background: url(../images/heading-hr.png) no-repeat;

    height: 14px;

    width: 14px;

    float: left;

    left: -7px;

    top: -7px;

    position: absolute;

    content: "";

}

.heading-block-1 hr:after {

    background: url(../images/heading-hr.png) no-repeat;

    height: 14px;

    width: 14px;

    float: left;

    right: -7px;

    top: -7px;

    position: absolute;

    content: "";

}

.heading-block-1 {

    text-align: center;

    margin-bottom: 50px;

}

.heading-block-1 h4 {

    font-size: 30px;

    color: #232955;

    font-weight: 500;

    margin: 0px;

    margin-bottom: 25px;

}

.heading-block-1 h2 {

    font-size: 30px;

    color: #232955;

    font-weight: 500;

    margin: 0px;

    margin-bottom: 25px;

}

.heading-block-2 {

    text-align: center;

    margin-bottom: 50px;

}

.heading-block-2 hr {

    width: 170px;

    border: none;

    height: 3px;

    background: url(../images/heading-hr-1.png) no-repeat;

    margin: 0 auto;

    position: relative;

}

.heading-block-2 h4 {

    font-size: 30px;

    color: #232955;

    font-weight: 500;

    margin: 0px;

    margin-bottom: 25px;

}

.heading-block-2 h2 {

    font-size: 30px;

    color: #232955;

    font-weight: 500;

    margin: 0px;

    margin-bottom: 25px;

}

.heading-block.white h4 {

    color: #fff;

}

.heading-block.white h2 {

    color: #fff;

}

.heading-block.white span {

    color: #fff;

}

.heading-block.white h2 {

    color: #fff;

}

.heading-block.white h6 {

    color: #fff;

}

.heading-block.head-left {

    text-align: left;

}

.heading-block-1.head-left {

    text-align: left;

}

.heading-block-1.head-left {

    text-align: left;

}

.heading-block-1.head-left hr {

    width: 100%;

}

.heading-block-1.white h4 {

    color: #fff;

}

.heading-block-1.white h2 {

    color: #fff;

}

.heading-block-1.white hr:after {

    background: url(../images/heading-hr-white.png) no-repeat;

}

.heading-block-1.white hr:before {

    background: url(../images/heading-hr-white.png) no-repeat;

}

.heading-block-1.head-left hr:after {

    display: none;

}

/*=======================================================

      POSITION CENTER CENTER

========================================================*/

.position-center-center {

    left: 50%;

    position: absolute;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}

/*=======================================================

      TOP BAR

========================================================*/

.top-bar {

    height: 70px;

}

.top-bar p {

    line-height: 70px;

    margin: 0px;

    color: #fff;

    font-weight: normal;

    font-size: 15px;

    display: inline-block;

}

.top-bar ul li {

    display: inline-block;

}

.top-bar i {

    margin-right: 5px;

}

.top-bar .flaticon-email-envelope-outline-shape-with-rounded-corners {

    margin-left: 50px;

}

.top-bar .social-top a {

    line-height: 43px;

    color: #909090;

    font-size: 11px;

    margin: 0 5px;

}

.top-bar .dropdown-menu>li>a {

    width: 100%;

}

.top-bar .dropdown-menu>li>a:hover {

    background: #232955 !important;

    color: #fff;

}

.top-bar .bootstrap-select.btn-group .dropdown-menu li {

    width: 100%;

}

.top-bar .btn {

    border: none;

    padding: 0px;

    line-height: 70px;

    width: 45px;

    font-weight: normal;

    font-size: 15px;

    color: #fff !important;

    background: none !important;

    border-radius: 0px;

    outline: none !important;

    box-shadow: none !important;

}

.top-bar .foll .btn {

    width: 93px;

}

.top-bar .langug {

    margin-left: 40px;

}

.top-bar .langug p {

    line-height: 30px;

}

.top-bar .dropdown-menu {

    line-height: 30px;

}

.top-bar .dropdown-menu {

    margin: 0px;

    border-radius: 0px;

    border: none;

}

.top-bar .search {

    display: inline-block;

    margin-left: 30px;

    width: 130px;

}

.top-bar .search label {

    color: #fff;

    position: relative;

}

.top-bar .search label i {

    position: absolute;

    left: 0px;

    line-height: 70px;

}

.top-bar .search input {

    border: none;

    padding-left: 20px;

    outline: none !important;

    font-weight: normal;

    background: none;

    color: #fff;

    width: 100%;

    height: 70px;

}

.top-bar .search ::-webkit-input-placeholder { /* Chrome/Opera/Safari */

    color: #fff;

}

.top-bar .search ::-moz-placeholder { /* Firefox 19+ */

    color: #fff;

}

.top-bar .search :-ms-input-placeholder { /* IE 10+ */

    color: #fff;

}

.top-bar .search :-moz-placeholder { /* Firefox 18- */

    color: #fff;

}

/*=======================================================

      MAIN HEADER

========================================================*/

.home-main-header {

    padding: 0 70px;

    position: relative;

    z-index: 11;

}

.home-main-header:before {

    position: absolute;

    height: 490px;

    width: 100%;

    left: 0px;

    content: "";

    z-index: -1;

    background: #126FB7;

}

.home-main-header .header {

    top: 110px;

}

.home-main-header .text-sec {

    max-width: 100%;

}

.bnr-content {

    background: #212C56 url(../images/main-header-bg.png) center bottom fixed no-repeat;

    height: 840px;

    position: relative;

    box-shadow: 0 30px 40px rgba(0,0,0,0.4);

}

.bnr-content .btn {

    margin-top: 30px;

}

.bnr-content .position-center-center {

    width: 100%;

    text-align: center;

    margin-top: 0px;

    margin-top: 30px;

}

.bnr-content p {

    color: #d1d7ff;

}

.bnr-content h1 {

    color: #fff;

    margin: 30px 0;

    line-height: 50px;

    font-weight: 100;

    font-size: 40px;

}

.bnr-content h1 strong {

    font-weight: 500;

}

.bnr-content .go-down {

    position: absolute;

    bottom: -45px;

    left: 0px;

    right: 0px;

    margin: 0 auto;

    width: 90px;

    z-index: 99;

}

.bnr-content .go-down a {

    height: 90px;

    width: 90px;

    display: inline-block;

    background: #fcb532;

    border-radius: 50%;

}
.bnr-content-lite {
    background: #212C56 url(../images/main-header-bg.png) center bottom fixed no-repeat;
    height: 450px; 
    position: relative;
    box-shadow: 0 30px 40px rgba(0,0,0,0.4);
}


.bnr-content-lite .btn {
    margin-top: 30px;
}

.bnr-content-lite .position-center-center {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.bnr-content-lite p {
    color: #d1d7ff;
}

.bnr-content-lite h1 {
    color: #fff;
    margin: 30px 0;
    line-height: 50px;
    font-weight: 100;
    font-size: 40px;
}

.bnr-content-lite h1 strong {
    font-weight: 500;
}

.bnr-content-lite .go-down {
    position: absolute;
    bottom: -45px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    width: 90px;
    z-index: 99;
}

.bnr-content-lite .go-down a {
    height: 90px;
    width: 90px;
    display: inline-block;
    background: #fcb532;
    border-radius: 50%;
}

.bnr-second {

    background: #232955 url(../images/bnr-pattern.png) repeat;

    min-height: 900px;

}

.bnr-second h1 {

    color: #fff;

    font-size: 55px;

    line-height: 65px;

    font-weight: 100;

    margin-bottom: 20px;

}

.bnr-second p {

    color: #d1d7ff;

}

.bnr-second .btn {

    margin-top: 40px;

}

.bnr-second .position-center-center {

    width: 100%;

    margin-top: 0px;

    margin-top: 30px;

}

.bnr-second .text-sec {

    max-width: 500px;

}

.bnr-second .container {

    position: relative;

}

.bnr-second .bnr-img {

    position: absolute;

    right: 0px;

    z-index: -1;

    top: -50px;

}

/*=======================================================

      HEADER

========================================================*/

header {

    width: 100%;

    z-index: 999;

    background: none;

    padding: 0px 0;

    position: relative;

}

.header {

    position: absolute;

    left: 0px;

    top: 50px;

    width: 100%;

}

header .container {

    position: relative;

}

header .navbar {

    border: none;

    margin: 0px;

    position: static;

    padding: 0px;

    border-radius: 0px;

    text-align: center;

    float: right;

}

header .nav {

    padding: 0px;

    margin: 0px;

}

header .logo {

    float: left;

    position: relative;

    -webkit-transition: 0.2s ease-in-out;

    -moz-transition: 0.2s ease-in-out;

    -ms-transition: 0.2s ease-in-out;

    -o-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

}

header .logo img {

    z-index: 3;

    position: relative;

}

.sticky-wrapper {

    height: auto !important;

}

header .sticky {

    left: 0px;

}

header .is-sticky .sticky {

    background: rgba(0,0,0,0.95);

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

}

header.white-header .is-sticky .sticky {

    background: rgba(0,0,0,0.95);

    box-shadow: 0 0 5px rgba(0,0,0,0.2);

}

header .navbar {

    display: inline-block;

    -webkit-transition: 0.2s ease-in-out;

    -moz-transition: 0.2s ease-in-out;

    -ms-transition: 0.2s ease-in-out;

    -o-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

}

header .navbar li {

    display: inline-block;

    margin: 0 15px;

    position: relative;

}

header .sticky {

    width: 100%;

    -webkit-transition: 0.2s ease-in-out;

    -moz-transition: 0.2s ease-in-out;

    -ms-transition: 0.2s ease-in-out;

    -o-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

}

header .navbar li a {

    font-size: 16px;

    color: #fff;

    font-weight: 500;

    padding: 21px 0px;

    letter-spacing: 0px;

}

.navbar-collapse {

    padding: 0px;

    float: left;

}

header .navbar li a:before {

}

header .navbar li a:hover:before {

    width: 100%;

}

header .navbar li.active a:before {

}

.nav>li>a:focus, .nav>li>a:hover {

    background: none;

}

.ownmenu .nav .dropdown-menu {

    background: #000000;

    padding: 0px;

}

.ownmenu .nav .dropdown-menu li a {

    color: #fff !important;

}

.ownmenu .dropdown-menu li {

    margin: 0px;

}

.ownmenu .nav .dropdown-menu li {

    position: relative;

    z-index: 2;

}

.ownmenu .nav .dropdown-menu li a {

    z-index: 1;

    position: relative;

}

.ownmenu .nav .dropdown-menu li a:before {

    background: #131313;

    content: "";

    width: 0px;

    height: 100%;

    top: 0px;

    margin: 0px;

    z-index: -1;

    left: 0px;

}

.ownmenu .dropdown-menu li a:hover:before {

    width: 100%;

    background: #232955;

}

.ownmenu .nav .dropdown-menu li:hover > a {

    background: #232955;

    color: #fff;

}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {

    background: none;

}

.ownmenu .nav .dropdown-menu li a {

    padding: 0px 30px !important;

    font-size: 14px;

    letter-spacing: 0px;

    font-weight: 500;

    line-height: 36px;

    color: #999999 !important;

}

.ownmenu .nav .dropdown-menu li a span {

    color: #fff;

    font-weight: normal;

    margin-left: 5px;

    font-size: 8px;

    height: 15px;

    padding: 0 5px;

    line-height: 15px;

    background: #f65589;

    display: inline-block;

}

.ownmenu .nav .dropdown-menu li:hover > a span {

    color: #fff;

}

.ownmenu .nav .dropdown-menu li:nth-last-child(1) a {

    border-bottom: none;

}

.ownmenu .nav .dropdown-menu li a:hover {

    color: #fff !important;

}

.ownmenu .nav .dropdown-menu {

    border: none;

    min-width: 250px;

    margin-top: 0px;

    border-radius: 0px;

    padding: 20px 0px;

    border-radius: 4px;

}

.ownmenu .dropdown.megamenu {

    position: static !important;

}

.ownmenu .dropdown.megamenu .dropdown-menu {

    width: 100%;

    min-width: inherit;

    padding: 0 15px;

    background: none !important;

    border: none !important;

    box-shadow: none;

}

.mega-inside {

    padding: 20px 0px;

    background: rgba(0,0,0,0.95);

    border-bottom: 1px solid #fff;

    display: inline-block;

    width: 100%;

}

.ownmenu .dropdown.megamenu .dropdown-menu li {

    display: inline-block;

    width: 100%;

}

.ownmenu .dropdown.megamenu .dropdown-menu h6 {

    margin-bottom: 20px;

    letter-spacing: 1px;

    color: #fff;

    padding-left: 30px;

    margin: 0px;

    margin-top: 20px;

    padding-bottom: 15px;

    margin-bottom: 20px;

    text-transform: uppercase;

    border-bottom: 1px solid rgba(255,255,255,0.1);

}

.ownmenu .dropdown.megamenu .dropdown-menu li a {

    display: inline-block;

    width: 100%;

}

.ownmenu .dropdown .sub-menu .dropdown-menu {

    position: absolute;

    left: 100%;

    top: 0px;

    display: none !important;

    margin: 0px !important;

}

.ownmenu .dropdown .sub-menu:hover .dropdown-menu {

    display: block !important;

}

.ownmenu .dropdown .sub-menu .dropdown-menu li a {

    border-bottom: 1px solid rgba(0,0,0,0.1) !important;

}

.ownmenu .dropdown .sub-menu .dropdown-menu li:nth-last-child(1) a {

    border-bottom: 1px solid rgba(0,0,0,0.1) !important;

}

.ownmenu .dropdown .sub-menu:before {

    content: "\f105";

    position: absolute;

    right: 10px;

    font-family: 'FontAwesome';

    line-height: 33px;

    z-index: 2;

}

.ownmenu .dropdown .sub-menu:hover:before {

    color: #fff;

}

.ownmenu {

    float: left;

}

.nav-right i {

    font-size: 14px;

}

.nav-right li {

    padding: 0 0px;

    margin: 0 10px !important;

}

.nav-right {

    float: right;

    position: relative;

    margin-left: 30px;

    margin-top: 22px;

    -webkit-transition: 0.2s ease-in-out;

    -moz-transition: 0.2s ease-in-out;

    -ms-transition: 0.2s ease-in-out;

    -o-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

}

.get-free {

    background: #fff;

    color: #323131;

    padding: 9px 30px;

    font-weight: 500;

    border-radius: 30px;

    margin-right: 15px;

}

.get-free span {

    position: relative;

}

.get-free span:before {

    content: "";

    width: 100%;

    position: absolute;

    bottom: 2px;

    left: 0px;

    border-bottom: 1px solid #bfbfbf;

}

.get-free:hover {

    background: #126FB7;

    color: #fff;

}

.home-2 .get-free {

    padding: 9px 20px;

    border-radius: 4px;

}

.home-2 header .logo {

    margin-top: 10px;

}

.home-2 header .is-sticky .sticky .logo {

    margin-top: 0px;

}

header .navbar li a:before {

    position: absolute;

    left: 0px;

    bottom: 0px;

    height: 2px;

    width: 0px;

    background: #629ee7;

    content: "";

    -webkit-transition: 0.2s ease-in-out;

    -moz-transition: 0.2s ease-in-out;

    -ms-transition: 0.2s ease-in-out;

    -o-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

}

header .navbar li a:before:hover {

    width:100%;

}

header .navbar li.active a:before {

    position: absolute;

    left: 0px;

    bottom: 0px;

    height: 2px;

    width: 100%;

    background: #629ee7;

    content: "";

    -webkit-transition: 0.2s ease-in-out;

    -moz-transition: 0.2s ease-in-out;

    -ms-transition: 0.2s ease-in-out;

    -o-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

}

header .navbar li a:hover {

    color: #629ee7;

}

header .navbar li.active a {

    color: #629ee7 !important;

}

header.white-header .navbar li a:before {

    background: #fff;

}

header.white-header .navbar li a:before:hover {

    width:100%;

}

header.white-header .navbar li.active a:before {

    background: #fff;

}

header.white-header .navbar .dropdown-menu a:before {

    background: #343434 !important;

    display: none !important;

}

header.white-header .navbar li.active a {

    color: #fff !important;

}

header.full-head {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    padding: 0;

    background: rgba(0,0,0,0.4);

    border-bottom: 1px solid rgba(255,255,255,0.2);

}

header.full-head .sticky {

    padding: 0 50px;

}

header.white-header .logo {

    border-right: 1px solid rgba(255,255,255,0.2);

}

header.white-header .nav-right {

    border-left: 1px solid rgba(255,255,255,0.2);

}

header.white-header .navbar li a {

    color: #fff;

}

header.full-head .ownmenu .dropdown.megamenu .dropdown-menu {

    padding: 0px;

}

.menu-left .navbar {

    float: none;

    display: block;

}

.navbar-nav > li:hover > .dropdown-menu {

    display: block;

}

.dropdown-submenu {

    position: relative;

}

.dropdown-submenu>.dropdown-menu {

    top: 0;

    left: 100%;

    -webkit-border-radius: 0 6px 6px 6px;

    -moz-border-radius: 0 6px 6px;

    border-radius: 0 6px 6px 6px;

}

.dropdown-submenu:hover>.dropdown-menu {

    display: block;

}

.dropdown-submenu>a:after {

    content: "\e876";

    float: right;

    font-family: 'Linearicons-Free';

    color: #fff;

    font-size: 8px;

    margin: 0px;

    position: absolute;

    right: 30px;

}

.dropdown-submenu>a:hover:after {

    color: #fff;

}

.dropdown-submenu.pull-left {

    float: none;

}

.dropdown-submenu.pull-left>.dropdown-menu {

    left: -100%;

    margin-left: 10px;

    -webkit-border-radius: 6px 0 6px 6px;

    -moz-border-radius: 6px 0 6px 6px;

    border-radius: 6px 0 6px 6px;

}

.multi-level .dropdown-submenu .dropdown-menu {

    display: none !important;

}

.multi-level .dropdown-submenu:hover .dropdown-menu {

    display: block !important;

}

header .is-sticky .sticky .logo {

    padding-top: 10px;

    padding-bottom: 10px;

}

header .is-sticky .sticky .navbar li a {

}

header .is-sticky .sticky .nav-right {

}

.nav-right li a:before {

    display: none;

}

.header-style-2 {

    position: relative;

   /* background: #f5f5f5 url(../images/hr-bar.jpg) repeat-x;*/
    background: #ffffff;
    /*padding-top: 25px;*/

}

.head-info {

    float: right;

}

.head-info li {

    list-style: none;

    display: inline-block;

    float: left;

    margin-left: 60px;

}

.head-info li p {

    line-height: 24px;

    font-size: 14px;

    margin: 0px;

    color: #232955;

}

.head-info li.mobile {

    background: url(../images/icon-mobile.png) left 5px no-repeat;

    padding-left: 30px;

}

.head-info li.email {

    background: url(../images/icon-envalop.png) left 5px no-repeat;

    padding-left: 30px;

}

.head-info li.map-mr {

    background: url(../images/icon-map.png) left 5px no-repeat;

    padding-left: 30px;

}

.header-style-2 .navbar {

    width: 100%;

    border-top: 1px solid #e3e3e3;

    /*margin-top: 25px;*/

}

.header-style-2 .navbar li a {

    color: #232955;

}

.header-style-2 .navbar li:nth-child(1) {

    margin-left: 0px;

}

.header-style-2 .get-free {

    background: #498cdd;

    color: #fff;

}

.header-style-2 .get-free:hover {

    background: #232955;

    color: #fff;

}

.header-style-2 .search {

    display: inline-block;

    width: 100px;

    -webkit-transition: 0.2s ease-in-out;

    -moz-transition: 0.2s ease-in-out;

    -ms-transition: 0.2s ease-in-out;

    -o-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

}

.header-style-2 .search:hover {

    width: 180px;

}

.header-style-2 .search label {

    color: #232955;

    font-size: 16px;

    font-weight: 600;

    position: relative;

}

.header-style-2 .search label i {

    position: absolute;

    left: 0px;

    left: 0px;

    margin-top: 3px;

}

.header-style-2 .search input {

    border: none;

    padding-left: 25px;

    outline: none !important;

    font-weight: normal;

    background: none;

    color: #232955;

    width: 100%;

}

.header-style-2 .search ::-webkit-input-placeholder { /* Chrome/Opera/Safari */

    color: #232955;

}

.header-style-2 .search ::-moz-placeholder { /* Firefox 19+ */

    color: #232955;

}

.header-style-2 .search :-ms-input-placeholder { /* IE 10+ */

    color: #232955;

}

.header-style-2 .search :-moz-placeholder { /* Firefox 18- */

    color: #232955;

}

/*=======================================================

      HOME 

========================================================*/

.slider-simple {

    height: 680px;

    background: url(../images/slider-bg-1-1.jpg) center right no-repeat;

    background-size: cover;

    margin-top: 100px;

}

.slider-simple h4 {

    text-transform: uppercase;

    font-size: 26px;

    line-height: 40px;

}

.slider-simple .position-center-center {

    width: 100%;

}

.slider-simple .text-sec {

    max-width: 270px;

}

.man-img {

    position: absolute;

    left: 0px;

    right: 0px;

    text-align: center;

    width: 100%;

    z-index: 9;

    top: -500px;

}

.home-video:before {

    position: absolute;

    top: 0px;

    left: 0px;

    z-index: 1;

    height: 100%;

    width: 100%;

    content: "";

    background: rgba(0,0,0,0.5);

}

.home-video .position-center-center {

    z-index: 6;

}

.white-text h4 {

    color: #fff;

}

.white-text p {

    color: #fff;

}

/*=======================================================

      SUB BANNE

========================================================*/

.sub-bnr {

    background: #232955 url(../images/bnr-pattern-1.png) repeat;

    min-height: 450px;

    z-index: 1;

    padding: 60px 0;

}

.sub-bnr h4 {

    color: #fff;

    font-weight: 500;

    margin-top: 70px;

    margin-bottom: 30px;

}

.sub-bnr p {

    color: #b3b7da;

    font-size: 18px;

    font-weight: 500;

}

.sub-bnr .position-center-center {

    width: 100%;

    z-index: 3;

}

.sub-bnr .breadcrumb {

    float: right;

    margin: 0px;

    padding: 0px;

    background: none;

}

.sub-bnr .breadcrumb li a {

    font-size: 12px;

}

.sub-bnr .breadcrumb li {

    font-size: 12px;

}

.parallax-bg {

    background-size: cover !important;

}

.bnr-trird {

    background: #232955 url(../images/bg-slide-2-1.jpg) no-repeat;

    min-height: 730px;

    position: relative;

}

.bnr-trird .position-center-center {

    width: 100%;

    text-align: center;

}

.bnr-trird .text-sec {

    max-width: 900px;

    margin: 0 auto;

}

.bnr-trird .text-sec h4 {

    font-size: 30px;

    color: #fff;

}

.bnr-trird-text {

    text-align: center;

    padding-top: 150px;

}

.bnr-trird-text .btn {

    margin-top: 30px;

}

.carousel-indicators .active {

    width: auto;

    height: auto;

    margin: 0;

    background: none;

}

.carousel-indicators li {

    display: inline-block;

    width: auto;

    height: auto;

    margin: 0;

    text-indent: inherit;

    cursor: pointer;

    background: none;

    border: none;

    border-radius: 0px;

}

.services-bnr {

    position: absolute;

    left: 0px;

    bottom: 0px;

    width: 100%;

    background: rgba(20,25,62,0.4);

}

.bnr-trird .carousel-indicators {

    position: relative;

    bottom: 0px;

    left: inherit;

    z-index: 15;

    width: 100%;

    padding-left: 0;

    margin-left: 0;

    text-align: center;

    list-style: none;

}

.carousel {

    position: static;

}

.services-bnr .carousel-indicators li {

    float: left;

    list-style: none;

    width: 16.66666666666667%;

    text-align: center;

    padding: 52px 20px;

    border-left: 1px solid #29305f;

    position: relative;

    z-index: 1;

}

.services-bnr li:nth-child(1) {

    border-left: none;

}

.services-bnr li i {

    width: 52px;

    height: 57px;

    color: #5796e3;

    display: inline-block;

    font-size: 50px;

    line-height: 54px;

    -webkit-transition: 0.2s ease-in-out;

    -moz-transition: 0.2s ease-in-out;

    -ms-transition: 0.2s ease-in-out;

    -o-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

}

.services-bnr li p {

    margin-bottom: 0px;

    color: #fff;

    margin-top: 25px;

    line-height: 24px;

}

.services-bnr li:before {

    position: absolute;

    content: "";

    left: 0px;

    top: 0px;

    height: 110%;

    width: 100%;

    opacity: 0;

    margin-top: -12.5%;

    background: -moz-linear-gradient(left, rgba(98,158,231,1) 0%, rgba(55,127,214,1) 100%);

    background: -webkit-linear-gradient(left, rgba(98,158,231,1) 0%, rgba(55,127,214,1) 100%);

    background: linear-gradient(to right, rgba(98,158,231,1) 0%, rgba(55,127,214,1) 100%);

    -webkit-transition: 0.2s ease-in-out;

    -moz-transition: 0.2s ease-in-out;

    -ms-transition: 0.2s ease-in-out;

    -o-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

    border-top: 5px solid #fff;

    z-index: -1;

}

.services-bnr li:hover:before {

    width: 100%;

    opacity: 1;

}

.services-bnr li:hover i {

    color: #232955;

}

.services-bnr li.active i {

    color: #232955;

}

.services-bnr li.active:before {

    width: 100%;

    opacity: 1;

}

/*=======================================================

      Advantages Services

========================================================*/

.advantages-ser article {

    text-align: center;

}

.advantages-ser article {

    text-align: center;

    padding: 0 55px;

    margin-bottom: 30px;

    margin-top: 30px;

}

.advantages-ser article h5 {

    color: #232955;

    font-weight: 500;

    margin-top: 30px;

}

.advantages-ser article hr {

    border: none;

    height: 2px;

    background: #e0e0e0;

    width: 70px;

    margin: 20px auto;

}

.advantages-ser article p {

    color: #232955;

}

.intro {

    padding: 80px 0;

    background: #f5f5f5;

}

.intro p {

    font-size: 18px;

    line-height: 30px;

}

.intro .btn {

    display: inline-block;

    float: left;

    padding: 9px 30px;

    margin-top: 30px;

}

.intro .btn-color:hover {

}

/*=======================================================

      Tab Section Help

========================================================*/

.help-tab-sec {

}

.help-tab-sec .nav li {

    width: 33.3333%;

    float: left;

}

.help-tab-sec .nav li a span {

    font-size: 24px;

    line-height: 30px;

    margin-top: 10px;

    color: #323131;

}

.help-tab-sec .nav li:nth-child(1) a {

    background: #f3f3f3;

}

.help-tab-sec .nav li:nth-child(2) a {

    background: #eeeeee;

}

.help-tab-sec .nav li:nth-child(3) a {

    background: #e3e3e3;

}

.help-tab-sec .nav li a {

    display: inline-block;

    width: 100%;

    min-height: 165px;

    padding: 50px 35px;

    padding-bottom: 40px;

    color: #323131;

    border: 2px solid;

    border-color: transparent;

}

.help-tab-sec .icon {

    width: 70px;

    float: left;

    height: 70px;

    margin-top: -5px;

    margin-right: 20px;

}

.help-tab-sec .nav li.active a {

    border: 2px solid #fcb532;

}

.help-tab-sec .nav li a:hover {

    border: 2px solid #fcb532;

}

.help-tab-sec .nav li.active a:before {

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 32px 31.5px 0 31.5px;

    border-color: #fcb532 transparent transparent transparent;

    position: absolute;

    content: "";

    left: 0px;

    right: 0px;

    margin: 0 auto;

    bottom: -19px;

}

.help-tab-sec .tab-content {

    padding: 100px 0;

    padding-bottom: 0px;

}

.help-tab-sec .tab-content h4 {

    margin-top: 30px;

    margin-bottom: 30px;

}

ul.check-list {

    padding-left: 50px;

    margin-top: 30px;

    margin-bottom: 40px;

}

ul.check-list li p {

    margin: 0px;

    line-height: 40px;

}

ul.check-list li {

    list-style: none;

    line-height: 40px;

    position: relative;

}

ul.check-list li:before {

    background: url(../images/icon-check-list.png) no-repeat;

    float: left;

    position: absolute;

    left: -28px;

    height: 15px;

    width: 15px;

    content: "";

    top: 12px;

    line-height: 40px;

}

/*=======================================================

                        FUN FACTS

========================================================*/

.fun-fact {

    background: #fcb532;

    padding: 50px 0;

}

.counters li {

    padding-top: 20px;

}

.counters li span {

    font-size: 40px;

    font-weight: 100;

    line-height: 35px;

    display: inline-block;

    margin-top: 5px;

}

.counters li p {

    font-size: 18px;

    margin-bottom: 0px;

}

.counters li .icon {

    width: 70px;

    color: #fff;

    display: inline-block;

    margin-right: 10px;

}

/*=======================================================

                        Pie Value

========================================================*/

.pie-value {

    display: block;

    position: absolute;

    font-size: 30px;

    height: 40px;

    top: 50%;

    left: 0;

    color: #51380a;

    right: 0;

    margin-top: -20px;

    line-height: 40px;

}

.pie-chrt li p {

    color: #51380a;

    font-size: 18px;

    margin: 0px;

}

.pie-chrt {

    text-align: center;

}

.pie-title-center {

    display: inline-block;

    position: relative;

    text-align: center;

    margin-bottom: 20px;

}

/*=======================================================

                        SERVICES

========================================================*/

.service-part article img {

    margin-bottom: 30px;

}

.service-part article {

    text-align: center;

    padding-bottom: 30px;

    margin-bottom: 30px;

}

.service-part article h5 {

    color: #629ee7;

    font-size: 24px;

    margin: 0px;

    border-radius: 4px;

    margin-bottom: 20px;

    padding: 12px 0;

    -webkit-transition: 0.2s ease-in-out;

    -moz-transition: 0.2s ease-in-out;

    -ms-transition: 0.2s ease-in-out;

    -o-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

}

.service-part article:hover h5 {

    background: #fcb532;

    color: #51380a;

}

.service-part article a.go {

    font-size: 30px;

    color: #fcb532;

    position: absolute;

    bottom: 20px;

    left: 0px;

    display: none;

    right: 0px;

    width: 100%;

    text-align: center;

}

.service-part article:hover a.go {

    display: block;

}

.services {

    background: #f5f5f5;

}

.services-inn li {

    list-style: none;

    padding-top: 20px;

    -webkit-transition: 0.2s ease-in-out;

    -moz-transition: 0.2s ease-in-out;

    -ms-transition: 0.2s ease-in-out;

    -o-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

}

.services-inn article {

    text-align: center;

    padding: 35px 40px;

    background: #fff;

    border-radius: 4px;

    margin-bottom: 30px;

    box-shadow: 0 0 30px rgba(0,0,0,0.1);

    -webkit-transition: 0.2s ease-in-out;

    -moz-transition: 0.2s ease-in-out;

    -ms-transition: 0.2s ease-in-out;

    -o-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

}

.services-inn li:hover {

    padding-top: 0px;

}

.services-inn li:hover article {

    box-shadow: 0 0 30px rgba(0,0,0,0.3);

}

.services-inn p {

    font-size: 15px;

    line-height: 24px;

    margin-bottom: 0px;

}

.services-inn article h6 {

    text-transform: uppercase;

    color: #629ee7;

    margin: 35px 0;

    margin-bottom: 20px;

    font-weight: 500;

}

.services-inn .btn {

    margin: 0 10px;

    background: none;

    color: #4f90df;

    margin-top: 20px;

    min-width: 170px;

    padding: 8px 10px;

}

.services-inn .btn:hover {

    background: #4f90df;

    color: #fff;

}

/*=======================================================

                        Objactive

========================================================*/

.objactive {

    background: #ededed url(../images/objactive-bg.png) top right no-repeat;

    padding: 150px 0;

}

.objactive h6 {

    color: #5b99e4;

    font-weight: 500;

}

.objactive hr {

    height: 5px;

    width: 170px;

    background: #e0e0e0;

    border: none;

    border-radius: 4px;

    margin: 30px 0;

    margin-bottom: 55px;

}

.objactive h4 {

    font-weight: 500;

    color: #232955;

}

.objactive .btn {

    margin-top: 50px;

}

.objactive.videos {

    position: relative;

    overflow: hidden;

    background: #ededed;

    padding-bottom: 0px;

    padding-top: 100px;

}

.objactive.videos .img-video {

    position: relative;

    z-index: 1;

}

.objactive.videos .img-video a {

    outline: none !important;

}

.objactive.videos a {

    outline: none !important;

}

.modal.in .modal-dialog {

    transform: none !important;

}

.modal.fade .modal-dialog {

    transform: none !important;

}

.modal-dialog {

    margin: 8% auto;

}

.modal-open .modal {

    background: rgba(0,0,0,0.7);

}

.objactive.videos .img-video:before {

    position: absolute;

    left: 0px;

    top: -20%;

    background: #dfdfdf;

    height: 120%;

    width: 100%;

    content: "";

    z-index: -1;

}

.objactive.fulii .container {

    width: 100%;

    padding: 0px;

}

.objactive.fulii .test-inn {

    padding: 50px;

    padding-left: 0px;

    padding-right: 40%;

}

.objactive.videos .test-inn p {

    font-size: 15px;

    line-height: 24px;

}

.objactive.for-cas {

    padding: 100px 0;

    min-height: inherit !important;

}

.btn-color {

    border: 1px solid #4f90df;

    background: #4f90df;

    color: #fff;

}

.btn-color:hover {

    background: none;

    color: #4f90df;

    border: 1px solid #4f90df;

}

.modal-dialog.modal-lg {

    background: #fff;

    padding: 15px;

    border-radius: 4px;

    position: relative;

}

.modal-dialog .close {

    position: absolute;

    top: -10px;

    right: -10px;

    background: #fff;

    opacity: 1;

    height: 30px;

    width: 30px;

    text-align: center;

    line-height: 30px;

    border-radius: 50%;

    font-size: 10px;

}

.modal-dialog iframe {

    width: 100%;

    height: 600px;

}

.light-gry {

    background: #ededed !important;

}

/*=======================================================

                        Graph Cart

========================================================*/

.graph-cart {

    background: #f5f5f5;

    padding: 130px 0;

}

.graph-text h5 {

    text-transform: uppercase;

    color: #4488db;

    font-size: 24px;

    font-weight: 500;

    margin-bottom: 20px;

}

/*=======================================================

                        Latest Case

========================================================*/

.latest-case {

    background: #f5f5f5;

}

.latest-case .text-case {

    position: relative;

    padding: 0 30px;

    margin-top: -18%;

}

.latest-case .text-in {

    background: #f5f5f5;

    padding: 30px 50px;

    border-radius: 4px;

    text-align: center;

    position: relative;

    box-shadow: 0 0 10px rgba(0,0,0,0.1);

}

.latest-case .go {

    background: #fcb532;

    display: inline-block;

    width: 100%;

    text-align: center;

    height: 40px;

    position: absolute;

    line-height: 40px;

    font-size: 26px;

    color: #fff;

    top: -35px;

    left: 0px;

    display: none;

    border-radius: 4px 4px 0 0;

}

.latest-case .go i {

    line-height: 40px;

}

.latest-case .go:hover {

    background: #232955;

}

.latest-case article:hover .go {

    display: block;

}

.latest-case .text-in p {

    font-size: 15px;

    margin-bottom: 0px;

    line-height: 24px;

}

.latest-case .text-in span {

    font-size: 14px;

    display: inline-block;

    width: 100%;

    margin-bottom: 20px;

    font-weight: normal;

    color: #323131;

    font-style: italic;

}

.latest-case .text-in a.tittle {

    font-size: 18px;

    color: #629ee7;

    display: inline-block;

    width: 100%;

    margin-bottom: 5px;

    font-weight: 500;

}

#cas-slide-2 .item {

    padding-bottom: 20px;

}

.latest-case .owl-controls .owl-nav {

    display: none;

}

.latest-case .owl-controls .owl-dots {

    bottom: -60px;

    position: absolute;

    left: 0px;

    right: 0px;

    width: 100%;

    text-align: center;

}

.latest-case .owl-controls .owl-dots div {

    display: inline-block;

    height: 12px;

    width: 12px;

    border-radius: 50%;

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

    margin: 0 0px;

    border: 2px solid #afafaf;

    margin-right: 5px;

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

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

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

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

    transition: all 0.4s ease-in-out;

}

.latest-case .owl-controls .owl-dots div.active {

    border: 2px solid #629ee7;

}

.latest-case .owl-controls .owl-dots div:hover {

    border: 2px solid #629ee7;

}

.portfolio-filter {

    text-align: center;

    border-bottom: 1px solid #e0e0e0;

}

.portfolio-filter li {

    list-style: none;

    display: inline-block;

    margin: 0 10px;

}

.portfolio-filter li a {

    color: #232955;

    font-size: 18px;

    padding: 10px 0;

    display: inline-block;

    font-weight: 500;

}

.portfolio-filter li a {

    color: #232955;

    font-size: 18px;

    font-weight: 500;

    position: relative;

}

.portfolio-filter li a:hover {

    color: #629ee7;

}

.portfolio-filter li a:before {

    content: "";

    height: 1px;

    bottom: -1px;

    position: absolute;

    width: 0%;

    background: #629ee7;

    left: 0px;

    -webkit-transition: 0.2s ease-in-out;

    -moz-transition: 0.2s ease-in-out;

    -ms-transition: 0.2s ease-in-out;

    -o-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

}

.portfolio-filter li a:hover:before {

    width: 100%;

}

.portfolio-filter li a:hover {

    color: #629ee7;

}

.portfolio-filter li a.active {

    color: #629ee7;

}

.portfolio-filter li a.active:before {

    width: 100%;

    color: #629ee7;

}

.portfolio-item {

    width: 50%;

    float: left;

    padding: 0 15px;

    margin-bottom: 50px;

}

.items {

    margin: 0 -15px;

}

.portfolio-item img {

    width: 100%;

}

.light-gry-bg {

    background: #f5f5f5 !important;

}

/*=======================================================

                        According

========================================================*/

.accordion {

}

.accordion.gray-bg {

    background: #f3f3f3;

}

.accordion .panel-default > .panel-heading .panel-title a:before {

    content: "\f209";

    font-family: "Ionicons";

    color: #FFF;

    padding: 0px;

    float: right;

    position: absolute;

    right: 15px;

    height: 20px;

    width: 20px;

    line-height: 17px;

    text-align: center;

    border: 2px solid #fff;

    font-size: 12px;

    top: 15px;

}

.accordion .panel-default > .panel-heading .panel-title a.collapsed:before {

    content: "\f218";

    font-family: "Ionicons";

}

.accordion .panel-default > .panel-heading {

    padding: 0px;

    border-radius: 0px;

    overflow: hidden;

}

.accordion .panel-default > .panel-heading a {

    text-decoration: none;

    font-size: 16px;

    width: 100%;

    background: #232955;

    font-weight: 500;

    padding: 10px 20px;

    color: #fff;

    line-height: 30px;

    display: inline-block;

    padding-right: 55px;

}

.accordion .panel-default > .panel-heading .panel-title a.collapsed {

    background-color: #629ee7;

}

.accordion .panel {

    box-shadow: none;

    border-radius: 4px;

    margin-bottom: 20px;

    position: relative;

    border: none;

    overflow: hidden;

}

.accordion .panel-body {

    color: #b8b8b8;

    line-height: 24px;

    font-size: 12px;

}

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

    border: none;

    background: #fcb532;

    color: #323131;

    font-style: italic;

    line-height: 30px;

    font-size: 16px;

    padding: 15px 20px;

    font-weight: 500;

}

.faqs-bg {

    background: url(../images/faqs-bg.jpg) center center repeat;

}

.faqs-style-sec .accordion .panel-default > .panel-heading a {

    background: #fcb532;

    color: #323131;

    padding: 5px 30px;

    font-size: 15px;

    padding-bottom: 3px;

}

.faqs-style-sec .accordion .panel-default > .panel-heading {

    border-radius: 20px;

}

.faqs-style-sec .accordion .panel-default > .panel-heading .panel-title a.collapsed {

    background: #ededed;

}

.faqs-style-sec .accordion .panel-default>.panel-heading+.panel-collapse>.panel-body {

    background: none;

    font-style: normal;

    font-size: 15px;

}

.faqs-style-sec .accordion .panel-default > .panel-heading .panel-title a:before {

    border: none;

    color: #5b99e4;

    top: 12px;

    line-height: 15px;

    border-radius: 50%;

    height: 15px;

    font-size: 9px;

    width: 15px;

    background: #fff;

}

.faqs-style-sec .accordion .panel-default > .panel-heading .panel-title a.collapsed:before {

    color: #fff;

    top: 13px;

    line-height: 15px;

    border-radius: 50%;

    height: 15px;

    font-size: 9px;

    width: 15px;

    background: #5b99e4;

}

.faqs-style-sec .accordion .panel {

    margin-bottom: 30px;

    background: none;

}

.frequently {

    background: #232955;

}

.frequently .faqs-style-sec .accordion .panel {

    background: none;

}

.frequently .faqs-style-sec .accordion .panel-default > .panel-heading {

    background: none;

}

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

    color: #fff;

}

.frequently .faqs-style-sec .accordion .panel {

    margin-bottom: 25px;

}

.heading h6 {

    color: #5b99e4;

    font-weight: 500;

    margin-top: 0px;

}

.heading hr {

    height: 5px;

    width: 170px;

    background: #353b67;

    border: none;

    border-radius: 4px;

    margin: 30px 0;

    margin-bottom: 55px;

}

.heading h4 {

    font-weight: 500;

    color: #fff;

}

/*=======================================================

                        Contact

========================================================*/

.contact-detail {

    margin-bottom: 100px;

}

.contact-detail li {

    list-style: none;

}

.contact-detail li article {

    border: 1px solid #ececec;

    border-radius: 4px;

    padding: 20px 30px;

    margin-top: 30px;

}

.contact-detail li article h5 {

    margin: 0px;

    margin-top: 20px;

    font-size: 24px;

}

.contact-detail li article p {

    margin: 0px;

}

.contact-detail li article img {

    margin-right: 10px;

}

.contact-page li {

    list-style: none;

}

.contact-page #contact_form {

    text-align: left;

}

.contact-page #contact_form li label {

    color: #323131;

    font-weight: 500;

    text-transform: none;

    text-align: left;

    font-size: 15px;

}

.contact-page #contact_form li input {

    background: #eaeaea;

    height: 40px;

    border-radius: 4px;

    margin-top: 10px;

}

.contact-page #contact_form li textarea {

    background: #eaeaea;

    height: 100px !important;

    border-radius: 4px;

    margin-top: 10px;

    color: #323131;

}

.map-block {

    border: 2px solid rgba(0,0,0,0.05);

    border-radius: 4px;

}

/*=======================================================

                        Cases

========================================================*/

.cases {

    background: #232955;

}

.cases article {

    background: #ffffff;

    border-radius: 4px;

    position: relative;

    overflow: hidden;

}

.cases article img {

    border: 4px solid;

    border-color: transparent;

}

.cases article:hover img {

    border-color: #fcb532;

}

.cases article .text-sec {

    padding: 40px 30px;

}

.cases article a {

    color: #629ee7;

    font-weight: 500;

    font-size: 18px;

    display: inline-block;

    margin-bottom: 20px;

}

.cases article a i {

    font-size: 16px;

    display: none;

    margin-left: 10px;

}

.cases article:hover a i {

    display: inline-block;

}

.case-left {

    margin-bottom: 25px;

}

.case-left .media-body a {

    font-size: 18px;

    color: #629ee7;

    display: inline-block;

    width: 100%;

    margin-bottom: 5px;

    font-weight: 500;

    margin-top: 5px;

}

.case-left .img-sec {

    display: inline-block;

    position: relative;

    overflow: hidden;

    margin-right: 20px;

    width: 170px;

}

.case-left .img-sec img {

    border-radius: 4px;

    width: 100%;

    border: 1px solid #dbdbdb;

}

.case-left .media-body span {

    font-size: 14px;

    display: inline-block;

    width: 100%;

    font-weight: normal;

    color: #323131;

    margin-bottom: 10px;

    font-style: italic;

}

.case-left p {

    font-size: 15px;

    margin-bottom: 0px;

}

.case-left .media-body span {

    font-size: 14px;

    display: inline-block;

    width: 100%;

    font-weight: normal;

    color: #323131;

    font-style: italic;

}

/*=======================================================

                        testimonial

========================================================*/

.testimonial {

}

.testi-inside {

    position: relative;

    background: url(../images/testi-bg.png) center top no-repeat;

}

.testi-inside .qout {

    position: absolute;

    font-size: 260px;

    left: 300px;

    z-index: 11;

    top: -20px;

    color: #629ee7;

}

#testi-slide {

    margin-top: -70px;

}

.testimonial .slider-sec {

    max-width: 770px;

    margin: 0 auto;

    padding: 70px;

    background: #fff;

    padding-top: 0px;

    margin-top: 70px;

    margin-bottom: 30px;

    position: relative;

    text-align: center;

    box-shadow: 0 0 30px rgba(0,0,0,0.1);

}

.testimonial .slider-sec p {

    font-style: italic;

}

.testimonial .slider-sec span {

    font-size: 16px;

    color: #323131;

    display: inline-block;

    width: 100%;

    font-weight: 200;

    margin-bottom: 40px;

}

.testimonial .slider-sec h6 {

    font-size: 18px;

    color: #323131;

    font-weight: 500;

}

.testimonial .icon-avatar {

    color: #fff;

    height: 120px;

    width: 120px;

    display: inline-block;

    margin: 0 auto;

    background: #f3f3f3;

    margin-bottom: 50px;

    border-radius: 50%;

    margin-top: -50px;

    text-align: center;

    margin-bottom: 50px;

}

.testimonial .avatar-sec {

    margin-top: 160px;

    text-align: right;

    float: right;

    position: relative;

    z-index: 2;

    margin-right: 0px;

}

.testimonial .owl-controls .owl-nav {

}

.testimonial .owl-controls .owl-nav div {

    display: inline-block;

    margin: 0 10px;

    font-size: 28px;

    color: #7b7a7d;

}

.testimonial .avatar-sec img {

    margin-bottom: 50px;

}

.testimonial .owl-controls .owl-nav .owl-prev {

    display: inline-block !important;

    left: -100px;

    position: absolute;

    top: 45%;

}

.testimonial .owl-controls .owl-dots {

    bottom: -30px;

    position: absolute;

    left: 0px;

    right: 0px;

    width: 100%;

    text-align: center;

}

.testimonial .owl-controls .owl-dots div {

    display: inline-block;

    height: 18px;

    width: 18px;

    border-radius: 50%;

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

    margin: 0 0px;

    border: 2px solid #afafaf;

    margin-right: 5px;

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

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

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

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

    transition: all 0.4s ease-in-out;

}

.testimonial .owl-controls .owl-dots div.active {

    border: 2px solid #629ee7;

}

.testimonial .owl-controls .owl-dots div:hover {

    border: 2px solid #629ee7;

}

.testimonial .owl-controls .owl-dots span {

    margin-bottom: 0px;

}

.testimonial .owl-controls .owl-nav div {

    display: inline-block !important;

    color: #323131;

    background: none;

    font-size: 40px;

    margin: 0 5px;

    text-align: center;

    line-height: 65px;

    display: inline-block;

    border-radius: 50%;

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

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

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

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

    transition: all 0.4s ease-in-out;

}

.testimonial .owl-controls .owl-nav div:hover {

    color: #fcb532;

}

.testimonial .owl-controls .owl-nav .owl-prev {

    display: inline-block !important;

    left: -40px;

    position: absolute;

    top: 45%;

}

.testimonial .owl-controls .owl-nav .owl-next {

    display: inline-block !important;

    right: -40px;

    position: absolute;

    top: 45%;

}

.testimonial .owl-controls .owl-nav div:hover {

    background: #fff;

    color: #4488db;

}

.client-img {

    margin-top: 80px;

}

.client-img li {

    float: left;

    width: 20%;

    text-align: center;

}

.testimonial.white-bg {

}

.testimonial.white-bg .slider-sec p {

    color: #000000;

}

.testimonial.white-bg .slider-sec h6 {

    color: #000000;

}

.testimonial.white-bg .icon {

    color: #000000;

}

.testimonial.white-bg .slider-sec span {

    color: #999999;

}

.testimonial.white-bg .owl-controls .owl-dots div {

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

}

.testimonial.white-bg .owl-controls .owl-dots div.active {

    background: #000;

}

.testimonials-sec {

    background: rgb(98,158,231); /* Old browsers */

    background: -moz-linear-gradient(left, rgba(98,158,231,1) 0%, rgba(55,127,214,1) 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(left, rgba(98,158,231,1) 0%, rgba(55,127,214,1) 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to right, rgba(98,158,231,1) 0%, rgba(55,127,214,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#629ee7', endColorstr='#377fd6', GradientType=1 ); /* IE6-9 */

}

.testimonials-sec .item-slider {

    background: #fff;

    border-radius: 4px;

    background: #fff;

    padding: 28px;

    padding-top: 0px;

}

.testimonials-sec .item-slider .avatar {

    margin-top: -55px;

    display: inline-block;

    margin-bottom: 30px;

    position: relative;

    z-index: 99;

}

.testimonials-sec .item-slider h6 {

    text-transform: uppercase;

    color: #4488db;

    margin-bottom: 20px;

    font-weight: 500;

}

.testimonials-sec .item-slider p {

    font-size: 15px;

}

.testimonials-sec .item-slider {

    margin-top: 55px;

    position: relative;

    margin-bottom: 10px;

}

.testimonials-sec .item-slider:before {

    border-radius: 0 0 10px 10px;

    position: absolute;

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

    content: "";

    height: 7px;

    width: 95%;

    left: 0px;

    right: 0px;

    margin: 0 auto;

    bottom: -7px;

}

.testimonials-sec .owl-controls .owl-nav {

}

.testimonials-sec .owl-controls .owl-nav div {

    display: inline-block !important;

    color: #fff;

    background: none;

    font-size: 20px;

    height: 60px;

    border: 1px solid #fff;

    width: 60px;

    margin: 0 5px;

    text-align: center;

    line-height: 65px;

    display: inline-block;

    border-radius: 50%;

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

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

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

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

    transition: all 0.4s ease-in-out;

}

.testimonials-sec .owl-controls .owl-nav .owl-prev {

    display: inline-block !important;

    left: -100px;

    position: absolute;

    top: 45%;

}

.testimonials-sec .owl-controls .owl-nav .owl-next {

    display: inline-block !important;

    right: -100px;

    position: absolute;

    top: 45%;

}

.testimonials-sec .owl-controls .owl-nav div:hover {

    background: #fff;

    color: #4488db;

}

.testimonials-sec .avatar-sec img {

    margin-bottom: 50px;

}

.testimonials-sec .owl-controls .owl-dots {

    bottom: -60px;

    position: absolute;

    left: 0px;

    right: 0px;

    width: 100%;

    text-align: center;

}

.testimonials-sec .owl-controls .owl-dots div {

    display: inline-block;

    height: 5px;

    width: 50px;

    border-radius: 10px;

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

    margin: 0 0px;

    margin-right: 5px;

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

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

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

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

    transition: all 0.4s ease-in-out;

}

.testimonials-sec .owl-controls .owl-dots div.active {

    background: #fcb532;

}

.testimonials-sec .owl-controls .owl-dots div:hover {

    background: #fcb532;

}

.testimonials-sec .owl-controls .owl-dots span {

    margin-bottom: 0px;

}

.testimonials-sec .owl-nav div:hover {

    opacity: 1;

}

.testimonials-sec .owl-nav .owl-prev {

    left: 10%;

    position: absolute;

    top: 40%;

}

.testimonials-sec .owl-nav .owl-next {

    right: 10%;

    position: absolute;

    top: 40%;

}

.test-simple-in {

    background: #363d73;

    padding: 60px;

    border-radius: 4px;

    text-align: center;

    padding-top: 50px;

    position: relative;

    overflow: hidden;

    z-index: 1;

    min-height: 590px;

}

.test-simple-in:before {

    background: #609ce6 url(../images/testi-simple-head.png) center center no-repeat;

    height: 110px;

    width: 100%;

    left: 0px;

    top: 0px;

    content: "";

    z-index: -1;

    position: absolute;

}

.test-simple-in .avatar {

    height: 130px;

    width: 130px;

    display: inline-block;

    border-radius: 50%;

    position: relative;

    margin-bottom: 90px;

}

.test-simple-in .test-inn p {

    color: #fefefe;

}

.test-simple-in .test-inn h6 {

    font-size: 15px;

    color: #fff;

    font-weight: 500;

    margin-top: 30px;

    font-style: italic;

}

.test-simple-in #testi-slide {

    margin-top: 0px;

}

.test-simple-in .test-inn h6 span {

    color: #fcb532;

}

.test-simple-in .test-inn i {

    display: inline-block;

    width: 100%;

    color: #232955;

    font-size: 120px;

    font-weight: 500;

    font-style: normal;

    margin: 20px 0;

    position: absolute;

    left: 0px;

    top: 120px;

}

.test-simple-in .owl-controls .owl-nav {

    margin-top: 20px;

}

.test-simple-in .owl-controls .owl-nav div {

    display: inline-block !important;

    color: #66a0e5;

    background: #232955;

    font-size: 26px;

    height: 60px;

    width: 60px;

    margin: 0 5px;

    text-align: center;

    line-height: 65px;

    display: inline-block;

    border-radius: 50%;

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

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

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

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

    transition: all 0.4s ease-in-out;

}

.test-simple-in .owl-controls .owl-nav div:hover {

    background: #fff;

    color: #232955;

}

.our-team .heading-block-2.white hr {

    background: url(../images/hr-bar-team.jpg) no-repeat;

}

.our-team .mem-name {

    position: absolute;

    top: 30px;

    right: 30px;

    color: #4488db;

    font-size: 16px;

    border-bottom: 2px solid #fcb532;

    font-style: italic;

}

.our-team .item-slider p {

    line-height: 24px;

    font-style: italic;

}

.our-team .icons-social {

    text-align: center;

    margin-top: 10px;

    display: inline-block;

    width: 100%;

}

.our-team .icons-social a {

    color: #4488db;

    margin: 0 5px;

    font-size: 16px;

}

.our-team .icons-social a:hover {

    color: #fcb532;

}

.heading-block-2.white h4 {

    color: #fff;

}

.heading-block-2.white h4 {

    color: #fff;

}

/*=======================================================

                        Clients

========================================================*/

.clients-img li {

    float: left;

    width: 20%;

    margin-top: 30px;

    text-align: center;

    list-style: none;

}

.clients-img li a {

    display: inline-block;

    width: 100%;

    opacity: 0.2;

}

.clients-img li a:hover {

    display: inline-block;

    width: 100%;

    opacity: 1;

}

.clients-img.col-4 .item {

    text-align: center;

}

.clients-img.col-4 .item a {

    border: 1px solid rgba(0,0,0,0.3);

    border-radius: 4px;

    padding: 25px 0;

}

.clients-img.col-4 .item a:hover {

    border: 1px solid #000;

}

.clients-img .item a {

    display: inline-block;

    width: 100%;

    opacity: 0.2;

}

.clients-img .item a:hover {

    display: inline-block;

    width: 100%;

    opacity: 1;

}

#client-slide-1 {

    margin-bottom: 30px;

}

.clients-img .owl-controls .owl-dots {

    bottom: -60px;

    position: absolute;

    left: 0px;

    right: 0px;

    width: 100%;

    text-align: center;

}

.clients-img .owl-controls .owl-dots div {

    display: inline-block;

    height: 18px;

    width: 18px;

    border-radius: 50%;

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

    margin: 0 0px;

    border: 2px solid #afafaf;

    margin-right: 5px;

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

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

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

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

    transition: all 0.4s ease-in-out;

}

.clients-img .owl-controls .owl-dots div.active {

    border: 2px solid #629ee7;

}

.clients-img .owl-controls .owl-dots div:hover {

    border: 2px solid #629ee7;

}

.clients-img .owl-nav {

    display: none;

}

.clients-img .owl-controls .owl-dots span {

    margin-bottom: 0px;

}

/*=======================================================

                        Call Action

========================================================*/

.call-action {

    background: #fcb532;

    padding: 60px 0;

}

.call-action h5 {

    margin: 0px;

    display: inline-block;

    font-size: 24px;

    margin-top: 10px;

}

.call-action .btn {

    float: right;

    margin: 0px;

    background: #232955;

    border: none;

}

.call-action .btn:hover {

    background: #fff;

    color: #4f90df;

}

.call-action.colr h5 {

    color: #fff;

}

.call-action.colr {

    padding: 100px 0;

    background: #5f9ce6;

    background: rgb(98,158,231);

    background: -moz-linear-gradient(left, rgba(98,158,231,1) 0%, rgba(55,127,214,1) 100%);

    background: -webkit-linear-gradient(left, rgba(98,158,231,1) 0%, rgba(55,127,214,1) 100%);

    background: linear-gradient(to right, rgba(98,158,231,1) 0%, rgba(55,127,214,1) 100%);

}

/*=======================================================

                        BLOG

========================================================*/

.blog-post {

    position: relative;

    margin-top: 30px;

    margin-bottom: 30px;

}

.blog-post .main-tittle {

    font-size: 24px;

    font-weight: 500;

    line-height: 30px;

    color: #5494e1;

}

.blog-post .up-part {

    position: relative;

    margin-top: -45px;

    z-index: 1;

    margin-bottom: 20px;

    padding-left: 30px;

}

.blog-post .up-part span {

    font-size: 14px;

    font-weight: 500;

    margin-top: 60px;

    display: inline-block;

}

.blog-post .up-part .avatar {

    display: inline-block;

    width: 89px;

    height: 89px;

    border-radius: 50%;

}

.blog-post .up-part .avatar img {

    border-radius: 50%;

}

.blog-post a {

    color: #5494e1;

}

.blog-post p {

    line-height: 24px;

    font-size: 15px;

    margin-bottom: 30px;

}

.blog-post .btn {

    color: #fff;

    border: none;

    margin-right: 40px;

}

.blog .pagination {

    margin-top: 80px;

    margin-bottom: 0px;

}

.pagination>li>a, .pagination>li>span {

    font-weight: 500;

    color: #323131;

    padding: 8px 15px;

    padding-top: 10px;

    background: #f5f5f5;

}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {

    background: #5494e1;

    color: #fff;

}

.pagination li a.active {

    background: #5494e1;

    color: #fff;

}

.blog-post .btn:hover {

    background: #fcb532;

    color: #323131;

}

.blog-post .comt {

    font-size: 14px;

    font-weight: 500;

}

.blog-post .comt a {

    color: #323131;

}

.blog-post .tagi {

    margin-top: 10px;

    margin-bottom: 20px;

}

.blog-post .tagi a {

    font-weight: 500;

    display: inline-block;

    margin-right: 10px;

    padding-right: 10px;

    border-right: 1px solid #d3d3d3;

}

.blog-post .tagi a:nth-last-child(1) {

    border-right: none;

}

.blog-post a:hover {

    color: #fcb532;

}

.nxt-nd-prev {

    margin-top: 30px;

}

.nxt-nd-prev h6 {

    font-size: 15px;

    max-width: 180px;

    line-height: 24px;

    display: inline-block;

}

.nxt-nd-prev .p-img {

    display: inline-block;

    margin-right: 20px;

}

.nxt-nd-prev .media-right .p-img {

    margin-right: 0px;

    margin-left: 20px;

}

.nxt-nd-prev .p-img img {

    border-radius: 50%;

}

.nxt-nd-prev a {

    font-weight: 500;

}

.blog-post .up-part .admin-post .avatar {

}

.blog-post .main-tittle:hover {

    text-decoration: underline !important;

}

.blog-single h4 {

    color: #5494e1;

    font-weight: 500;

}

.blog-single h5 {

    margin-bottom: 20px;

    font-weight: 500;

    font-size: 24px;

}

.blog-single h6 {

    margin-bottom: 20px;

    font-weight: 500;

}

.blog-single .blog-post {

    margin-top: 0px;

}

.share {

    margin-top: 30px;

}

.share span {

    font-weight: 500;

    font-size: 15px;

}

.share {

    border-top: 1px solid #dddddd;

    padding-top: 15px;

}

.share a {

    font-weight: 500;

    font-size: 15px;

    margin-left: 20px;

    color: #323131;

}

.share a i {

    color: #5494e1;

    margin-right: 10px;

}

.share a:hover {

    color: #5494e1;

}

.post-admin {

    background: #eaeaea;

    padding: 30px;

    border-radius: 4px;

    margin-top: 30px;

}

.post-admin .avatar {

    display: inline-block;

    margin-right: 10px;

}

.post-admin .avatar img {

    border-radius: 50%;

}

.post-admin p {

    margin-bottom: 0px;

}

.post-admin h6 {

    font-weight: 500;

}

.blog-single .check-list-tick {

    padding-left: 100px;

    margin-bottom: 40px;

    margin-top: 30px;

}

.check-list-tick li p {

    margin-bottom: 0px;

    line-height: 36px;

}

.check-list-tick li {

    background: url(../images/tick-list.png) left center no-repeat;

    padding-left: 30px;

    list-style: none;

}

.tittle-side {

    font-weight: 500;

    color: #5494e1;

    border-bottom: 1px solid #dddddd;

    padding-bottom: 10px;

    position: relative;

}

.tittle-side:before {

    content: "";

    background: #fcb532;

    height: 1px;

    width: 100px;

    position: absolute;

    bottom: -1px;

    left: 0px;

}

.comments {

    margin-top: 50px;

}

.comm-up {

    display: inline-block;

    width: 100%;

    margin-bottom: 20px;

}

.comm-up label {

    font-weight: 500;

    font-size: 15px;

    width: 100%;

}

.comm-up .col-md-5 label {

    float: left;

    width: 40%;

    margin-top: 8px;

}

.comm-up .bootstrap-select {

    width: 60%;

    float: right !important;

    margin: 0px !important;

}

.comm-up .bootstrap-select .btn {

    border: none;

    width: 100%;

    margin: 0px !important;

    background: #eaeaea;

    display: inline-block;

    border-radius: 4px;

    margin-top: 10px;

    color: #323131;

    font-size: 14px;

    font-weight: 500;

    height: 40px;

    padding-top: 10px;

    padding-left: 20px;

}

.comm-up .bootstrap-select .dropdown-menu>li>a {

    font-weight: 500;

    line-height: 30px;

}

.comm-up .bootstrap-select li {

    margin-bottom: 0px;

}

.comm-up .bootstrap-select.btn-group .dropdown-menu {

    margin-top: 0px;

    border-radius: 0px;

}

.comments .media {

    margin-bottom: 20px;

}

.comments .media h6 {

    font-size: 16px;

    font-weight: 600;

}

.comments .media h6 span {

    font-size: 14px;

    font-weight: 500;

    margin-left: 30px;

    display: inline-block;

}

.comments .media h6 a {

    float: right;

    font-size: 12px;

}

.comments .media .avatar {

    width: 70px;

    display: inline-block;

}

.comments .media .avatar img {

    width: 100%;

    border-radius: 50%;

}

.comments p {

    margin-bottom: 0px;

}

.add-comments li {

    list-style: none;

}

.add-comments li {

    list-style: none;

}

.add-comments li label {

    font-weight: 500;

    color: #000;

    width: 100%;

}

.add-comments li input {

    background: #eaeaea;

    box-shadow: none;

    height: 40px;

    font-size: 14px;

    border: none;

    margin-bottom: 10px;

    padding: 0 20px;

    max-width: 270px;

}

.add-comments li textarea {

    background: #eaeaea;

    box-shadow: none;

    height: 140px;

    width: 100%;

    max-width: 470px;

    border: none;

    padding: 15px 20px;

}

/*=======================================================

                        Side Bar

========================================================*/

.sidebar .search {

    display: inline-block;

    width: 100%;

}

.sidebar .search label {

    color: #fff;

    width: 100%;

    position: relative;

}

.sidebar .search label i {

    position: absolute;

    left: 20px;

    color: #a0a0a0;

    line-height: 45px;

}

.sidebar .search input {

    border: 1px solid #dddddd;

    padding-left: 20px;

    outline: none !important;

    font-weight: normal;

    background: none;

    color: #a0a0a0;

    width: 100%;

    padding-left: 40px;

    border-radius: 50px;

    height: 45px;

}

.sidebar li {

    list-style: none;

    position: relative;

}

.sidebar .latest-post-small {

}

.sidebar .latest-post-small .media-body a {

    color: #323131;

}

.sidebar .latest-post-small .media-body a:hover {

    text-decoration: underline !important;

    color: #5494e1;

}

.sidebar .latest-post-small .media-body span {

    color: #323131;

}

.categ li a {

    font-weight: 500;

    font-size: 15px;

    padding-left: 30px;

    line-height: 35px;

}

.categ li a:hover {

    color: #69a1e4;

}

.categ li a:before {

    font-family: 'Linearicons-Free';

    content: "\e87a";

    position: absolute;

    left: 0px;

    color: #69a1e4;

}

.tags li {

    display: inline-block;

}

.tags li a {

    display: inline-block;

    border-radius: 20px;

    background: #eaeaea;

    font-weight: 500;

    padding: 8px 18px;

    margin-bottom: 10px;

}

.tags li a:hover {

    background: #fcb532;

}

.news-leter input {

    background: #eaeaea;

    box-shadow: none;

    height: 40px;

    font-size: 14px;

    border: none;

    margin-bottom: 20px;

    padding: 0 20px;

    width: 100%;

}

.quade {

    background: #fcb532;

    border: 4px solid #ffc65c;

    margin-top: 50px;

    padding: 22px;

    border-radius: 4px;

    text-align: center;

}

.quade p {

    font-size: 15px;

    line-height: 24px;

}

.quade .btn {

    background: #fff;

    color: #323131;

    margin-top: 20px;

    border-radius: 4px;

    border: none;

}

.quade .btn:hover {

    background: #323131;

    color: #fff;

}

/*=======================================================

                        Analysis

========================================================*/

.analysis {

}

.analysis form li {

    list-style: none;

    margin-bottom: 30px;

}

.analysis form label {

    font-weight: 500;

    width: 100%;

    color: #323131;

    font-size: 14px;

}

.analysis form input {

    height: 40px;

    color: #323131;

    padding: 0 20px;

    box-shadow: none;

    background: #eaeaea;

    border: none;

    margin-top: 10px;

}

.analysis form textarea {

    height: 100px;

    color: #323131;

    padding: 15px 20px;

    box-shadow: none;

    background: #eaeaea;

    border: none;

    margin-top: 10px;

}

.analysis .bootstrap-select {

    width: 100%;

}

.analysis .bootstrap-select .btn {

    border: none;

    width: 100%;

    background: #eaeaea;

    display: inline-block;

    border-radius: 4px;

    margin-top: 10px;

    color: #323131;

    font-size: 14px;

    font-weight: 500;

    height: 40px;

    padding-top: 10px;

    padding-left: 20px;

}

.analysis .bootstrap-select .dropdown-menu>li>a {

    font-weight: 500;

    line-height: 30px;

}

.analysis .bootstrap-select li {

    margin-bottom: 0px;

}

.analysis .bootstrap-select.btn-group .dropdown-menu {

    margin-top: 0px;

    border-radius: 0px;

}

/*=======================================================

                        Consultation

========================================================*/

.consultation {

    padding: 100px 0;

    background: #126FB7;

    text-align: center;

}

.consultation h5 {

    font-size: 24px;

    color: #fff;

    max-width: 770px;

    margin: 0 auto;

    margin-bottom: 30px;

    line-height: 40px;

}

.consultation .btn {

    font-weight: 500;

    margin: 0 10px;

    padding: 7px 30px;

}

.consultation .btn:hover {

    background: #fff;

    color: #5897e3;

}

.consultation .btn i {

    margin-right: 5px;

}

/*=======================================================

                        CONTACT FORM

========================================================*/

.contact #contact_form {

    text-align: center;

}

.contact .error {

    border: none;

    border: 1px solid red !important;

}

.contact .error:before {

    content: "\f071";

    font-family: 'FontAwesome';

    position: absolute;

    color: red;

}

.success-msg {

    border: 2px solid rgba(0,0,0,0.2);

    margin-bottom: 30px;

    width: 100%;

    display: inline-block;

    text-align: center;

    padding: 20px 16px;

    border-radius: 4px;

    display: none;

}

.success-msg i {

    padding: 10px;

    border-radius: 50%;

    border: 1px solid #ABD0A8;

    margin-right: 10px;

}

#contact_form li {

    margin-bottom: 20px;

}

#contact_form li label {

    color: #fff;

}

#contact_form li input {

    display: inline-block;

    width: 100%;

    line-height: 50px;

    height: 50px;

    border-bottom: 1px solid;

    border-color: transparent;

    padding: 0px 20px;

    background: #f5f5f5;

    border: none;

    box-shadow: none;

    border-radius: 0px;

    color: #000;

    text-transform: none;

    font-size: 12px;

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

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

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

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

    transition: all 0.4s ease-in-out;

}

#contact_form li .form-control {

    border: none;

    box-shadow: none;

    border-radius: 0px;

    color: #000;

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

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

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

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

    transition: all 0.4s ease-in-out;

}

#contact_form li textarea {

    height: 160px !important;

    text-transform: none;

    background: #f5f5f5;

    padding: 15px 20px !important;

    color: #fff;

    font-size: 12px;

}

#contact_form li .btn {

    text-transform: uppercase;

}

.contact-form .tittle {

    text-align: center;

}

.contact-form .tittle hr {

    width: 28px;

    height: 5px;

    margin: 15px auto;

    background: #448aff;

    border: none;

}

.contact-form .tittle p {

    text-transform: none;

    font-size: 16px;

}

.contact-form label {

    font-weight: normal;

    color: #fff;

    font-size: 12px;

    text-transform: uppercase;

    display: inline-block;

    width: 100%;

    margin: 0px;

    line-height: 26px;

    position: relative;

    background: none;

}

.contact-form label span {

    color: #fff;

}

.contact-form textarea {

    display: inline-block;

    width: 100%;

    position: relative;

    padding: 10px 20px;

}

.contact-form #contact_form li .form-control:focus {

}

.contact-form button {

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

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

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

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

    transition: all 0.4s ease-in-out;

}

.contact-form button:hover {

}

/*=======================================================

                        LETS TALK

========================================================*/

.lets-talk {

}

.info-contact p {

    font-size: 12px;

}

.info-contact span {

    display: inline-block;

    width: 100px;

    color: #000000;

    font-weight: bold;

    text-transform: uppercase;

}

/*=======================================================

                        FOOTER

========================================================*/

footer {

    padding: 150px 0;

    padding-bottom: 100px;

    background: #232955;

    position: relative;

}

footer .logo-foot {

    margin-bottom: 50px;

}

footer p {

    color: #fff;

}

footer .contact-info {

    padding-left: 50px;

}

footer .contact-info li {

    list-style: none;

}

footer .contact-info p {

    font-weight: normal;

}

footer .contact-info i {

    color: #629ee7;

    margin-top: 10px;

    font-size: 18px;

    margin-right: 20px;

    width: 30px;

    text-align: right;

    display: inline-block;

}

footer .social {

    margin-top: 30px;

}

footer .social p {

    color: #d1d7ff;

    font-weight: normal;

}

footer .social p a {

    color: #fff;

    font-weight: 600;

}

.footer-contact h5 {

    font-size: 24px;

    color: #fff;

    margin-top: 0px;

    padding-bottom: 15px;

    font-weight: 500;

    margin-bottom: 15px;

    border-bottom: 1px solid rgba(255,255,255,0.1);

}

.footer-contact .contact-form {

    margin-top: 20px;

}

.footer-contact li {

    list-style: none;

    margin-bottom: 20px;

}

.footer-contact #contact_form li input {

    background: #191e44;

    border-radius: 4px;

    color: #fff;

}

.footer-contact #contact_form li .form-control {

    color: #fff;

}

.footer-contact #contact_form li input {

    height: 45px;

    font-size: 15px;

    line-height: 45px;

}

.footer-contact #contact_form li textarea {

    background: #191e44;

    border-radius: 4px;

    height: 90px !important;

    font-size: 15px;

}

.footer-contact #contact_form li button {

    color: #fff;

    float: right;

    color: #fff;

    background: none;

    border: none;

    margin-right: 15px;

    font-size: 30px;

    margin-top: -70px;

    outline: none !important;

}

.footer-contact .contact-form {

}

.rights {

    background: #fcb532;

    padding: 20px 0;

    padding-bottom: 15px;

}

.rights p {

    margin-bottom: 0px;

    font-size: 14px;

}

.rights ul {

    text-align: right;

    margin-bottom: 0px;

}

.rights ul li {

    display: inline-block;

    margin-left: 50px;

    list-style: circle;

}

.rights ul li a {

    font-weight: 500;

    line-height: 30px;

}

.rights ul li a:hover {

    text-decoration: underline !important;

}

.footer-contact ::-webkit-input-placeholder { /* Chrome/Opera/Safari */

    color: #fff;

}

.footer-contact ::-moz-placeholder { /* Firefox 19+ */

    color: #fff;

}

.footer-contact :-ms-input-placeholder { /* IE 10+ */

    color: #fff;

}

.footer-contact :-moz-placeholder { /* Firefox 18- */

    color: #fff;

}

/*=======================================================

                        FOOTER STYLE 2

========================================================*/

.footer-2 {

    padding: 100px 0;

}

.footer-2 h6 {

    color: #fff;

    text-transform: uppercase;

    font-weight: 500;

    margin: 0px;

    margin-bottom: 30px;

}

.links-footer li {

    list-style: none;

}

.links-footer li a {

    line-height: 40px;

    display: inline-block;

    width: 100%;

    color: #b3b7da;

    font-weight: 500;

}

.links-footer li a:hover {

    color: #fff;

}

.links-social {

}

.links-social li {

    list-style: none;

}

.links-social li a {

    line-height: 46px;

    display: inline-block;

    width: 100%;

    color: #b3b7da;

    font-weight: 500;

}

.links-social li a i {

    margin-right: 10px;

}

.links-social li a:hover {

    color: #fcb532;

}

.links-footer.ser {

    padding-left: 15px;

    list-style: circle;

}

.links-footer.ser li {

    list-style: disc;

    color: #b3b7da;

}

.links-footer.ser li a {

    color: #b3b7da;

}

.links-footer.ser li a:hover {

    color: #fcb532;

}

.latest-post-small .media-body a {

    font-size: 16px;

    font-weight: 500;

    color: #fff;

    display: inline-block;

    width: 100%;

    margin-bottom: 10px;

    line-height: 24px;

}

.latest-post-small .media {

    margin-bottom: 35px;

}

.latest-post-small .media-body a:hover {

    color: #fcb532;

}

.latest-post-small .media-body span {

    display: inline-block;

    font-size: 14px;

    color: #b3b7da;

    font-weight: 500;

}

.latest-post-small .post-img {

    display: inline-block;

    height: 70px;

    width: 70px;

    margin-right: 10px;

}

.latest-post-icon li {

    background: url(../images/icon-post.png) left 10px no-repeat;

    padding-left: 30px;

    list-style: none;

    margin-bottom: 20px;

}

.latest-post-icon li a {

    color: #b3b7da;

    font-size: 15px;

    font-weight: 500;

    line-height: 30px;

}

.latest-post-icon li span {

    color: #fff;

    font-weight: 500;

    display: inline-block;

    width: 100%;

    margin-top: 10px;

    font-size: 13px;

}

.latest-post-icon li a:hover {

    color: #fcb532;

}

.con-info p {

    color: #b3b7da;

}

.con-info span {

    color: #fff;

    display: inline-block;

    width: 100%;

}

.con-info li.mobile {

    background: url(../images/icon-mobile.png) left 5px no-repeat;

    padding-left: 30px;

}

.con-info li.email {

    background: url(../images/icon-envalop.png) left 5px no-repeat;

    padding-left: 30px;

}

.con-info li.map-mr {

    background: url(../images/icon-map.png) left 5px no-repeat;

    padding-left: 30px;

}

.con-info li {

    list-style: none;

    margin-top: 20px;

}

.need-help-footer {

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

    padding: 30px;

    border-radius: 4px;

    text-align: center;

    display: inline-block;

    width: 100%;

    padding-top: 50px;

}

.need-help-footer h5 {

    font-size: 24px;

    margin-top: 30px;

    margin-bottom: 15px;

    color: #fff;

}

.need-help-footer p {

    color: #b3b7da;

    font-weight: 500;

    margin-bottom: 20px;

}

.need-help-footer span {

    color: #fff;

    font-weight: 500;

}

.need-help-footer hr {

    border-color: #232955;

    position: relative;

}

.need-help-footer hr:before {

    position: absolute;

    background: #232955;

    left: -30px;

    width: 30px;

    height: 1px;

    content: "";

    top: -1px;

}

.need-help-footer hr:after {

    position: absolute;

    background: #232955;

    right: -30px;

    width: 30px;

    height: 1px;

    content: "";

    top: -1px;

}

.rights p a {

    color: #fff;

}

.rights.style-2 {

    text-align: center;

    background: #181d45;

}

.rights.style-2 p {

    color: #7f84b2;

    font-size: 14px;

}

.foot-social-icons {

    position: absolute;

    left: 0px;

    top: -35px;

    right: 0px;

    margin: 0 auto;

    text-align: center;

}

.foot-social-icons ul {

    display: inline-block;

    margin: 0px;

}

.foot-social-icons li {

    list-style: none;

    display: inline-block;

    margin: 0 5px;

    float: left;

}

.foot-social-icons li a {

    display: inline-block;

    background: #fcb532;

    height: 70px;

    width: 70px;

    color: #fff;

    border-radius: 50%;

    line-height: 70px;

    text-align: center;

    font-size: 24px;

}

.foot-social-icons li a:hover {

    background: #fff;

    color: #fcb532;

    margin-top: -10px;

}

.foot-social-icons li a i {

    line-height: 70px;

}

.about-foot p {

    font-size: 15px;

    color: #b3b7da;

}

.about-foot a {

    color: #fcb532;

    text-decoration: underline !important;

    font-weight: 500;

    line-height: 30px;

    margin-top: 10px;

    display: inline-block;

}

.about-foot .search {

    display: inline-block;

    width: 100%;

}

.about-foot .search label {

    color: #b3b7da;

    font-size: 15px;

    font-weight: 600;

    width: 100%;

    margin-top: 30px;

    display: inline-block;

    position: relative;

}

.about-foot .search label i {

    position: absolute;

    left: 20px;

    line-height: 45px;

}

.about-foot .search input {

    border: none;

    background: none;

    padding-left: 50px;

    outline: none !important;

    font-weight: normal;

    background: none;

    color: #b3b7da;

    font-size: 15px;

    height: 45px;

    width: 100%;

    border-radius: 4px;

    border: 1px solid #3f446c;

}

.about-foot .search ::-webkit-input-placeholder { /* Chrome/Opera/Safari */

    color: #b3b7da;

}

.about-foot .search ::-moz-placeholder { /* Firefox 19+ */

    color: #b3b7da;

}

.about-foot .search :-ms-input-placeholder { /* IE 10+ */

    color: #b3b7da;

}

.about-foot .search :-moz-placeholder { /* Firefox 18- */

    color: #b3b7da;

}

/*=======================================================

                        Newsletter

========================================================*/

.newsletter {

    position: relative;

}

.newsletter form {

    margin-top: 60px;

    position: relative;

}

.newsletter label {

    font-weight: normal;

    color: #fff;

    font-size: 12px;

    text-transform: uppercase;

    display: inline-block;

    width: 100%;

    margin: 0px;

    line-height: 26px;

    position: relative;

    background: #000;

}

.newsletter button {

    position: absolute;

    top: 0px;

    right: 0px;

    height: 50px;

    font-weight: 800;

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

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

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

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

    transition: all 0.4s ease-in-out;

}

.newsletter .icon-btn {

    margin-right: 20px;

    display: inline-block;

}

.newsletter input {

    display: inline-block;

    width: 100%;

    height: 50px;

    padding: 0px;

    border: 1px solid;

    border-color: transparent;

    background: none;

    border: none;

    box-shadow: none;

    border-radius: 0px;

    background: #fff;

    color: #000;

    font-size: 12px;

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

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

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

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

    transition: all 0.4s ease-in-out;

    margin: 0 auto;

}

.newsletter .form-control {

    border: none;

    border-radius: 0px;

    color: #000;

    margin-bottom: 10px;

    padding: 0px 20px;

    font-size: 12px;

    background: #fff;

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

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

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

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

    transition: all 0.4s ease-in-out;

}

.newsletter span {

    font-size: 12px;

    color: #999999;

}

.map-wrapper {

    height: 370px;

    margin-bottom: 0px;

}

/*=======================================================

                        GO TO TOP

========================================================*/

.cd-top {

    display: inline-block;

    height: 40px;

    width: 40px;

    z-index: 9;

    position: fixed;

    bottom: 10px;

    right: 10px;

    color: #000;

    border-radius: 50%;

    font-size: 26px;

    text-align: center;

    line-height: 36px;

    border: 2px solid #000;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

    overflow: hidden;

    white-space: nowrap;

    background: none;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: opacity .3s 0s, visibility 0s .3s;

    -moz-transition: opacity .3s 0s, visibility 0s .3s;

    transition: opacity .3s 0s, visibility 0s .3s;

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

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

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

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

    transition: all 0.4s ease-in-out;

}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {

    -webkit-transition: opacity .3s 0s, visibility 0s 0s;

    -moz-transition: opacity .3s 0s, visibility 0s 0s;

    transition: opacity .3s 0s, visibility 0s 0s;

}

.cd-top.cd-is-visible {

    visibility: visible;

    opacity: 0.5;

}

.cd-top.cd-fade-out {

    opacity: .5;

}

.no-touch .cd-top:hover {

    background-color: #000;

    opacity: 1;

    color: #fff;

}

/*=======================================================

                        HOME VERSION 2

========================================================*/

.home-2 p {

    font-size: 15px;

    line-height: 24px;

}

.top-hide a {

    float: right;

    position: absolute;

    right: 15px;

    top: 0px;

}

.top-hide .container {

    position: relative;

}

.top-hide strong {

    font-weight: 600;

}

.top-hide {

    background: #fcb532;

    font-size: 15px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    border-bottom: 3px solid #4d86cb;

}

.foot-social-icons .behance a:hover {

    color: #fff;

    background-color: #2b9ad2;

    border-color: #2b9ad2;

}

.foot-social-icons .blogger a:hover {

    color: #fff;

    background-color: #ff6500;

    border-color: #ff6500;

}

.foot-social-icons .deviantart a:hover {

    color: #fff;

    background-color: #536659;

    border-color: #536659;

}

.foot-social-icons .dribbble a:hover {

    color: #fff;

    background-color: #f973a4;

    border-color: #f973a4;

}

.foot-social-icons .facebook a:hover {

    color: #fff;

    background-color: #3b5a9b;

    border-color: #3b5a9b;

}

.foot-social-icons .flickr a:hover {

    color: #fff;

    background-color: #ff0084;

    border-color: #ff0084;

}

.foot-social-icons .forrst a:hover {

    color: #fff;

    background-color: #2f713d;

    border-color: #2f713d;

}

.foot-social-icons .googleplus a:hover {

    color: #fff;

    background-color: #f63d26;

    border-color: #f63d26;

}

.foot-social-icons .instagram a:hover {

    color: #fff;

    background-color: #507ea4;

    border-color: #507ea4;

}

.foot-social-icons .lastfm a:hover {

    color: #fff;

    background-color: #da0019;

    border-color: #da0019;

}

.foot-social-icons .linkedin a:hover {

    color: #fff;

    background-color: #0072b2;

    border-color: #0072b2;

}

.foot-social-icons .paypal a:hover {

    color: #fff;

    background-color: #165c82;

    border-color: #165c82;

}

.foot-social-icons .picasa a:hover {

    color: #fff;

    background-color: #cb2027;

    border-color: #cb2027;

}

.foot-social-icons .pinterest a:hover {

    color: #fff;

    background-color: #cb2027;

    border-color: #cb2027;

}

.foot-social-icons .skype a:hover {

    color: #fff;

    background-color: #00aaf1;

    border-color: #00aaf1;

}

.foot-social-icons .soundcloud a:hover {

    color: #fff;

    background-color: #ff6900;

    border-color: #ff6900;

}

.foot-social-icons .stumbleupon a:hover {

    color: #fff;

    background-color: #eb4823;

    border-color: #eb4823;

}

.foot-social-icons .twitter a:hover {

    color: #fff;

    background-color: #2baae1;

    border-color: #2baae1;

}

.foot-social-icons .vimeo a:hover {

    color: #fff;

    background-color: #40b2dc;

    border-color: #40b2dc;

}

.foot-social-icons .youtube a:hover {

    color: #fff;

    background-color: #ff3330;

    border-color: #ff3330;

}

.foot-social-icons .tumblr a:hover {

    color: #fff;

    background-color: #35506b;

    border-color: #35506b;

}

.need-help-pop {

    background: #fff;

    padding: 40px;

    border-radius: 4px;

    box-shadow: 0 0 25px rgba(0,0,0,0.25);

    position: fixed;

    bottom: 30px;

    right: 30px;

    max-width: 400px;

    min-height: 200px;

    z-index: 99;

    border: none;

    display: none;

}

.need-help-pop .close {

    color: #323131;

    position: absolute;

    right: 20px;

    top: 20px;

    opacity: 1;

    font-size: 16px;

}

.need-help-pop h2 {

    font-weight: 500;

    margin-top: 0px;

    color: #232955;

    font-size: 24px;

    margin-bottom: 20px;

}

.need-help-pop .online {

    height: 12px;

    width: 12px;

    background: #10da15;

    position: absolute;

    top: 10px;

    left: 0px;

    border-radius: 50%;

}

.need-help-pop .media-left {

    position: relative;

}

.need-help-pop .media-left img {

    height: 70px;

    width: 70px;

    margin-right: 15px;

    border-radius: 50%;

}

.need-help-pop p {

    color: #232955;

    font-size: 15px;

    line-height: 24px;

}

.need-help-pop p span {

    border-bottom: 1px solid #fcb532;

}





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

    Product Sorting Menubar Starts 

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

.show-result .title{

    color: #000000;

    font-size: 18px;

    font-weight: 600;

    margin: 15px 0 0;

    text-transform: uppercase;

}

.view-tabs {

    border: none;

    margin: 0;

    float: right;

    list-style: none;

}

.view-tabs li:first-child {

    margin-right: 18px;

}

.view-tabs li a {

    background: transparent;

    border: 1px solid #e7e8ec;

    border-radius: 0;

    color: #ccc;

    display: inline-block;

    font-size: 14px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    margin: 0;

    width: 40px;

}

.view-tabs > li.active > a, .view-tabs > li.active > a:focus, .view-tabs > li.active > a:hover{

    background: #000000 none repeat scroll 0 0;

    border-color: #000;

    color: #ffffff;

}

.prod-categories .dropdown-toggle {border: 1px solid #e7e8ec; color: #000;}

/*------- Responsive ------*/

@media (min-width:768px)and (max-width:991px){    

    .view-tabs li:first-child {

        margin-right: 10px;

    }

    .view-wrap {

        padding-left: 0;

    }

}

@media (max-width:767px) {

    .show-result .title {

        margin: 0 0;

    }

    .product-content {

        margin-top: 25px;

    }

    .cat-list-view .thumbnail-img {

        display: inline-block;

    }   

}

@media (max-width:479px) {   

    .show-result,.sorter,.view-wrap {

        display: inline-block;

        width: 100%;

    }

    .view-wrap {

        margin-top: 30px;

        width: 47%;

    }

    .sorter {

        margin-top: 30px;

        padding-right: 0;

        width: 53%;

    }

}

@media (max-width:360px) {

    .view-tabs li:first-child {

        margin-right: 10px;

    }

}

/*------- ./Responsive ------*/



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

    Product Sorting Menubar Ends 

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

.product-wrap {

    background-color: #f5f5f5;

    margin-bottom: 50px;

    padding-bottom: 50px;

    display: inline-block;

    width: 100%;

}

.product-img > .cart {

    background-color: #fcb532;

    border-radius: 5px;

    bottom: 0;

    font-size: 20px;

    height: 50px;

    left: 0;

    line-height: 50px;

    margin: auto;

    position: absolute;

    right: 0;

    top: 0;

    width: 50px;

    display: none;

}

.product-info > p {

    font-size: 14px;

    font-weight: normal;

    margin-bottom: 20px;

}

.product-wrap:hover .product-img > .cart {

    display: block;

}

.product-img > .cart:hover {

    background-color: #232955; color: #fff;

}

.product-img {

    position: relative; margin-bottom: 30px;

}

.product-info .tittle {

    color: #629ee7;

    display: inline-block;

    font-size: 18px;

    font-weight: 500;

    margin-bottom: 5px;

    width: 100%;

}

.product-info .price {font-weight: bold; display: block; margin: 10px auto 20px;}

.product-info .btn > i {margin: auto 5px; vertical-align: middle;}

.product-wrap .price.green {color: #80be2d;}

.btn-green {

    background-color: #80be2d;

    border-color: #80be2d;

}



.cat-list-view .product-wrap {background-color: transparent; padding-bottom: 20px}

.cat-list-view .product-img {

    float: left;

    margin: 0;

    width: 50%

}

.cat-list-view .product-info {

    float: left;

    width: 50%;

    padding: 0 50px;

}

.bread-crumb {

    background-color: #232955;

    color: #ffffff;

}

.bread-crumb h4 {color: #fff;}



@media (max-width:991px) {

    .cat-list-view .product-info {padding: 50px 0 0; width: 100%;}

    .cat-list-view .product-img {width: 100%;}

}





.product-detail .form-wrap {width: 45%; margin-bottom: 25px; margin-right: 10px; float: left;}





.prod-tab-content p{font-weight: normal;}

.prod-tab-content {list-style: none;}

.prod-tab-content li {

    display: inline-block;

    font-size: 13px;

    padding: 5px 0;

    vertical-align: middle;

    width: 100%;

}





.prod-tabs {border-bottom: 1px solid #e0e0e0;

            text-align: center;

}

.prod-tabs li {

    list-style: none;

    display: inline-block;

    margin: 0 10px;

}

.prod-tabs li a {

    color: #232955;

    font-size: 18px;

    padding: 10px 0;

    display: inline-block;

    font-weight: 500;

}

.prod-tabs li a {

    color: #232955;

    font-size: 18px;

    font-weight: 500;

    position: relative;

}

.prod-tabs li a:hover {

    color: #629ee7;

}

.prod-tabs li a:before {

    content: "";

    height: 1px;

    bottom: -1px;

    position: absolute;

    width: 0%;

    background: #629ee7;

    left: 0px;

    -webkit-transition: 0.2s ease-in-out;

    -moz-transition: 0.2s ease-in-out;

    -ms-transition: 0.2s ease-in-out;

    -o-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

}

.prod-tabs li a:hover:before {

    width: 100%;

}

.prod-tabs li a:hover {

    color: #629ee7;

}

.prod-tabs li.active a {

    color: #629ee7;

}

.prod-tabs li.active a:before {

    width: 100%;

    color: #629ee7;

}

.prod-tab-content li i {

    float: left;

    font-size: 14px;

    margin-top: 3px;

    vertical-align: middle;

    width: 3%;

}

.prod-tab-content li .des {

    float: left;

    width: 94%;

}



@media (max-width:767px) {

    .product-detail .form-wrap {width: 100%;}

}





.gallery-wrap .product-img:hover .cart {

    display: block;

}





a:focus {

    outline: none;

    outline-offset: 0;

}



.price-tabs1 {

    background-color: #e8e8e8;

    border-radius: 6px;

    display: table;

    margin: 20px auto;

    overflow: hidden;

}

.price-tabs1 .tag {

    background-color: #629ee7;

    border-radius: 50%;

    bottom: 0;

    color: #ffffff;

    height: 40px;

    left: 0;

    line-height: 40px;

    margin: auto;

    position: absolute;

    right: 0;

    text-align: center;

    top: 0;

    width: 40px;

}

.price-tabs1 > li {

    display: inline-block;

    font-size: 16px;

    font-weight: 500;

    text-transform: capitalize;

    vertical-align: middle;

    margin-left: -4px;

}

.price-tabs1 a {

    display: inline-block;

    height: 60px;

    line-height: 60px;

    text-align: center;

    width: 180px;

}

.price-tabs1 .active > a, .price-tabs1 a:hover {

    background-color: #629ee7;

    color: #ffffff;

}



.table-style1 .price-label-title {

    color: #629ee7;

    display: inline-block;

    font-size: 24px;

    font-weight: 500;

    margin: 0;

    padding: 20px 10px;

    width: 100%;

}

.table-style1 .price-table {

    border: 2px solid #eaeaea;

    border-radius: 5px;

    text-align: center;

    margin-top: 50px;

    position: relative;

}

.table-style1 .price-value {

    background-color: #e8e8e8;

    font-size: 18px;

    font-weight: 500;

    padding: 20px 10px;

}

.table-style1 .price-unit {

    font-size: 20px;

    vertical-align: top;

}

.table-style1 .price-number {

    font-size: 40px;

    line-height: 1;

}

.table-style1 .price-rows {padding: 30px;}

.table-style1 .price-row {

    border-bottom: 1px solid #eaeaea;

    font-weight: 500;

    padding: 10px 0;

}

.price-row-bottom {

    margin-top: 20px;

}

.table-style1 .price-row:last-child {

    border-bottom: 0 none;

}

.table-style1 .price-row:last-child {

    border-bottom: medium none;

}



.table-style1 .price-row del {color: #a5a4a4;}



.table-style1 .ribbon {

    background-color: #fcb532;

    border-radius: 0 5px 5px 0;

    display: inline-block;

    font-weight: 600;

    line-height: 10px;

    padding: 15px;

    position: absolute;

    right: -25px;

    text-align: center;

    top: 35px;

    transform: rotate(90deg);

    width: auto;

    z-index: 3;

}

.table-style1 .ribbon::after {

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

    border-style: solid;

    border-width: 10px 15px 0 0;

    content: "";

    height: 0;

    position: absolute;

    right: 127px;

    top: -10px;

    width: 0;

    z-index: -1;

}



/* Cart Page */



.cart-table {

    width: 100%;

    background: #ffffff;

}



.cart-table tr td img {

    width: 100px;

    margin: 0 auto;

}

.cart-table td h4 {margin: 0;}

.cart-table td a {color: #629ee7; font-size: 18px; font-weight: 500;}

.cart-table tr td p {

    margin: 0;

}

.cart-table .item-price {

    font-weight: 900;

}

.cart-table .dropdown-toggle {

    border: 1px solid #e7e8ec;

    border-radius: 5px;

    float: none;

    color: #000000;

    font-weight: normal;

    padding: 10px 20px;

    width: 150px;

}



.cart-table tr th ,

.cart-table tr td {

    border: 1px solid #cccccc;

    text-align: center;

    padding: 15px;

}

.table-btn {

    background: #fff;

    display: table;

    width: 100%;

    border: 1px solid #ccc;

    border-top: none;

    padding: 0 25px;

    margin-bottom: 50px;

}

.table-btn > a {

    margin: 15px 0;

}



.shipping-info-wrap .totals {

    background: #f5f5f5 none repeat scroll 0 0;

    padding: 38px;

    text-align: right;

}

.shipping-info-wrap .note {font-size: 12px; color: red; font-weight: 400; }

#shopping-cart-totals-table {

    float: right;

    font-size: 15px;

    margin-bottom: 15px;

}

.checkout-types li {margin-top: 10px;}

.checkout-types {

    clear: both;

    margin: 0;

}

.caption-title {

    color: #232955;

    font-size: 22px;

    font-weight: 500;

    margin: 0 0 25px;

}

.checkout-types {list-style: none;}

.shipping , .discount {margin-bottom: 50px;}



/*---------------- Checkout Starts -------------------------- */

.chk-panel {

    border: 1px solid #e5e5e5;

}

.chk-body {   

    padding-left: 25px;

}

.chk-body form .form-group{

    margin-bottom: 25px;

}

.chk-panel .panel {

    border-bottom: 1px solid #e5e5e5;

    border-radius: 0;

    box-shadow: none;

    padding: 30px;

}

.chk-panel .panel + .panel {

    margin-top: 0;

}

.chk-panel .panel:last-child{

    border-bottom: none;

}

.chk-form .radio-inline {

    display: inline-block;

    font-size: 14px !important;

    margin: 15px 0 0;

    vertical-align: middle;

    width: 100%;

}

.chk-body p, .chk-body ul li{

    color: #999;font-weight: 400;

}

.chk-body ul li {

    display: inline-block;

    margin: 8px 0 0;

    width: 100%;

}

.chk-body ul li span {

    line-height: normal;

    vertical-align: middle;

}

.chk-body .submit-btn{

    min-width: 145px;

    border-color: #e7e8ec;

}

.registed-form .fpw {

    float: left;

    margin: 15px 0;    

}

.registed-form .form-group label{

    color: #000000;

}

.registed-form label {   

    font-size: 13px;

    margin-bottom: 15px;    

}



.chk-heading .section-title {

    font-size: 20px;

    font-weight: 500;

    text-transform: uppercase;

}

.chk-body .title-1 {

    font-size: 20px;

    font-weight: 400;

    text-transform: uppercase;    

}

.registed-form .form-control {

    border-radius: 0;

    height: 50px;

    padding: 10px;

}

.block-inline {display: inline-block; width: 100%; vertical-align: middle;}

/*---------------- Checkout Ends -------------------------- */



@media (max-width: 767px) {

    .cart-table {display: block; overflow: auto;}

    .cart-table tr th, .cart-table tr td {padding: 10px;}

}



/*-- Pie Chart --*/

.pie-chart {position: relative; display: table; margin: auto; height: 200px; width: 250px;}

.pie {

    position:absolute;

    width:100px;

    height:200px;

    overflow:hidden;

    left:150px;

    -moz-transform-origin:left center;

    -ms-transform-origin:left center;

    -o-transform-origin:left center;

    -webkit-transform-origin:left center;

    transform-origin:left center;

}

.pie.big {

    width:200px;

    height:200px;

    left:50px;

    -moz-transform-origin:center center;

    -ms-transform-origin:center center;

    -o-transform-origin:center center;

    -webkit-transform-origin:center center;

    transform-origin:center center;

}

.pie:BEFORE {

    content:"";

    position:absolute;

    width:100px;

    height:200px;

    left:-100px;

    border-radius:100px 0 0 100px;

    -moz-transform-origin:right center;

    -ms-transform-origin:right center;

    -o-transform-origin:right center;

    -webkit-transform-origin:right center;

    transform-origin:right center;



}

.pie.big:BEFORE {

    left:0px;

}

.pie.big:AFTER {

    content:"";

    position:absolute;

    width:100px;

    height:200px;

    left:100px;

    border-radius:0 100px 100px 0;

}

.pie:nth-of-type(1):BEFORE,

.pie:nth-of-type(1):AFTER {

    background-color:blue;	

}

.pie:nth-of-type(2):AFTER,

.pie:nth-of-type(2):BEFORE {

    background-color:green;	

}

.pie:nth-of-type(3):AFTER,

.pie:nth-of-type(3):BEFORE {

    background-color:red;	

}

.pie:nth-of-type(4):AFTER,

.pie:nth-of-type(4):BEFORE {

    background-color:orange;	

}

.pie[data-start="30"] {

    -moz-transform: rotate(30deg); /* Firefox */

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

    -webkit-transform: rotate(30deg); /* Safari and Chrome */

    -o-transform: rotate(30deg); /* Opera */

    transform:rotate(30deg);

}

.pie[data-start="60"] {

    -moz-transform: rotate(60deg); /* Firefox */

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

    -webkit-transform: rotate(60deg); /* Safari and Chrome */

    -o-transform: rotate(60deg); /* Opera */

    transform:rotate(60deg);

}

.pie[data-start="100"] {

    -moz-transform: rotate(100deg); /* Firefox */

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

    -webkit-transform: rotate(100deg); /* Safari and Chrome */

    -o-transform: rotate(100deg); /* Opera */

    transform:rotate(100deg);

}

.pie[data-value="30"]:BEFORE {

    -moz-transform: rotate(31deg); /* Firefox */

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

    -webkit-transform: rotate(31deg); /* Safari and Chrome */

    -o-transform: rotate(31deg); /* Opera */

    transform:rotate(31deg);

}

.pie[data-value="40"]:BEFORE {

    -moz-transform: rotate(41deg); /* Firefox */

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

    -webkit-transform: rotate(41deg); /* Safari and Chrome */

    -o-transform: rotate(41deg); /* Opera */

    transform:rotate(41deg);

}

.pie[data-value="260"]:BEFORE {

    -moz-transform: rotate(260deg); /* Firefox */

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

    -webkit-transform: rotate(260deg); /* Safari and Chrome */

    -o-transform: rotate(260deg); /* Opera */

    transform:rotate(260deg);

}



/*-- Graph --*/

.graph {}

.graph-chart{

    display:table;

    table-layout: fixed;   



    width:60%;

    max-width:700px;

    height:200px;

    margin:0 auto;



    background-image:linear-gradient(bottom, rgba(0, 0, 0, 0.1) 2%, transparent 2%);

    background-size: 100% 50px;

    background-position: left top;

}

.graph-chart li{

    position:relative;

    display:table-cell;

    vertical-align:bottom;

    height:200px;

}



.graph-chart span{

    margin:0 1em;

    display: block;

    background: rgba(209, 236, 250, .75);

    animation: draw 1s ease-in-out;



}

.graph-chart span:before{

    position:absolute;

    left:0;right:0;top:100%;

    padding:5px 1em 0;

    display:block;

    text-align:center;

    content:attr(title);

    word-wrap: break-word;

}



@keyframes draw{

    0%{height:0;} 

}

.search-wrap {

    display: inline-block;

    margin-left: 15px;

    position: relative;

    vertical-align: middle;

    width: 350px;

}

.search-wrap .form-control {

    border: 1px solid #e7e7e6;

    border-radius: 2em;

    height: 40px;

    padding: 5px 20px;

}

.search-wrap button {

    background-color: rgba(0, 0, 0, 0);

    border: medium none;

    color: #bababa;

    position: absolute;

    right: 20px;

    top: 12px;

}

.search-wrap .btn:hover, .search-wrap .btn:focus {

    color: #525252;

}

@media (max-width: 480px) {

    .search-wrap {

        width: 200px;

    }

}





/*---------------- Coming Soon Starts ------------------------- */

.coming-wrap .foot-social-icons {position: static;}

.coming-soon-bg {

    background-image: url('../images/bnr-pattern-1.png');

    background-size: cover;

    height: 100%;

}

.countdown-section {

    display: inline-block; 

    text-align: center;   

}

.countdown-amount {

    color: #232955;

    font-size: 80px;

    line-height: normal;

    margin: 0;

    text-transform: capitalize;

    height: auto;

    width: auto;

    display: inline-block;   

    text-align: center;  

    width: 150px;

    height: 100px;

}

.countdown-period {

    clear: both;

    color: #999;

    display: block;  

    font-size: 16px;   

    line-height: normal;

    margin: 0;

    overflow: hidden;

    position: relative; 

    text-transform: uppercase;

}

.comingsoon-media .social-icon li + li::before {

    background-color: #cccccc;

    bottom: 0;

    content: "";

    height: 15px;

    left: -5px;

    margin: auto;

    position: absolute;

    top: 0;

    width: 1px;

}

.comingsoon-media .social-icon li {

    padding: 25px;

    line-height: 0;

    position: relative;

}

.comingsoon-media .social-icon li a:hover, .comingsoon-media .social-icon li a:focus {

    color: #0099cc;

}

/*---------------- Coming Soon Ends ------------------------- */









/*=======================================================

                        Direction RTL

========================================================*/

.rtl .testi-inside {

    direction: ltr;

    text-align: center;

}

.rtl .need-help-pop .media-left img {

    margin-right: 0px;

    margin-left: 15px;

}

.rtl .need-help-pop .online {

    left: auto;

    right: 0px;

}

.rtl .header .logo {

    float: right;

}

.rtl header .navbar {

    float: left;

}

.rtl .navbar-collapse {

    float: right;

}

.rtl .nav-right {

    margin-left: 0px;

    margin-right: 10px;

    float: left;

}

.rtl .top-bar i {

    margin: 0px;

    margin-top: 25px;

    float: right;

    height: 20px;

    line-height: 20px !important;

}

.rtl ul.check-list li {

    padding-right: 28px;

}

.rtl .counters li .media-left {

    padding-right: 0px;

    padding-left: 20px;

}

.rtl footer .contact-info i {

    margin-right: 0px;

    margin-left: 10px;

}

.rtl ul.check-list li:before {

    left: auto;

    right: 0px;

}

.rtl .top-bar .flaticon-email-envelope-outline-shape-with-rounded-corners {

    margin-left: 10px;

    margin-right: 20px;

}

.rtl .need-help-pop .media-left {

    padding-right: 0px;

    padding-left: 10px;

}

.rtl header .logo {

    float: right;

}

.rtl .head-info li {

    background-position: right 5px;

    padding-left: 0px;

    padding-right: 30px;

}

.rtl .head-info {

    float: left;

}

.rtl .testimonials-sec .item-slider {

    text-align: right;

}

.rtl .call-action .btn {

    float: left;

}

.rtl .our-team .mem-name {

    left: 30px;

    right: auto;

}

.rtl .testi-sec {

    direction: ltr;

}

.rtl .con-info li {

    background-position: right 5px !important;

}

.rtl .con-info li {

    padding-left: 0px;

    padding-right: 30px;

}

.rtl .latest-post-icon li {

    background-position: right 5px !important;

    padding: 0px;

    padding-right: 30px;

}

.rtl .links-footer.ser {

    padding-left: 0px;

    padding-right: 15px;

}

.rtl .about-foot .search input {

    padding-right: 20px;

}

.rtl .blog-post .up-part span {

    float: left;

}

.rtl .media-left {

    padding-right: 0px;

    padding-left: 10px;

}

.rtl .blog-post .tagi a {

    border-right: none;

    padding: 0px;

    margin: 0px;

    padding-left: 10px;

    margin-left: 10px;

    border-left: 1px solid #d3d3d3;

}

.rtl .blog-post .tagi a:nth-last-child(1) {

    border: none;

    border-left: none;

}

.rtl .blog-post .btn {

    margin-right: 0px;

    margin-left: 40px;

}

.rtl .accordion .panel-default > .panel-heading a {

    padding-right: 40px !important;

}

.rtl .test-simple-in #testi-slide {

    direction: ltr;

}

.rtl .categ li a:before {

    right: 0px;

    left: auto;

    content: "\e879";

}

.rtl .tittle-side:before {

    right: 0px;

    left: auto;

}

.rtl .latest-post-small .post-img {

    margin-right: 0px;

    margin-left: 10px;

}

.rtl .sidebar .search input {

    padding-right: 20px;

}

.rtl .categ li a {

    padding-left: 0px;

    padding-right: 30px;

}

.rtl #client-slide-1 {

    direction: ltr;

}

.rtl #cas-slide-2 {

    direction: ltr;

}

.rtl .contact-detail li article img{

    margin-right:0px;

    margin-left:10px;

}

.rtl .contact-page #contact_form li label{

    text-align:right;

}

.rtl .checkbox label::before{

    right:0px;

    margin-left:0px;

    margin-right:-30px;

}

.rtl .checkbox label::after{

    left:auto;

    right:0px;

    margin-left:0px;

    margin-right:-26px;	

}

.rtl .checkbox{

    padding-left:0px;

    padding-right:30px;

}

.rtl .analysis form .checkbox  input{

    margin-left:0px;

    margin-right:-20px;

}

.rtl .bootstrap-select.btn-group .dropdown-toggle .filter-option{

    text-align:right;

}

.rtl .bootstrap-select.btn-group .dropdown-toggle .caret{

    right:auto;

    left:15px;

}

.rtl .bootstrap-select.btn-group .dropdown-menu li{

    text-align:right;

}

.rtl .bnr-second .bnr-img{

    right:auto;

    left:0px;

}

.rtl .case-left .img-sec{

    margin-right:0px;

    margin-left:20px;

}

.rtl .links-social li a i{

    margin-right:0px;

    margin-left:10px;

}

.sangria {
  text-indent: 2rem;
  display: block;
}

/* Texto XL para los <li> “pequeños” de las tres secciones */
.help-tab-sec .check-list li {
  font-size: clamp(1.5rem, 1.2vw + 1rem, 2.25rem); /* 24 px → 36 px     */
  line-height: 1.6;
  margin-bottom: .75rem;                           /* respiración extra */
}

.help-tab-sec .check-list ul li {                  /* sub-listas */
  font-size: clamp(1.25rem, 1vw + .8rem, 2rem);    /* 20 px → 32 px      */
}


/* CONTACT FORM CSS */

#frmContact div{margin-bottom: 15px}  
.error{background-color: #FF6600;border:#AA4502 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px;}
.success{background-color: #12CC1A;border:#0FA015 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px;}
.info{font-size:.8em;color: #FF6600;letter-spacing:2px;padding-left:5px;}