/*

The font families that have been used

-----------------

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

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

*/

/*

The colors that were used

-------------------------

Content: #7f7f7f;

Heading: #11193d;

Bacground: #26476c

Anchor : #11193d;

Yellow Type Color / Hover Color: #bca053

rgba(17, 25, 61, 1)

*/

/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 01.0 - GLOBAL CSS

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

@import url('https://fonts.googleapis.com/css?family=Poppins:400,700|Ubuntu:400,300,700');

@import url('menu.css');

body {

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

    font-size: 16px;

    line-height: 28px;

    font-weight: 400;

    color: #000000;

}



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

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

}



h1 {

   color: #13183c;

}

h2 {

    color: #13183c;

}

h3 {

    font-size: 24px;

    color: #13183c;

    font-weight: 700;

}

h4 {

    font-size: 18px;

    color: #13183c;

    font-weight: 700;

}

img {

    max-width: 100%;

    height: auto;

}

ul, ol {

    list-style: none;

}

ul {

    padding: 0;

    margin: 0;

}

a {

    transition: color 0.2s ease-in-out;

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

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

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

    color: #11193d;

}



a:hover {

    color: #337ab7;

}



a, a:hover, a:focus {

    text-decoration: none;

}

p {

    color: #000000;

    font-size: 16px;

    line-height: 28px;

    margin-top: 10px;

}

.iframe {

    border: none;

}

.all-section {

    overflow: hidden;

    

}

/*flaticons*/

[class^="flaticon-"]:before, 

[class*=" flaticon-"]:before, 

[class^="flaticon-"]:after, 

[class*=" flaticon-"]:after {

    margin-top: 10px;

    margin-left: 0;

}



.gold{

color: #8c6b24!important;

}

/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 02.0 - COMMON CSS

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.padding-0 {

    padding: 0;

}

.pos-static {

    position: static;

}

.cbiz-btn {

    background-color: #ff0000;

    padding: 15px 40px;

    display: inline-block;

    color: #fff;

    font-size: 20px;

    text-transform: uppercase;

    border: 2px solid transparent;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}

.cbiz-btn:hover {

    border: 2px solid #11193d;

    background: #bca053;

    color: #fff;

}

.cbiz-btn:focus {

    color: #fff;

    text-decoration: none;

    

}

.cbiz-btn-border {

    display: inline-block;

    border: 2px solid #11193d;

    background: none;

}

.cbiz-btn-border:hover {

    background-color: #bca053;

}

.section {

    padding-top: 80px;

    padding-bottom: 70px;

}

.section-heading {

    text-align: center;

    padding-bottom: 50px;

}

.section-heading .title,

.section-heading .title h2 {

    font-size: 36px;

    text-transform: capitalize;

    color: #11193d;

    font-weight: 700;

    display: inline-block;

    margin-bottom: 20px;

}

.section-heading .title span {

    font-weight: 300;

}

.section-heading p {

    margin: 0;

}


.page-head {
    padding-top: 120px;
    padding-bottom: 30px;
 }

.page-head-ladies {
    padding-top: 120px;
    padding-bottom: 30px;
border-bottom: solid; border-width: 10px; color:#607bc5;
background-color:#eeeeee;
 background-image: url("../../../images/header.png");
}
.page-head-mens {
    padding-top: 120px;
    padding-bottom: 30px;
  border-bottom: solid; border-width: 10px; color:#3b5293;
background-color:#eeeeee;
background-image: url("../../../images/header.png");
}
.page-head-juniors {
    padding-top: 120px;
    padding-bottom: 30px;
border-bottom: solid; border-width: 10px; color:#82A3FF;
background-color:#eeeeee;
background-image: url("../../../images/header.png");
}
.page-head-seniors {
    padding-top: 120px;
    padding-bottom: 30px;
border-bottom: solid; border-width: 10px; color:#1a203b;
background-color:#eeeeee;
background-image: url("../../../images/header.png");
}



.page-head-general {
    padding-top: 120px;
    padding-bottom: 30px;
  border-bottom: solid; border-width: 10px; color:#8c6b24;
background-color:#eeeeee;
background-image: url("../../../images/header.png");
}
.page-head-mixed {
    padding-top: 120px;
    padding-bottom: 30px;
  border-bottom: solid; border-width: 10px; color:#8c6b24;
background-color:#eeeeee;
background-image: url("../../../images/header.png");
}

.page-heading {

    font-size: 24px;

    text-transform: uppercase;

    text-align: center;

    color: #fff;

}

.sub-title, 

.sub-title a {

    text-align: center;

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

    font-size: 14px;

    color: #fff;

}

.sub-title a:hover {

    color: #bca053;

}

.gen-title,

.gen-title h4 {

    font-size: 18px;

    font-weight: 700;

    color: #11193d;

}

.comm-title,

.comm-title h3 {

    font-size: 24px;

    font-weight: 700;

    color: #11193d;

    text-transform: uppercase;

}

.comm-title {

    margin-bottom: 30px;

}

.border-in {

    border: 1px solid #e7e7e7;

    padding: 30px;
margin-bottom:25px;
}

/*Section Background*/

.cbiz-bg {

    background-color: #071f31;

    background-image: url("../images/bg/service.jpg");

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

    background-position: center center;

    color: #fff;

    position: relative;

    z-index: 0;

}

.cbiz-bg:after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: -1;

    background-color: rgba(17, 25, 61, 0.90);

}

/*Individual Section Background*/

.vid.cbiz-bg {

    background-image: url("../images/bg/service.jpg");

}

.customer-review.cbiz-bg {

    background-image: url("../images/bg/bg-review.jpg");

}

.our-goal.cbiz-bg {

    background-image:  url("../images/bg/bg-goal.jpg");

}

.footer-main.cbiz-bg {

    background-image: url("../../images/beestonfields.jpg");

}

.footer-main.cbiz-bg:after {

    background-color: rgba(17, 25, 61, 0.90);

}

/*Page Header Background*/

.page-bg {

    background-color: #202020;

    background-image: url("../images/imagedisplay.jpg");

    background-size: cover;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top center;

    color: #fff;

    position: relative;

    z-index: 0;

}

.page-bg:after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: -1;

    background-color: rgba(32, 32, 32, 0.85);

}

.blog-page .page-bg {

    background-image: url("../images/bg/blog.jpg");

}

.single-page .page-bg {

    background-image: url("../images/bg/bg-blog.jpg");

}

input[type="submit"] {

    background-color: #11193d;

    color: #fff;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}

input[type="submit"]:hover {

    background-color: #bca053;;

}

.flaticon-img {

    max-width: 45px;

}



#particles-js1,

#particles-js2,

#particles-js3,

#particles-js4 {

  position: absolute;

  height: 100%;

  top: 0;

  bottom: 0;

  width: 100%;

  right: 0;

  top: 0;

  bottom: 0;

  z-index: 0;

}



/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 03.0 - GENERAL CSS

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/*Pre Loader*/

#loader {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #fff;

    z-index: 99999999999;

}

.spinner {

    position: absolute;

    width: 40px;

    height: 40px;

    top: 50%;

    left: 50%;

    margin-left: -40px;

    margin-top: -40px;

    -webkit-animation: rotatee 2.0s infinite linear;

    animation: rotatee 2.0s infinite linear;

}

.dot1, 

.dot2 {

    width: 60%;

    height: 60%;

    display: inline-block;

    position: absolute;

    top: 0;

    border-radius: 100%;

    -webkit-animation: bouncee 2.0s infinite ease-in-out;

    animation: bouncee 2.0s infinite ease-in-out;

    background-color: #11193d;

}

.dot2 {

    top: auto;

    bottom: 0px;

    -webkit-animation-delay: -1.0s;

    animation-delay: -1.0s;

}



@-webkit-keyframes rotatee { 

    100% { 

        -webkit-transform: rotate(360deg) 

    }

}

@keyframes rotatee {

    100% {

        transform: rotate(360deg);

        -webkit-transform: rotate(360deg);

    }

}



@-webkit-keyframes bouncee {

    0%, 100% { 

        -webkit-transform: scale(0.0) 

    }

    50% { 

        -webkit-transform: scale(1.0) 

    }

}



@keyframes bouncee {

    0%, 100% {

        transform: scale(0.0);

        -webkit-transform: scale(0.0);

    } 50% {

        transform: scale(1.0);

        -webkit-transform: scale(1.0);

      }

}



/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 04.0 - HEADER AND MAIN MENU 

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.header {

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 100;

    transition: all 0.4s ease-in-out;

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

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

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

    z-index: 5000;

}

.header.affix {

    top: -55px;

}

.header.affix .menu-area {

    background-color: rgba(17, 25, 61, 0.9)

}



/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 05.0 - MAIN SLIDER AREA 

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.click-to-next i {

    display: inline-block;

    width: 6px;

    height: 13px;

    border-radius: 5px;

    background: #bca053;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}

.click-to-next {

    display: inline-block;

    background: transparent;

    text-align: center;

    position: absolute;

    border: 1px solid #fff;

    bottom: 25px;

    left: 50%;

    margin-left: -10px;

    padding: 7px;

    border-radius: 15px;

    cursor: pointer;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    z-index: 100;

}

.click-to-next:hover {

    background: #fff;

}

.click-to-next:hover i {

    background: #11193d;

}

.bottom-top-animation {

  -webkit-animation-name: bounceball;

          animation-name: bounceball;

  -webkit-animation-duration: 1s;

          animation-duration: 1s;

  -webkit-animation-iteration-count: infinite;

          animation-iteration-count: infinite;

  -webkit-animation-direction: alternate;

          animation-direction: alternate;

  -webkit-animation-delay: 1s;

          animation-delay: 1s;

  -webkit-animation-play-state: running;

          animation-play-state: running;

  -webkit-animation-fill-mode: none;

          animation-fill-mode: none;

}



@-webkit-keyframes bounceball {



  from {

    bottom: 20px;

  }



  to {

    bottom: 50px;

  }



}



@keyframes bounceball {



  from {

    bottom: 20px;

  }



  to {

    bottom: 50px;

  }



}





/*-- Main slide --*/

.main-slider .item img {

    width: 100%;

    display: block;

}

.main-slider .item:after {

    content:"";

    background-color: rgba(17, 25, 61, .5);

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 5;

}

.main-slider .item .slider-content {

  z-index: 0;

  opacity: 0;

  -webkit-transition: opacity 500ms;

  -o-transition: opacity 500ms;

  transition: opacity 500ms;

}

.main-slider .item.active .slider-content {

  z-index: 100;

  opacity: 1;

  -webkit-transition: opacity 100ms;

  -o-transition: opacity 100ms;

  transition: opacity 100ms;

}

.main-slider .slider-content {

    top: 50%;

    margin-top: -70px;

    left: 0;

    padding: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    color: #fff;

}



.main-slider .slider-content h2 {

    margin-top: 0;

    font-size: 48px;

    font-weight: 700;

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

    color: #fff;

}

@media (max-device-width: 812px) {

.main-slider .slider-content h2 {
font-size: 30px;
  margin-top: 50px;
}

#main-slider {
margin-top:50px;
}

}

.main-slider .slider-content p {

    color: #fff;

    margin-top: 25px;

    margin-bottom: 35px;

}

.main-slider .slider-content .slide-para {

    padding-right: 30%;

}

.main-slider .slider-content h2.white, 

.main-slider .slider-content h3.white {

    color: #fff;

}

.main-slider .slider-content h3 {

    font-size: 36px;

    font-weight: 300;

    margin-top: 60px;

    text-transform: uppercase;

    text-align: center;

    color: #555;

}

.main-slider strong {

    color: #bca053;

}

.main-slider .slider-btn {

    margin-right: 30px;

}

.main-slider .slider-btn:hover {

    background-color: #bca053;

    color: #fff;

    border: 2px solid #bca053;

}

.main-slider .carousel-indicators {

    bottom: 30px;

}

.main-slider .carousel-indicators li {

    width: 14px;

    height: 14px;

    border: 2px solid #fff;

    margin: 1px;

}

.main-slider .carousel-control.left,

.main-slider .carousel-control.right {

    opacity: 1;

    filter: alpha(opacity=100);

    background-image: none;

    background-repeat: no-repeat;

    text-shadow: none;

    width: 0;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}

.main-slider .carousel-control.right {

    -webkit-transform: translateX(500px);

        -ms-transform: translateX(500px);

            transform: translateX(500px);

}

.main-slider .carousel-control.left {

    -webkit-transform: translateX(-500px);

        -ms-transform: translateX(-500px);

            transform: translateX(-500px);

}

.main-slider:hover .carousel-control.left,

.main-slider:hover .carousel-control.right {

    -webkit-transform: translateX(0);

        -ms-transform: translateX(0);

            transform: translateX(0);

            z-index: 100;

}

.main-slider .carousel-control.left span {

    padding: 15px;

}

.main-slider .carousel-control.right span {

    padding: 15px;

}

.main-slider .carousel-control .fa-angle-left, 

.main-slider .carousel-control .fa-angle-right{

    position: absolute;

    top: 50%;

    z-index: 5;

    display: inline-block;

}

.main-slider .carousel-control .fa-angle-left {

    left: 0;

}

.main-slider .carousel-control .fa-angle-right{

    right: 0;

}

.main-slider .carousel-control i {

    background: rgba(17, 25, 61, .9);

    color: #fff;

    line-height: 36px;

    font-size: 32px;

    padding: 15px 20px;

    -webkit-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}

.main-slider .carousel-control i:hover {

    background: #bca053;

}

/*-- Animation --*/

.main-slide .animated4 strong {

    color: #ee3733;

}

.carousel .item.active .animated2 {

    -webkit-animation: lightSpeedIn 1s ease-in 300ms both;

    animation: lightSpeedIn 1s ease-in 300ms both;

}

.carousel .item.active .animated3 {

    -webkit-animation: bounceInLeft 1s ease-in-out 300ms both;

    animation: bounceInLeft 1s ease-in-out 300ms both;

}

.carousel .item.active .animated4 {

    -webkit-animation: flipInX 1s ease-in 300ms both;

    animation: flipInX 1s ease-in 300ms both;

}

.carousel .item.active .animated5 {

    -webkit-animation: bounceInLeft 1s ease-in-out 100ms both;

    animation: bounceInLeft 1s ease-in-out 100ms both;

}

.carousel .item.active .animated6 {

    -webkit-animation: bounceIn 1s ease-in 300ms both;

    animation: bounceIn 1s ease-in 300ms both;

}

.carousel .item.active .animated7 {

    -webkit-animation: bounceIn 1s ease-in 300ms both;

    animation: bounceIn 1s ease-in 300ms both;

}

.carousel .item.active .animated8 {

    -webkit-animation: fadeInDown 1s ease-in 500ms both;

    animation: fadeInDown 1s ease-in 500ms both;

}

.main-slider .carousel-inner .item {

  -webkit-transition-property: opacity;

  -o-transition-property: opacity;

  transition-property: opacity;

}

.main-slider .carousel-inner .item,

.main-slider .carousel-inner .active.left,

.main-slider .carousel-inner .active.right {

  opacity: 0;

}

.main-slider .carousel-inner .active,

.main-slider .carousel-inner .next.left,

.main-slider .carousel-inner .prev.right {

  opacity: 1;

}

.main-slider .carousel-inner .next,

.main-slider .carousel-inner .prev,

.main-slider .carousel-inner .active.left,

.main-slider .carousel-inner .active.right {

  left: 0;

  -webkit-transform: translate3d(0, 0, 0);

          transform: translate3d(0, 0, 0);

}

/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 06.0 - OUR GOAL 

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.our-goal {

    background-color: #11193d;

    color: #fff

}

.goal-slider {

    margin-bottom: 70px;

}

.goal-slider .carousel-indicators {

    top: 100%;

}

.goal-slider .carousel-indicators li {

    background-image: none;

    width: 10px;

    height: 10px;

    margin: 5px 10px;

    border: 2px solid #fff;

    padding: 0px;

    background: transparent;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    -moz-border-radius: 50%;

    -webkit-transition: all .3s;;

    -o-transition: all .3s;;

    transition: all .3s;;

    display: inline-block;

    

}

.goal-slider .carousel-indicators li:hover {

    background: #fff;

}

.goal-slider .carousel-indicators .active {

    width: 20px;

    background: #ffffff;

    border-radius: 15px;

}

.goal-content {

    margin-bottom: 30px;

}

.our-goal .section-heading {

    text-align: left;

    padding-bottom: 0;

}

.our-goal .section-heading .title {

    color: #fff;

}

.our-goal p {

    color: #fff;

}

.projects {

    text-align: center;

    font-weight: 700;

}

.pro-item {

    background: rgba(17, 25, 61, .20);

    padding-top: 30px;

    padding-bottom: 30px;

    margin-bottom: 30px;

    position: relative;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    border: 1px solid #fff;

}

.pro-item a {

    color: #fff;

}

.pro-item:hover a {

    color: #fff;

}



.pro-item:hover {

    background: #bca053;

    border: 1px solid #bca053;



}

.projects .counter {

    font-weight: 700;

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

    margin-top: 0;

    font-size: 30px;

    color: #fff;

}

.projects .achievement {

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

    font-size: 18px;

    text-transform: uppercase;

    color: #fff;

}





/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 07.0 - PORTFOLIOS AND GALLERY

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.portfolio-filter {

    display: table;

    margin: auto;

    margin-bottom: 30px;

}

.portfolio-filter a {

    text-transform: uppercase;

    padding: 15px;

    display: inline-block;

    position: relative;

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

    

}

.portfolio-filter a:after {

    content:"";

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    background: #11193d;

    height: 1px;

    width: 0;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    

}

.portfolio-filter a.current:after {

    width: 100%;

}

.portfolios {

    background: rgba(244,248,255,1);

}

.portfolio-container .grid-item {

    margin-bottom: 30px;

}

.portfolio-item {

    position: relative;

}

.portfolio-item img {

    border-radius: 15px;

    width: 100%;

}

.portfolio-item .port-hover {

    content: "";

    position: absolute;

    z-index: 1;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    border-radius: 15px;

    background: rgba(17, 25, 61, .9);

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

.portfolio-item:hover .port-hover { 

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

}

.port-content {

    position: absolute;

    width: 100%;

    left: 50%;

    top: 50%;

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

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

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

    text-align: center;

    color: #fff;

}

.port-content img {

    border-radius: 0;

}

.port-content h3 {

    color: #fff;

    text-transform: uppercase;

}

.port-content p {

    color: #fff;

}

.port-icon {

    color: #fff;

    font-size: 20px;

    position: relative;

    display: inline-block;

    z-index: 0;

    margin-top: 30px;

    width: 30px;

    height: 30px;

}

.port-icon:focus {

    border: 0;

    outline: 0;

}

.port-icon:after {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    content: "";

    background: rgba(254,189,0,.8);

    -webkit-transform: scale(0);

        -ms-transform: scale(0);

            transform: scale(0);

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    z-index: -10;

}

.port-icon:hover:after {

    -webkit-transform: scale(1.3);

        -ms-transform: scale(1.3);

            transform: scale(1.3);

}

.fancybox-show-thumbs .fancybox-thumbs {

    background: #ccc;

}

.hidden-thumbnail {

    display: none;

}



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

 || 08.0 - WE DO

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

 .we-do img {

    width: 100%;

    padding-right: 30px;

    margin-bottom: 30px;

 }

.we-item {

    text-align: center;

    border: 1px solid #f1f1f1;

    padding-top: 25px;

    padding-bottom: 15px;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    position: relative;

    margin-bottom: 30px;

    overflow: hidden;

    transition: all .3s;

    z-index: 10;

    cursor: pointer;

}

.we-item p {

    font-size: 12px;

}

.we-item:after {

    content:"";

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    width: 0;

    -webkit-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s;

    z-index: -5;

}

.we-tab .active .we-item:after {

    border-top: 1px solid #bca053;

    width: 100%;

}

.we-tab .active .we-item:before,

.we-tab .active .we-item:after {

    top: 0;

}

.we-item:hover .gen-title {

    color: #11193d;

}

.we-item [class^="flaticon-"]:before, 

.we-item [class*=" flaticon-"]:before, 

.we-item [class^="flaticon-"]:after, 

.we-item [class*=" flaticon-"]:after {

    font-size: 50px;

}

.we-tab .active .we-item [class^="flaticon-"]:before, 

.we-tab .active .we-item [class*=" flaticon-"]:before, 

.we-tab .active .we-item [class^="flaticon-"]:after, 

.we-tab .active .we-item [class*=" flaticon-"]:after,

.we-item:hover [class^="flaticon-"]:before, 

.we-item:hover [class*=" flaticon-"]:before, 

.we-item :hover[class^="flaticon-"]:after, 

.we-item:hover [class*=" flaticon-"]:after {

    color: #bca053;

}

.we-item .gen-title {

    font-size: 16px;

    text-transform: uppercase;

    color: #11193d;

}



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

 || 09.0 - CELEBRATION AND GET US

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

.full-width-sec {

    position: relative;

    background-color: #c3cad2;

    overflow: hidden;

}



/*For Slide*/

.three-in-slider .slick-dotted.slick-slider {

    margin: 0;

}

.three-in-slider .cel-feature {

    position: static;

}

.get-all-items .slick-current.slick-active .get-item img {

    border: 2px solid #bca053;

    opacity: 1;

    -webkit-transform: scale(1.1);

        -ms-transform: scale(1.1);

            transform: scale(1.1);

}

.get-all-items .slick-current.slick-active .get-item h6 {

    color: #fff;

}

.service-slider-content.slick-initialized .slick-slide {

    overflow: hidden;

}



.slick-slide:focus {

    border: 0;

    outline: none;

}



.slider-thumb-2nd .slick-slide {

    width: 25%!important;

}



.cel-feature {

    max-height: 100%;

    position: absolute;

    left: 0;

    bottom: 0;

    width: 50%;

    z-index: 1000;

}

.cel-feature.full-w-h {

    top: 0;

}

.full-width-sec-2nd .cel-feature {

    right: 0;

    left: 50%;

}

.cel-feature img {

    max-height: 100%;

    float: right;

    width: auto;

}

.cel-feature.full-w-h img {

    width: 100%;

    height: 100%;

}

.full-width-sec-2nd .cel-feature img {

    float: left;

}

.cele-list {

    background: #11193d;

    padding: 60px;

    padding-bottom: 40px;

    padding-right: 15px;

    position: relative;

    z-index: 0;

    

}

.cele-list:after {

    background: #11193d;

    content:"";

    position: absolute;

    left: 0;

    right: -50000px;

    bottom: 0;

    top: 0;

    z-index: -5;

}

.cele-list li {

    margin-bottom: 50px;    

}

.cele-list li:hover .gen-title {

    color: #bca053;

}

.cel-img {

    width: 70px;

    height: 70px;

    border-radius: 50%;

    background: #fff;

    text-align: center;

    float: left;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}

.cel-img img {

    display: inline-block;

    text-align: center;

    padding-top: 18px;

}

.cel-img img.flaticon-img {

    width: 35px;

}



.cel-content {

    padding-left: 95px;

    color: #fff;

}

.cel-content p {

    color: #fff;

 }

.cel-content .gen-title {

    text-transform: uppercase;

    color: #fff;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    

}

.get-us h2,

.get-us h3,

.get-us h4,

.get-us p {

    color: #fff;

}

.full-width-sec-2nd .get-us h2,

.full-width-sec-2nd .get-us h3,

.full-width-sec-2nd .get-us h4 {

    color: #11193d;

}

.full-width-sec-2nd .get-us p {

    color: #7f7f7f;

}

.get-us {

    background: #11193d;

    padding: 30px 15px 30px 40px;

    position: relative;

    z-index: 0;

}

.get-us:after {

    background: #11193d;

    content:"";

    position: absolute;

    left: 0;

    right: -50000px;

    bottom: 0;

    top: 0;

    z-index: -5;

}

.full-width-sec-2nd .get-us {

    background: #fff;

    padding: 30px 40px 30px 15px;

}

.full-width-sec-2nd .get-us:after {

    background: #fff;

    left: -5000px;

}

.get-icon, 

.get-title {

    display: inline-block;

    vertical-align: top;

    

}

.get-icon {

    padding-top: 10px;

    position: relative;

    color: #fff;

}

.get-number {

    position: absolute;

    top: 12px;

    right: 10px;

    font-size: 10px;

}

.full-width-sec-2nd .get-number {

    top: 7px;

    left: 6px;

    color: initial;

}

.slider-thumb-2nd .slick-current {

    color: #bca053;

}

.bg-white {

    background-color: #fff;

}

.get-title h4 {

    text-transform: uppercase;

    padding-left: 15px;

    line-height: 24px;

    font-weight: 700;

}

.get-all-items {

    text-align: left;

}

.get-item {

    cursor: pointer;

    width: 140px;

    height: 140px;

    text-align: center;

    border-radius: 50%;

    margin-bottom: 50px;

    margin-top: 30px;

    display: inline-block;  

}

.get-item img {

    width: 100px;

    height: 100px;

    margin: auto;

    border-radius: 50%;

    border: 2px solid transparent;

    opacity: .5;

    -webkit-transform: scale(1);

        -ms-transform: scale(1);

            transform: scale(1);

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    

}

.get-all-items .slick-current.slick-active .get-item img {

    border: 2px solid #bca053;

    opacity: 1;

    -webkit-transform: scale(1.1);

        -ms-transform: scale(1.1);

            transform: scale(1.1);

}

.get-item h6 {

    text-transform: uppercase;

    padding-bottom: 30px;

    padding-top: 15px;

}

ul.get-services {

    padding-top: 50px;

    padding-bottom: 50px;

    margin-left: 35px;

    margin-right: 50px;

    text-align: left;



}

ul.get-services li {

    display: inline-block;

    width: 25%;

    margin-bottom: 10px;

    margin-left: 15px;

    color: #11193d;

    position: relative;

    text-transform: uppercase;   

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}

ul.get-services li:before {

    position: absolute;

    content: "\f105";

    font-family: "fontAwesome";

    left: -10px;

    top: -2px;

    -webkit-transition: .2s;

    -o-transition: .2s;

    transition: .2s;

    top: 0;

    

}

ul.get-services li:hover:before {

    left: -8px;

    top: 0;

    color: #bca053;

}

ul.get-services li a {

    color: #11193d;

    text-transform: uppercase;    

}

ul.get-services li:hover,

ul.get-services li a:hover {

    color: #bca053;

    cursor: pointer;

}





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

 || 10.0 - NEWSLETTER

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

.newsletter {

    text-align: left;

    background-color: rgba(244,248,255,1);

}

.news-content {

    margin-bottom: 30px;

}

.newsletter .section-heading {

    text-align: left;

    padding-bottom: 0;

}

.news-form input {

    height: 52px;

    border-radius: 0;

    color: #11193d;

}

.news-form input[type="email"] {

    border: 1px solid #11193d;

}

.news-form input[type="submit"] {

    background: #11193d;

    color: #fff;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    

}

.news-form input[type="submit"]:hover {

    background: #bca053;;

}

.news-form input[type="email"]:focus {

    border: 1px solid #bca053;

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

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

    transition: all 0.3s ease-in-out;

}

.news-form input[type="email"]:focus::-webkit-input-placeholder {

    color: #bca053;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;  

}

.news-form input[type="email"]:focus::-moz-placeholder {

    color: #bca053;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;  

}

.news-form input[type="email"]:focus:-ms-input-placeholder {

    color: #bca053;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;  

} 

.news-form input[type="email"]:focus:-moz-placeholder {

    color: #bca053;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;  

}





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

 || 11.0 - RECENT POST / BLOG

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

.re-blog-item {

    text-align: center;

    padding: 30px;

    border: 1px solid #ececec;

    position: relative;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    margin-bottom: 60px;

    position: relative;

    border-radius: 10px;

}



.re-feature-img {



background: -webkit-linear-gradient(#c4a95d, #8c6b24);

    overflow: hidden;

}

.re-blog-item img {

    display: block;

    width: 100%;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    

}

.re-blog-item:hover .re-feature-img img {

    -webkit-transform: scale(1.2);

        -ms-transform: scale(1.2);

            transform: scale(1.2);

}

.re-blog-item .gen-title {

    margin-top: 30px;

    margin-bottom: 20px;

    text-transform: uppercase;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}

.re-blog-item:hover .gen-title {

    color: #bca053;

}

.re-time {

    position: absolute;

    top: 100%;

    left: 50%;



background: linear-gradient(#c4a95d, #8c6b24);



    border-radius: 30px;

    padding: 8px 30px;

    color: #fff;

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

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

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

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    cursor: pointer;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}

.re-time:hover {

    background-color: #11193d;

}



/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 12.0 - POPUP VIDEO

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.vid {

    color: #fff;

    padding-top: 200px;

    padding-bottom: 180px;

}

.video-btn {

    position: relative;

    display: inline-block;

    z-index: 0;

}

.video-btn:after {

    border-radius: 50%;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    content: "";

    background: rgba(255,255,255,.3);

    -webkit-transform: scale(0);

        -ms-transform: scale(0);

            transform: scale(0);

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    z-index: -10;

    

}

.video-btn:hover:after {

    -webkit-transform: scale(1);

        -ms-transform: scale(1);

            transform: scale(1);

}

.video-content h4 {

    color: #fff;

    text-transform: uppercase;

    margin-top: 40px;

    margin-bottom: 25px;

    font-weight: 400;

}

.video-content p {

    color: #fff;

}

.bs-example{

        margin: 20px;

}

.modal-content iframe{

    margin: 0 auto;

    display: block;

}





/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 13.0 - TESTIMONIAL 

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.testimonial {

    position: relative;

}

.testimonial .container {

    background-color: #fff;

    position: relative;

}

.testi-slider {

    margin-bottom: 70px;

}

.testi-item {

    text-align: center;

}

.testi-item img {

    width: auto;

    margin: auto;

}

.testi-item:hover {

    cursor: pointer;

}

.testi-img {

    position: relative;

    z-index: 0;

}

.testi-name .gen-title {

    text-transform: uppercase;

}

.testi-content {

    text-align: center;

    margin-top: 20px;

    margin-bottom: 20px;

}

.testi-slider .testi-img:after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    top: 42%;

    right: 0;

    background-color: #c2c9d1;

    z-index: -5;

    bottom: 0;

}

.testi-slider .slick-center .testi-img:after {

    background-color: #bca053;

}

.testi-slider .slick-slide img {

    display: initial;

}

.testi-slider .slick-initialized .slick-slide {

    outline: 0;

    margin: 0 15px;

}

.testi-slider .slick-dots {

    bottom: -40px;

}

.testi-slider .slick-dots li  {

    margin: 0 7px;



}

.testi-slider .slick-dots li button {   

    background-image: none;

    width: 10px;

    height: 10px;

    margin: 5px 0;

    border: 2px solid #11193d;

    padding: 0px;

    background: transparent;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    -moz-border-radius: 50%;

    -webkit-transition: all .3s;;

    -o-transition: all .3s;;

    transition: all .3s;;

    display: inline-block;

}

.testi-slider .slick-dots li button:hover {

    background: #11193d;

}

.testi-slider .slick-dots li button:before {

    color: transparent;

}



.testi-slider .slick-dots li.slick-active button {

    width: 20px;

    background: #bca053;

    border-radius: 15px;

    border: 2px solid #bca053;

}

.testi-slider .slick-dots li.slick-active button:before {

    color: transparent;

}





/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 14.0 - OUR CLIENT

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.our-client {

    background-color: #bca053;

    padding-top: 60px;

    padding-bottom: 60px;

    text-align: center;

}

.client-slider.owl-carousel .owl-item img {

    width: auto;

    display: inline-block;

}

.client-slider.owl-carousel .owl-item {

    display: inline-block;

    vertical-align: middle;

    float: none;

    

}

/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 15.0 - GET IN TOUCH / CONTACT FORM

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.get-touch .section-heading {

    padding-bottom: 30px;

}

.contact-info {

    margin-bottom: 40px;

    text-align: right;

    

}

.con-text {

    margin-left: 25px;

    position: relative;

    padding-left: 10px;

    color: #11193d;

    display: inline-block;

    text-align: left;

    

}

.con-text:before {

    position: absolute;

    content:"";

    right: 100%;

    border: .5px solid #11193d;

    top: 5px;

    bottom: 5px;

}

.con-text:after {

    font-size: 20px;

    position: absolute;

    content:"\f041";

    font-family: "fontAwesome";

    padding-right: 10px;

    right: 100%;

    top: 5px;

    bottom: 5px;

}

.in-map:after {

    content: "\f041";

}

.in-envelope:after {

    content: "\f0e0";

}

.in-phone:after {

    content: "\f095";

}



.contact-info .con-align:nth-of-type(1) {

    text-align: left;

}

.contact-info .con-align:nth-of-type(3) {

    text-align: right;

    

}

/*Contact Form*/

.contact-form .form-control {

    border: 1px solid #e9e9e9;

    border-radius: 0;

}

.contact-form .has-error .form-control {

    -webkit-box-shadow: 2px 2px 5px 0 #f8b2b2;

    box-shadow: 2px 2px 5px 0 #f8b2b2;

}

.contact-form .has-error .form-control:focus {

    border: 1px solid #e9e9e9;

    -webkit-box-shadow: 2px 2px 5px 0 #f8b2b2;

    box-shadow: 2px 2px 5px 0 #f8b2b2;

}

.contact-form .form-control:focus {

    box-shadow: none;

    border: 1px solid #7bcf44;

}

.contact-form .form-group {

    margin-bottom: 30px;

}

.contact-form input,

.contact-form textarea {

    font-size: 12px;

    color: #7f7f7f;

    height: 45px;

    outline: none;

    border: 1px solid #e9e9e9;

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

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

    transition: all 0.3s ease-in-out;

}

.contact-form textarea {

    min-height: 133px;

    max-width: 100%;

    min-width: 100%;

}

.contact-form .form-btn {

    text-align: center;

}

.comment-form .form-btn {

    text-align: left;

}

.contact-form .contact-form-btn {

    padding: 10px 50px;

    border-radius: 0;

    border: 0;

    background: #bca053;

    color: #fff;

    text-transform: uppercase;

    

}

.contact-form .contact-form-btn:hover {

    background: #11193d;

}

.contact-form .contact-form-btn:focus {

    border: 0;

}

.contact-form input::-webkit-input-placeholder {

    color: #b7b7b7;

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

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

    transition: all 0.5s ease-in-out;

}

.contact-form input::-moz-placeholder {

    color: #b7b7b7;

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

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

    transition: all 0.5s ease-in-out;

}

.contact-form input:-ms-input-placeholder {

    color: #b7b7b7;

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

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

    transition: all 0.5s ease-in-out;

} 

.contact-form input:-moz-placeholder {

    color: #b7b7b7;

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

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

    transition: all 0.5s ease-in-out;

}

.contact-form textarea::-webkit-input-placeholder {

    color: #b7b7b7;

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

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

    transition: all 0.5s ease-in-out;

}

.contact-form textarea::-moz-placeholder {

    color: #b7b7b7;

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

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

    transition: all 0.5s ease-in-out;

}

.contact-form textarea:-ms-input-placeholder {

    color: #b7b7b7;

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

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

    transition: all 0.5s ease-in-out;

} 

.contact-form textarea:-moz-placeholder {

    color: #b7b7b7;

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

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

    transition: all 0.5s ease-in-out;

}



.contact-form input:focus::-webkit-input-placeholder {

    color: #bca053;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;  

}

.contact-form input:focus::-moz-placeholder {

    color: #bca053;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;  

}

.contact-form input:focus:-ms-input-placeholder {

    color: #bca053;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;  

} 

.contact-form input:focus:-moz-placeholder {

    color: #bca053;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;  

}

.contact-form textarea:focus::-webkit-input-placeholder {

    color: #bca053;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;  

}

.contact-form textarea:focus::-moz-placeholder {

    color: #bca053;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;  

}

.contact-form textarea:focus:-ms-input-placeholder {

    color: #bca053;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;  

} 

.contact-form textarea:focus:-moz-placeholder {

    color: #bca053;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;  

}

.messages .alert-success {

    background: none;

    border: 0;

}



/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 16.0 - FOOTER AND FOOTER WIDGETS

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/*Widget Title*/

.widget {

    margin-bottom: 30px;

}

.wi-title {

    margin-bottom: 30px;

}

.wi-title,

.wi-title h5 {

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

    font-size: 16px;

    color: #fff;

    text-transform: uppercase;

}

/*Widget Tags*/

.wi-tags ul li {

    display: inline-block;

    margin-right: 10px;

    margin-bottom: 10px;

}

.wi-tags ul li a {

    display: block;

    padding: 5px 15px;

    border-radius: 5px;

    background-color: #1d3f66;

    color: #fff;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    font-size: 12px;

    line-height: 21px;

}

.wi-tags ul li a:hover {

    color: #bca053;

}

/*Widget Social*/

.wi-social ul li {

    display: inline-block;

    margin-right: 10px;

    background: #1d3f66;

    border-radius: 3px;

    width: 30px;

    height: 30px;

    margin-bottom: 15px;

    text-align: center;

    position: relative;

}

.wi-social ul li a {

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    overflow: hidden;

}

.wi-social ul li a:hover {

    color: #bca053;

}

.wi-social ul li a .normal-show {

    position: absolute;

    left: 0;

    right: 0;

    top: 50%;

    bottom: 0;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.wi-social ul li a .hover-show {

    position: absolute;

    left: 0;

    right: 0;

    top: 120%;

    bottom: 0px;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.wi-social ul li a:hover i.normal-show {

    top: -50%;

}

.wi-social ul li a:hover i.hover-show {

    top: 50%;

}

/*Widget News*/

.wi-news ul li {

    margin-bottom: 30px;

    display: table;

}

.news-left {

    width: 120px;

    margin-right: 20px;

    float: left;

}

.news-left img {

    padding-top: 5px;

    display: block;

    width: 100%;

    border-radius: 7px;

}

.news-right {

    padding-left: 140px;

}

.news-right h5 {

    text-transform: uppercase;

    font-weight: 400;

}

.news-right p {

    margin: 0;

}

.posted span {

    display: inline-block;

    margin-right: 15px;

}

.posted a {

    color: #11193d;

}

.posted {

    margin-top: 5px;

}

.posted span i {

    display: inline-block;

    padding-right: 5px;

}

.posted span a:hover {

    color: #bca053;

}

.footer {

    color: #fff;

 border-top: 8px solid;

 border-color: #8c6b24;

}

.footer-main {

    padding-bottom: 20px;

}

.footer p, 

.footer a {

    color: #fff;

}

.logo .wi-title {

    margin-bottom: 30px;

}

.wi-list {

    margin-top: 30px;

}

.wi-list li {

    margin-bottom: 15px;

}

.wi-list i {

    display: inline-block;

    margin-right: 5px;

}

.wi-list a:hover {

    color: #bca053;

}

.copyright {

    text-align: center;

    padding: 20px;

background-color:#11193d;;

 border-top: 2px solid;

 border-color: #8c6b24;

font-weight: 300;

}





.copyright a:hover {

    color: #baa254;

}

/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 17.0 SIDEBAR AND SIDEBAR WIDGETS

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.wi-side  {

    border: 1px solid #bca053;

    padding: 50px 30px 30px 30px;   

    position: relative;

    border-radius: 10px;

    margin-bottom: 50px;

}

.wi-border {

    text-align: center;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

}

.wi-border h3,

.wi-border-title {

    padding: 20px;

    text-transform: uppercase;

    font-size: 18px;

    text-align: center;

    display: inline-block;

    margin: 0;

    background: #fff;

}

/*About Slider Widget*/

.wi-about {

    text-align: center;

}

.wi-about .abt-img {

    display: inline-block;

    width: 150px;

    height: 150px;

    border-radius: 100%;

}

.wi-about .abt-img img {

    border-radius: 50%;

    width: 100%;

    border: 2px solid #11193d;

}

.wi-about h4 {

    text-transform: uppercase;

    font-weight: 400;

    margin-top: 30px;

    margin-bottom: 20px;

}

.wi-about p {

    text-align: justify;



}

/* Widget Categories */

.wi-cat ul li {

    position: relative;

}

.wi-cat ul li:before {

    content: "\f0da";

    font-family: "fontAwesome";

    position: absolute;

    left: 0;



}

.wi-cat ul li {

    display: table;

    width: 100%;

}



.wi-cat ul li a {

    text-transform: uppercase;

    color: #11193d;

    display: block;

    margin-bottom: 12px;

    padding-left: 20px;

}

.wi-cat ul li a:hover {

    color: #bca053;

}

.wi-cat ul li span {

    display: table-cell;

    width: 100%;

}

.wi-cat ul li span:first-child {

    text-align: left;

}

.wi-cat ul li span:last-child {

    text-align: right;

}



/* Widget Search */

.wi-search input {

    border-radius: 0;

    height: 52px;

}

.wi-search input[type="search"] {

    border: .5px solid transparent;

    border-bottom: .5px solid #e7e7e7;

    outline: 0;

    -webkit-box-shadow: none;

            box-shadow: none;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}

.wi-search input[type="search"]:focus {

    border: .5px solid #bca053;

}

.wi-search .search-btn {

    position: relative;

}

.wi-search .search-btn:before {

    content: "\f002";

    font-family: "fontAwesome";

    position: absolute;

    color: #fff;

    font-size: 18px;

    top: 50%;

    left: 50%;

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

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

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

}



/* Recent Post */

.wi-recent ul li {

    position: relative;

}

.wi-recent ul li:before {

    content: "\f0da";

    font-family: "fontAwesome";

    position: absolute;

    left: 0;



}

.wi-recent ul li a {

      color: #11193d;

    display: block;

    margin-bottom: 12px;

    padding-left: 20px;

}

.wi-recent ul li a:hover {

    color: #bca053;

}



/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 18.0 - BLOG PAGE

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.blog-content {

    padding-right: 50px;

    margin-bottom: 50px;

}

.blog-feature {

    position: relative;

    overflow: hidden;

}

.blog-share {

    position: absolute;

    top: 100px;

    left: 0;

    width: 50px;

    background-color: #bca053;

    padding-top: 5px;

    padding-bottom: 5px;

}

.blog-share a {

    display: block;

    text-align: center; 

    font-size: 18px;

    padding-top: 10px;

    padding-bottom: 10px;

    color: #fff;

}

.blog-share a:hover {

    color: #11193d;

}

.posted-by {

    position: absolute;

    bottom: 0;

    left: 100px;

    right: 100px;

    background: #fff;

}

.posted-details {

    display: table;

    width: 100%;

    padding-left: 50px;

    padding-right: 50px;

}

.blog-no-sidebar .posted-by {

    left: 50px;

    right: 50px;

}

.blog-no-sidebar .posted-details {

    padding-left: 20px;

    padding-right: 20px;

}

.posted-details a {

    color: #7f7f7f;

}

.posted-details a:hover {

    color: #bca053;

}

.posted-left,

.posted-right {

    padding: 20px;

    display: table-cell;

    

}

.posted-left {

    width: 75%;

}

.posted-right {

    width: 25%;

    text-align: right;

}

.post-title,

.post-title h3 {

    margin-top: 30px;

    margin-bottom: 30px;

    line-height: 30px;

    text-transform: uppercase;

    color: #11193d;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    

}

.post-title h3:hover {

    color: #bca053;

}

.read-more {

    text-align: right;

    margin-top: 10px;

}

.read-more,

.read-more a {

    text-align: right;

    text-transform: uppercase;

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

    font-weight: 400;

    color: #11193d;

}

.read-more a:hover {

    color: #bca053;

}



/*Pagination*/

.blog-pagination {

    display: table;

    margin: auto;

    margin-bottom: 50px;

}

.pagination>li {

    display: inline-block;
    background: #f2f2f2;
    margin-left: -4px;
}

.pagination >.pagi-prev {
    margin-right: 9px;
    text-transform: uppercase;
    padding-right: 30px;
    padding-left: 15px;
    position: relative;
}

.pagination >.pagi-next {
    margin-left: 5px;
    text-transform: uppercase;
    padding-left: 30px;
    padding-right: 15px;
    position: relative;
}

.pagination >.pagi-prev:before,
.pagination >.pagi-next:after {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    right: 100%;
    bottom: 0;
    border-top: 25px solid #f2f2f2;
    border-bottom: 25px solid #f2f2f2;
    border-left: 30px solid transparent;
}

.pagination >.pagi-next:after {
    right: -30px;
    left: 100%;
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}

.pagination>li>a:focus, 

.pagination>li>a:hover, 

.pagination>li>span:focus, 

.pagination>li>span:hover {
background: none;
 color: #bca053;
}
.pagination>.active>a, 
.pagination>.active>a:focus, 

.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
    background: #11193d;
    color: #bca053;
}

.pagination>li>a, 
.pagination>li>span {
    border: 0;
    background: none;
    padding: 15px;
    color: #11193d;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
}

.pagination li span + span i {
    font-size: 18px;
    font-weight: 700;
}

/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 19.0 - SINGLE / DETAILS PAGE

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.comments-section {

    padding-right: 50px;

    margin-bottom: 50px;

}

.admin {

    border-top: 1px solid #e7e7e7;

    padding-top: 30px;

}

.admin-img {

    width: 120px;

    max-width: 120px;

    float: left;

}

.admin-img img {

    display: block;

    width: 100%;

}

.admin-content {

    padding-left: 150px;

}

.admin-content h3 {

    margin-top: 0;

    color: #bca053;

    text-transform: uppercase;

}

.admin-content h3:hover {

    text-decoration: underline;

}

.media-all {

    padding-left: 100px;

}

.comment-title {

    padding-top: 30px;

    padding-bottom: 15px;

}

.comment-title,

.comment-title h3 {

    text-transform: uppercase;

}

.comment-title p {

    text-transform: initial;

}

.media {

    border: 1px solid #e7e7e7;

    padding: 30px;

    margin-bottom: 30px;

}

.media-left {

    width: 100px;

    height: 100px;

    display: block;

    float: left;

}

.media-left img {

    display: block;

    width: 100%;

}

.media-body {

    padding-left: 10px;

}

.media-heading 

.media-heading h4 {

    font-weight: 400;

}

.media-heading a {

    color: #11193d;

    font-weight: 400;

}

.media-heading a:hover {

    color: #bca053;

}

.media-heading,

.comment-reply {

    display: table-cell;

    width: 100%;

}

.comment-reply {

    text-align: right;

}

.comment-reply a {

    font-size: 18px;

    color: #bca053;

    text-decoration: underline;

    

}

.media .media {

    padding: 0;

    padding-left: 100px;

    border: 0;

}





/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 20.0 - CONTACT US PAGE

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.contact-us .form-btn {

    position: static;

    text-align: left;

}

.contact-us input,

.contact-us textarea {

    border: 1px solid #e7e7e7;

}

.contact-list {

    margin-top: 30px;

    margin-bottom: 30px;

}

.contact-list li {

    margin-bottom: 10px;

}

.contact-list i {

    display: inline-block;

    margin-right: 10px;

    color: #11193d;

    padding: 7px;

    border-radius: 3px;

    text-align: center;

}

.contact-list a {

    color: #11193d;

}

.contact-list a:hover {

    color: #bca053;

}

.contact-social ul li {

    display: inline-block;

    margin-right: 10px;

    background: #11193d;

    border-radius: 3px;

    width: 55px;

    height: 55px;

    margin-bottom: 15px;

    text-align: center;

    position: relative;

    border-radius: 50%;

}

.contact-social ul li a {

    display: block;

    margin-top: 5px;

    font-size: 20px;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    overflow: hidden;

    color: #fff;

}

.contact-social ul li a:hover {

    color: #bca053;

}

.contact-social ul li a .normal-show {

    position: absolute;

    left: 0;

    right: 0;

    top: 50%;

    bottom: 0;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.contact-social ul li a .hover-show {

    position: absolute;

    left: 0;

    right: 0;

    top: 120%;

    bottom: 0px;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.contact-social ul li a:hover i.normal-show {

    top: -50%;

}

.contact-social ul li a:hover i.hover-show {

    top: 50%;

}



/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 21.0 - OUR TEAM AREA                                                   

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.team-each {

    border: 1px solid #e7e7e7;

    padding: 30px;

    margin-bottom: 30px;

}

.team-member {

    text-align: center;

    position: relative;

    background-size: cover;

    margin-bottom: 30px;

}

.team-member img {

    display: block;

    width: 100%;

}



.member-name {

    text-align: center;
  font size:12px;
    

}



.member-name .role{

font size:12px;

}

.team-member .member-hover {

    content: "";

    position: absolute;

    z-index: 1;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: rgba(17, 25, 61,.8);

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

.team-member:hover .member-hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    z-index: 20;

}

.team-member .cbiz-btn {

    min-width: 180px;

    position: absolute;

    top: 50%;

    left: 50%;

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

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

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

}

.member-info .cbiz-btn {

    background: none;

    border: 1px solid #fff;

    color: #fff;

    display: table;

}

.team-member .cbiz-btn:hover {

    background: #bca053;

    border: 1px solid #bca053;

}

.member-social {

    position: absolute;

    bottom: 30px;

    display: table;

    width: 100%;

    margin: auto;

}



.member-social {

    margin-top: 50px;



}

.member-social ul {

    display: table;

    margin: auto;

}

.member-social ul li {

    float: left;

}

.member-social ul li a {

    font-size: 16px;

    color: #bca053;

    display: inline-block;

    position: relative;

    width: 30px;

    height: 30px;

    margin-left: 4px;

    margin-right: 4px;

    border: 1px solid #fff;

    border-radius: 100%;   

}

.member-social ul li a:hover {

    background-color: #bca053;

    color: #fff;

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

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

    transition: all 0.2s ease-in-out;

}

.member-social ul li a i {

    position: absolute;

    left: 0;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

 }

.member-content {

    text-align: center;

    margin-top: 20px;

}





/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 22.0 - ABOUT PAGE                                                   

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.about-page .team-each {

    padding: 0;

    padding-bottom: 10px;

    border: 0;

}

.about-page h4 {

    text-transform: uppercase;

    line-height: 24px;

}



.about-overview {

    position: relative;

}

.about-text {

    padding-right: 60px;

    margin-bottom: 30px;

}

.about-overview-img  {

    position: absolute;

    left: 50%;

    right: 0;

    top: 0;

    bottom: 0;

    background-image: url(../images/services/abt.jpg);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}



/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 23.0 - CUSTOMER REVIE SLIDER                                                  

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.customer-review {

    color: #fff;

}

.review-item {

    display: table;

    width: 100%;

}

.review-item p {

    color: #fff;

}

.review-title,

.review-img,

.review-text {

    display: table-cell;

    vertical-align: top;

}

.review-title {

    padding-right: 100px;

    text-transform: uppercase;

}

.review-img {

    width: 100px;

    height: 100px;

    border-radius: 50%;

    vertical-align: middle;

}

.review-img img {

    margin-top: 15px;

    width: 100%;

    display: block;

    border-radius: 50%;

}

.review-text {

    padding-left: 100px;

}

.review-text h5 {

    text-transform: uppercase;

    margin-top: 20px;

}

.review-text p {

    color: #fff;

    margin-top: 0;

}

.review-slider .owl-nav {

    position: absolute;

    bottom: 0;

    right: 0;

}

.review-slider .owl-nav [class*=owl-] {

    background: none;

    font-size: 20px;

    margin: 0;

}

.review-slider .owl-nav [class*=owl-]:hover {

    background: none;

    color: #bca053;

}

/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 24.0 - IDEA AREA                                                   

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.ideas {

    text-align: center;

    color: #fff;

    background-image: none;

}

.ideas.cbiz-bg:after {

      background-color: #11193d;

}

.ideas .service-content p,

.ideas .service-content h4,

.ideas .service-content a {

    color: #fff;

}

.ideas .service-content h4 {

    margin-top: 20px;

    margin-bottom: 20px;

}

.ideas [class^="flaticon-"]:before, 

.ideas [class*=" flaticon-"]:before, 

.ideas [class^="flaticon-"]:after, 

.ideas [class*=" flaticon-"]:after,

.ideas i {

    color: #fff;

    font-size: 50px;

    display: inline-block;

    color: #fff;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    

}

.ideas .service-box:hover [class^="flaticon-"]:before, 

.ideas .service-box:hover [class*=" flaticon-"]:before, 

.ideas .service-box:hover [class^="flaticon-"]:after, 

.ideas .service-box:hover [class*=" flaticon-"]:after {

    color: #bca053;

}

.ideas .service-box {

    padding-bottom: 40px;

    padding-top: 40px;

    margin-bottom: 0;

}

.ideas .service-box:nth-of-type(2) {

    background-color: #1d3f66;

}

.ideas .service-icon .flaticon-png {

    width: 50px;

    display: inline-block;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}





/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 25.0 - SKILL AREA                                                   

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.skill-info h3 {

    text-transform: uppercase;

}

.skill-progress {

    margin-top: 50px;

}

.skill-progress h5 {

    text-transform: uppercase;

    margin-bottom: 20px;

    

}

.prog-item {

    margin-bottom: 50px;

}

.progressbar {

    width: 100%;

    margin-top: 5px;

    margin-bottom: 35px;

    position: relative;

    background-color: #EEE;

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

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

    background: url(../images/prog.png);

}

.proggress {

    height: 8px;

    width: 10px;

    position: relative;

    overflow: visible !important;

}

.percentCount {

    width: 38px;

    float: right;

    position: absolute;

    right: 0;

    top: -41px;

    height: 53px;

    background-repeat: no-repeat;

    text-align: center;

    font-size: 10px;

    padding-top: 4px;

    color: #fff;

    -webkit-transform: translateX(17px);

        -ms-transform: translateX(17px);

            transform: translateX(17px);

    top: -47px;

}

.prog-web .percentCount {

    background: url(../images/icons/prog1.png);  

    background-repeat: no-repeat;

}

.prog-graphic .percentCount {

    background: url(../images/icons/prog2.png);  

    background-repeat: no-repeat;

}



.prog-writing .percentCount {

    background: url(../images/icons/prog3.png);  

    background-repeat: no-repeat;

}



.prog-html .percentCount {

    background: url(../images/icons/prog4.png);  

    background-repeat: no-repeat;

}





/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 26.0 - SERVICES AREA

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.our-service .single-services {

    background: #fff;

    padding: 30px 20px 30px 72px;

    position: relative;

    margin-top: 15px;

    text-align: left;

    overflow: hidden;

}

.our-service .single-services:before{

    position:absolute;

    left:0;

    top:0;

    content:"";

    width:0%;

    height:1px;

    -webkit-transition:all 0.4s ease;

    -o-transition:all 0.4s ease;

    transition:all 0.4s ease;

    background: #bca053;

}

.our-service .single-services:hover:before{

    width:100%;

}

.our-service [class^="flaticon-"]:before, 

.our-service [class*=" flaticon-"]:before, 

.our-service [class^="flaticon-"]:after, 

.our-service [class*=" flaticon-"]:after {

    font-size: 36px;

    display: inline-block;

    margin-top: 5px;

}



.our-service .single-services .icon i,

.our-service .single-services .icon img {

    font-size: 40px;

    position: absolute;

    left: 20px;

    text-align: center;

    display: inline-block;

    border: 1px solid transparent;

    top: 48px;

    -webkit-transition:all 0.4s ease;

    -o-transition:all 0.4s ease;

    transition:all 0.4s ease;

    color: #bca053;

}

.our-service .single-services .icon img {

    width: 50px;

    left: 10px;

}

.our-service .single-services:hover .icon i,

.our-service .single-services:hover .icon img {

    -webkit-transform:translateX(-200%);

    -ms-transform:translateX(-200%);

        transform:translateX(-200%);

}

.our-service .single-services .icon.two i,

.our-service .single-services .icon.two img{

    opacity:0;

    -webkit-transform:scale(0.5);

    -ms-transform:scale(0.5);

        transform:scale(0.5);

    -webkit-transition:all 0.4s ease;

    -o-transition:all 0.4s ease;

    transition:all 0.4s ease;

}

.our-service .single-services:hover .icon.two i,

.our-service .single-services:hover .icon.two img {

    -webkit-transform:scale(1.0);

    -ms-transform:scale(1.0);

        transform:scale(1.0);

    opacity:1;

}

.our-service .single-services h4 {

    text-transform: uppercase;

    

}

.our-service .single-services h4 a{

    color:#11193d;

}



.service {

    text-align: center;

    position: relative;



}

/*If you want to use flat icon then use*/

.service [class^="flaticon-"]:before, 

.service [class*=" flaticon-"]:before, 

.service [class^="flaticon-"]:after, 

.service [class*=" flaticon-"]:after {

    font-size: 50px;

    display: inline-block;

}

.service-box {

    margin-bottom: 50px;

}

.icon-large {

    font-size: 42px;

    color: #666;

    transition: all 0.4s ease-in-out;

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

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

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

}

.icon-large {

    text-shadow: 0 0 0 #ee3733;

}

.icon-large:hover, 

.service-box:hover .icon-large {

    text-shadow: 5px 5px 2px rgba(255,255,255,0);

}

.service-content h4 {

    font-size: 18px;

    color: #11193d;

    text-transform: capitalize;

    margin-top: 15px;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    

}

.service-box:hover .service-content h4 {

    color: #bca053;

}

.service-content {

    padding-left: 30px;

    padding-right: 30px;

}

.service-box .flaticon-img {

    -webkit-transform: scale(1);

        -ms-transform: scale(1);

            transform: scale(1);

    -webkit-backface-visibility: hidden;

            backface-visibility: hidden;

}

.service-box:hover .flaticon-img {

    -webkit-transform: scale(1.08);

        -ms-transform: scale(1.08);

            transform: scale(1.08);

}

/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 27.0 - GOOGLE MAP                                                   

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.gmap-container {

    position: relative;

    padding-top: 35%;

}

.gmap {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

}



/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 28.0 - ERROR PAGE / 404                                                   

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.error-page {

    text-align: center;

}

.error-page .error-inner {

    display: inline-block;

    margin-bottom: 50px;

}

.error-page .error-inner h1 {

    font-size: 150px;

    color: #ee3733;

}

.error-page .error-inner h1 span {

    display: block;

    font-size: 50px;

    color: #11193d;

}

.error-page .error-inner p {

    padding: 20px 15px;

}

.error-page .error-inner .btn {

    background: #11193d;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    border-radius: 0;

    padding: 15px 30px;

}

.error-page .error-inner .btn:hover {

    background: #bca053;

}

.error-page .error-inner .btn i{

    margin-right:10px;

}



/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 29.0 - BACK TO TOP                                                 

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.back-to-top {

    display: none;

    position: fixed;

    bottom: 18px;

    right: 15px;

    z-index: 100;

}

.back-to-top i {

    display: block;

    width: 36px;

    height: 36px;

    line-height: 36px;

    color: #fff;

    border-radius: 2px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -o-border-radius: 2px;

    text-align: center;

    background-color: #5f5f5f;

    transition: all 0.2s ease-in-out;

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

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

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

}

.back-to-top i:hover {

    background-color: #bca053;

}







table {

  border: 1px solid #FFFFFF;

  width: 350px;

  height: 200px;

  text-align: center;

  border-collapse: collapse;

width:100%;

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

}

td, th {

  border: 1px solid #FFFFFF;

  padding: 3px 2px;

text-align:center;

}

tbody td {

  font-size: 13px;

}

tr:nth-child(even) {

  background: #D0E4F5;

}

thead {

  background: #0B6FA4;

  border-bottom: 5px solid #FFFFFF;

}

thead th {

  font-size: 17px;

  font-weight: bold;

  color: #FFFFFF;

  text-align: center;

  border-left: 2px solid #FFFFFF;

}

thead th:first-child {

  border-left: none;

}



tfoot {

  font-size: 14px;

  font-weight: bold;

  color: #333333;

  background: #D0E4F5;

  border-top: 3px solid #444444;

}

tfoot td {

  font-size: 14px;

}

  .devider{
background: #FFFFFF!important;	
	}

.goldheader {



  background: -webkit-linear-gradient(#c4a95d, #8c6b24);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}





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

 *	+ ACCORDION

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

	

	.panel {

		background-color: transparent;

		box-shadow: none;

	}

	

	.panel-heading {

		padding: 10;

		border: none;

		border-radius: 0;

		background-color: transparent;

		-webkit-transform: translateZ(0);

			-ms-transform: translateZ(0);

				transform: translateZ(0);

		-webkit-transition: all 0.3s;

				transition: all 0.3s;

	}

	

	.panel-title a,

	.panel-title a:focus {

		position: relative;

		display: block;

		padding: 19px 23px 19px 10px;

		margin-bottom: 10px;

		background-color: #13183c;

		color: #fff!important;

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

		font-weight: 600;

		text-decoration: none;

		-webkit-transition: all 0.3s;

				transition: all 0.3s;

	}



.panel-title .span{

background: -webkit-linear-gradient(#c4a95d, #8c6b24);

}

	

	.panel-title a:before {

		position: absolute;

		top: 50%;

		right: 20px;

		content: "+";

		-webkit-transform: translateY(-50%);

			-ms-transform: translateY(-50%);

				transform: translateY(-50%);

		-webkit-transition: all 0.3s;

				transition: all 0.3s;

		color: #fff!important;

font-size:36px;

	}

	

	.panel-title a:hover,

	.panel-title a[aria-expanded="true"] {

		background: -webkit-linear-gradient(#c4a95d, #8c6b24);

		color: #fff;

	}

	

	.panel-title a[aria-expanded="true"]:before {

		content: "-";

	}

	

	.panel-group .panel + .panel {

		margin-top: 0;

	}

	

	.panel-group .panel-heading + .panel-collapse > .list-group, 

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

		padding: 20px 25px 30px;

		border: none;

	}

	

	.panel-body > *:last-child {

		margin-bottom: 0;

	}



	.panel-body dates{



   float:right;

font-size:12px;

}





hr.gold-double {

    overflow: visible; /* For IE */

    padding: 0;

    border: none;

    border-top: medium double #bca053;

    color: #bca053;

    text-align: center;

}

hr.gold-double:after {

    font-family: "FontAwesome";

    content: "\f111";

    display: inline-block;

    position: relative;

    top: -0.7em;

    font-size: 1.5em;

    padding: 0 0.25em;

    background: white;

}





a.bfbutton{
 display:inline-block;
 padding:0.35em 1.2em;
 border:0.1em solid #FFFFFF;
 background-color:#11193d;
 margin:0 0.3em 0.3em 0;
 border-radius:0.12em;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 font-weight:300;
 color:#FFFFFF;
 text-align:center;
 transition: all 0.2s;
}
a.bfbutton:hover{
 color:#000000;
 background-color:#bca053;
}
@media all and (max-width:30em){
 a.bfbutton{
  display:block;
  margin:0.4em auto;
 }
}

a.bfmensbutton{
 display:inline-block;
 padding:0.35em 1.2em;
 border:0.1em solid #FFFFFF;
 background-color:#3b5293;
 margin:0 0.3em 0.3em 0;
 border-radius:0.12em;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 font-weight:300;
 color:#FFFFFF;
 text-align:center;
 transition: all 0.2s;
}
a.bfmensbutton:hover{
 color:#000000;
 background-color:#bca053;
}
@media all and (max-width:30em){
 a.bfmensbutton{
  display:block;
  margin:0.4em auto;
 }
}
a.bfgeneralbutton{
 display:inline-block;
 padding:0.35em 1.2em;
 border:0.1em solid #FFFFFF;
 background-color:#11193d;
 margin:0 0.3em 0.3em 0;
 border-radius:0.12em;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 font-weight:300;
 color:#FFFFFF;
 text-align:center;
 transition: all 0.2s;
}
a.bfgeneralbutton:hover{
 color:#000000;
 background-color:#bca053;
}
@media all and (max-width:30em){
 a.bfgeneralbutton{
  display:block;
  margin:0.4em auto;
 }
}

a.bfseniorsbutton{
 display:inline-block;
 padding:0.35em 1.2em;
 border:0.1em solid #FFFFFF;
 background-color:#1a203b;
 margin:0 0.3em 0.3em 0;
 border-radius:0.12em;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 font-weight:300;
 color:#FFFFFF;
 text-align:center;
 transition: all 0.2s;
}
a.bfseniorsbutton:hover{
 color:#000000;
 background-color:#bca053;
}
@media all and (max-width:30em){
 a.bfseniorsbutton{
  display:block;
  margin:0.4em auto;
 }
}

a.bfladiesbutton{
 display:inline-block;
 padding:0.35em 1.2em;
 border:0.1em solid #FFFFFF;
 background-color:#607bc5;
 margin:0 0.3em 0.3em 0;
 border-radius:0.12em;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 font-weight:300;
 color:#FFFFFF;
 text-align:center;
 transition: all 0.2s;
}
a.bfladiesbutton:hover{
 color:#000000;
 background-color:#bca053;
}
@media all and (max-width:30em){
 a.bfladiesbutton{
  display:block;
  margin:0.4em auto;
 }
}

a.bfjuniorsbutton{
 display:inline-block;
 padding:0.35em 1.2em;
 border:0.1em solid #FFFFFF;
 background-color:#82A3FF;
 margin:0 0.3em 0.3em 0;
 border-radius:0.12em;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 font-weight:300;
 color:#FFFFFF;
 text-align:center;
 transition: all 0.2s;
}
a.bfjuniorsbutton:hover{
 color:#000000;
 background-color:#bca053;
}
@media all and (max-width:30em){
 a.bfjuniorsbutton{
  display:block;
  margin:0.4em auto;
 }
}

.centered{
text-align:center;
}

/*

// #Icon Box

// --------------------------------------------------

*/

.icon-box {

  position: relative;

  margin-bottom: 30px;

}

.icon-box .icon {

  float: left;

  width: 60px;

  height: 60px;

  line-height: 60px;

  margin-right: 30px;

  font-size: 28px;

  text-align: center;

  color: #11193d;

  position: relative;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.icon-box .icon:before {

  content: "";

  display: block;

  position: absolute;

  width: 100%;

  height: 100%;

  z-index: 2;

  background: #f2f2f2;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.icon-box .icon:after {

  content: "";

  display: block;

  position: absolute;

  left: -3px;

  top: -3px;

  bottom: -3px;

  right: -3px;

  z-index: 1;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.icon-box .icon i {

  position: relative;

  z-index: 2;

  margin: -2px 0 0 2px;

}

.icon-box .icon .entypo {

  font-size: 30px;

  display: block;

  text-align: center;

}

.icon-box .icon .bg-icon {

  display: none;

}

@media (min-width: 992px) {

  .icon-box .icon .bg-icon {

    display: block;

    position: absolute;

    left: 30px;

    top: 0;

    font-size: 140px;

    color: #f7f7f7;

    z-index: -1;

  }

}

.icon-box .icon-box-body {

  overflow: hidden;

  position: relative;

  z-index: 2;

}

.icon-box .icon-box-body h3,

.icon-box .icon-box-body h4 {

  padding-top: 6px;

  margin-bottom: .75em;

}

.icon-box.circled .icon {

  color: #11193d;

  border-radius: 50%;

}

.icon-box.circled .icon:before {

  background: #fff;

  border-radius: 50%;

}

.icon-box.circled .icon:after {

  border-radius: 50%;

  background: #11193d;

}

.icon-box.squared .icon {

  color: #fff;

}

.icon-box.squared .icon:before {

  background-color: #11193d;

}

.icon-box.squared .icon:after {

  background: #ebebeb;

}

.icon-box.bordered .icon {

  color: #11193d;

}

.icon-box.bordered .icon:before {

  background: #fff;

}

.icon-box.bordered .icon:after {

  background: #11193d;

}

.icon-box.centered {

  text-align: left;

}

@media (min-width: 992px) {

  .icon-box.centered {

    text-align: center;

  }

}

.icon-box.centered .icon {

  margin: 0 30px 20px 0;

}

@media (min-width: 992px) {

  .icon-box.centered .icon {

    float: none;

    margin: 0 auto 25px auto;

  }

}

.icon-box.boxed {

  border: 1px solid #dcdcdc;

  background: #fff;

  -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);

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

  padding: 20px;

}

@media (min-width: 992px) {

  .icon-box.boxed {

    padding: 40px;

  }

}

.icon-box.boxed .icon:after {

  left: -6px;

  right: -6px;

  top: -6px;

  bottom: -6px;

}

@media (min-width: 992px) {

  .icon-box.boxed .icon {

    width: 100px;

    height: 100px;

    font-size: 42px;

    line-height: 100px;

  }

}

.no-touch .icon-box.icon-box-animated .icon:after {

  -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;

  -moz-transition: -moz-transform 0.2s, opacity 0.3s;

  transition: transform 0.2s, opacity 0.3s;

}

.no-touch .icon-box.icon-box-animated .icon:hover {

  color: #fff;

}

.no-touch .icon-box.icon-box-animated .icon:hover:before {

  background-color: #11193d;

}

.no-touch .icon-box.icon-box-animated .icon:hover:after {

  -webkit-transform: scale(1.3, 1.3);

  -ms-transform: scale(1.3, 1.3);

  transform: scale(1.3, 1.3);

  opacity: 0;

  filter: alpha(opacity=0);

}

.icon-box.icon-box-animated-inverse .icon {

  color: #fff;

}

.icon-box.icon-box-animated-inverse .icon:before {

  background: #11193d;

}

.no-touch .icon-box.icon-box-animated-inverse .icon:after {

  -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;

  -moz-transition: -moz-transform 0.2s, opacity 0.3s;

  transition: transform 0.2s, opacity 0.3s;

}

.no-touch .icon-box.icon-box-animated-inverse .icon:hover {

  color: #11193d;

}

.no-touch .icon-box.icon-box-animated-inverse .icon:hover:before {

  background-color: #bca053;

  -webkit-box-shadow: 0 0 0 3px #11193d;

  box-shadow: 0 0 0 3px #bca053;

}

.no-touch .icon-box.icon-box-animated-inverse .icon:hover:after {

  -webkit-transform: scale(1.3, 1.3);

  -ms-transform: scale(1.3, 1.3);

  transform: scale(1.3, 1.3);

  opacity: 0;

  filter: alpha(opacity=0);

}

.icon-box.sm .icon {

  width: 42px;

  height: 42px;

  line-height: 42px;

  font-size: 20px;

  margin-right: 20px;

}

.icon-box.sm .icon:after {

  left: -2px;

  right: -2px;

  top: -2px;

  bottom: -2px;

}

.icon-box.lg .icon {

  width: 100px;

  height: 100px;

  line-height: 92px;

  font-size: 42px;

  border: 2px solid #11193d;

}

.icon-box.lg .icon:after {

  left: -2px;

  right: -2px;

  top: -2px;

  bottom: -2px;

}

.icon-box.lg .icon .entypo {

  font-size: 42px;

  margin: 0;

}

.icon-box.filled .icon {

  color: #bca053;

  background: #11193d;

  overflow: hidden;

  -webkit-mask-image: -webkit-radial-gradient(#ffffff, #000000);

}

.icon-box.filled .icon:before {

  background: #11193d;

}

.icon-box.filled .icon:after {

  width: 50px;

  left: 50%;

  top: 0;

  bottom: 0;

  border-radius: 0;

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

  z-index: 2;

  border-radius: 0 50% 50% 0;

}

.icon-box.filled .icon i {

  z-index: 3;

}

.icon-box.filled.icon-box-animated-inverse .icon:hover:after {

  -webkit-transform: translate(100%, 0);

  -ms-transform: translate(100%, 0);

  transform: translate(100%, 0);

  opacity: 1;

  filter: alpha(opacity=100);

}



.imagedropshadow {

    padding: 5px;

    border: solid 1px #EFEFEF;

text-align:center;

}















.icon-bar {

  width: 100%;

  background-color: #11193d;

  overflow: auto;

border-top: 4px solid #bca053;

border-bottom: 4px solid #bca053;

display: none;

}



.icon-bar a {

  float: left;

  width: 14%;

  text-align: center;

  padding: 5px 0;

  transition: all 0.3s ease;

  color: white;

  font-size: 28px;

}



.icon-bar a:hover {

  background-color: #bca053;

}



.icon-bar .active {

  background-color: #bca053;

}





  /* Smartphone Portrait and Landscape */ 

@media screen and (max-width: 667px) { 

      .icon-bar {display: block;}

  }

table.interclub {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.interclub td, table.interclub th {
  border: 1px solid #1A203B;
  padding: 2px 2px;
}
table.interclub tbody td {
  font-size: 13px;
}
table.interclub tr:nth-child(even) {
  background: #D0E4F5;
}
table.interclub thead {
  background: #1A203B;
  border-bottom: 5px solid #FFFFFF;
}
table.interclub thead th {
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #1A203B;
}
table.interclub thead th:first-child {
  border-left: none;
}

table.interclub tfoot {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  background: #D0E4F5;
  border-top: 3px solid #444444;
}
table.interclub tfoot td {
  font-size: 14px;
}
table.interclub tfoot .links {
  text-align: right;
}
table.interclub tfoot .links a{
  display: inline-block;
  background: #1A203B;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

.clearfix{
clear:both;
}

.articlebox{
margin-bottom:40px;
border: 1px solid #dddddd;
padding:20px;
}

.news-text h4{
margin-top:10px;
}

.articlebox .news-text{
padding:20px;
}

.articlebox .news-details{
font-size:80%;
}
.articlebox .news-image{
width:100%;
padding-top:20px;
padding-bottom:20px;
float:left;
padding:10px;
}
.articlebox .news-link{
padding:10px;
float:right;
}

.mobile-articlebox{
margin-bottom:10px;
border: 1px solid #dddddd;
padding:10px;
}


@media only screen and (max-width:768px) {
  .hidden-mobile {
    display: none;
  }
h1, h1 {
    font-size: 28px;
}
}
@media only screen and (max-width:768px) {
  .articlebox {
margin-bottom:10px;
border: 1px solid #dddddd;
padding:10px
  }
}


#newscarousel.item img{
    display: block;
    width: 100%;
    height: auto;
}

.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 5px 7px;
    background: #bca053;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
  .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #1a203b;
}

.dtx-section{
margin-top:20px;
margin-bottom:20px;
}
/* ----------------------------------------------------------------
	Buttons
-----------------------------------------------------------------*/

.BF_footer{
padding:50px;
background-color:#eeeeee; 
background-image: url("../../../images/header.png");
 border-top: 4px solid;
 border-color: #8c6b24;

}

.page-head-juniors .stinger{
  float:right;
}
.page-head-juniors .stinger img{
  float:right;
}

.page-head-ladies .stinger{
  float:right;
}
.page-head-ladies.stinger img{
  float:right;
}
.page-head-mens .stinger{
  float:right;
}
.page-head-seniors .stinger{
  float:right;
}
.page-head-mens .stinger img{
  float:right;
}
.page-head-general .stinger{
  float:right;
}
.page-head-general .stinger img{
  float:right;
}
.page-head-mixed .stinger{
  float:right;
}
.page-head-mixed .stinger img{
  float:right;
}

.dtxspacer{
minimum-height:30px;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
margin-bottom:50px;
margin-bottom:50px;
margin-left:100px;
margin-right:100px;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.nilresult{
		padding: 25px 15px 25px;
		margin-bottom: 50px;
 		background-color: rgba(131, 131, 131, 0.2) ;
		color: #838383;
		text-align: center;
margin-bottom:200px;
 margin-top:200px;
	}
.nilresult p{
color:#071959;
font-weight:bold;
}