/*

The colors that were used

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

Content: #7f7f7f

Heading: #3e1549;

Bacground: #26476c

Anchor : #3e1549;

Yellow Type Color / Hover Color: #bca053

rgba(61, 20, 74, 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: #7f7f7f;

}



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

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

}

h1 {

    color: #bca053;

}

h2 {

    color: #bca053;

}

h3 {

    font-size: 24px;

    color: #bca053;

    font-weight: 700;

}

h4 {

    font-size: 18px;

    color: #bca053;

    font-weight: 700;

}

img {

    max-width: 100%;

    height: auto;

}



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: #3e1549;
	text-decoration: underline;
}



a:hover {

    color: #bca053;

}



a, a:hover, a:focus {

    text-decoration: none;

}

p {

    color: #7f7f7f;

    font-size: 16px;

    line-height: 28px;

    margin-top: 12px;

}

.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;

}

/*

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

|| 02.0 - COMMON CSS

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

.padding-0 {

    padding: 0;

}

.pos-static {

    position: static;

}

.cbiz-btn {

    background-color: #3e1549;

    padding: 15px 40px;

    display: inline-block;

    color: #fff;

    font-size: 14px;

    text-transform: uppercase;

    border: 2px solid transparent;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}

.cbiz-btn:hover {

    border: 2px solid #3e1549;

    background: #bca053;

    color: #fff;

}

.cbiz-btn:focus {

    color: #fff;

    text-decoration: none;

    

}

.cbiz-btn-border {

    display: inline-block;

    border: 2px solid #3e1549;

    background: none;

}

.cbiz-btn-border:hover {

    background-color: #bca053;

}

.section {

    padding-top: 40px;

    padding-bottom: 30px;

}

.section-heading {

    text-align: center;

    padding-bottom: 20px;

}

.section-heading .title,

.section-heading .title h2 {

    font-size: 36px;

    text-transform: capitalize;

    color: #3e1549;

    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: 237px;

    padding-bottom: 0px;

}

.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: #3e1549;

}

.comm-title,

.comm-title h3 {

    font-size: 24px;

    font-weight: 700;

    color: #3e1549;

    text-transform: uppercase;

}

.comm-title {

    margin-bottom: 30px;

}

.border-in {

    border: 1px solid #e7e7e7;

    padding: 30px;

}

/*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(61, 20, 74, 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/bg/footer.png");

}

.footer-main.cbiz-bg:after {

    background-color: rgba(61, 20, 74, 0.90);

}

/*Page Header Background*/

.page-bg {

    background-color: #202020;

    background-image: url("../images/bg/abt-bg.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: #3e1549;

    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: #3e1549;

}

.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: #3d144a;

}



/*

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

|| 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: #3e1549;

}

.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(61, 20, 74, .5);

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 5;

}

.main-slider .item .slider-content {

  z-index: 0;

  opacity: 1.0;

  -webkit-transition: opacity 500ms;

  -o-transition: opacity 500ms;

  transition: opacity 500ms;

}

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

  z-index: 100;

  opacity: 1.0;

  -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: 42px;

    font-weight: 700;

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

    color: #fff;

}

.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.0;

    filter: alpha(opacity=1.0);

    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(61, 20, 74, .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,

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

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

  opacity: 1.0;

}

.main-slider .carousel-inner .active,

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

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

  opacity: 1.0;

}

.main-slider .carousel-inner .next,

.main-slider .carousel-inner .prev,

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

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

  left: 1.0;

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

          transform: translate3d(0, 0, 0);

}

/*

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

|| 06.0 - OUR GOAL 

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

.our-goal {

    background-color: #3e1549;

    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(61, 20, 74, .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: #3e1549;

    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(61, 20, 74, .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: #3e1549;

}

.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: #3e1549;

}



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

 || 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: #3e1549;

    padding: 60px;

    padding-bottom: 40px;

    padding-right: 15px;

    position: relative;

    z-index: 0;

    

}

.cele-list:after {

    background: #3e1549;

    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: #3e1549;

}

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

    color: #7f7f7f;

}

.get-us {

    background: #3e1549;

    padding: 30px 15px 30px 40px;

    position: relative;

    z-index: 0;

}

.get-us:after {

    background: #3e1549;

    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: #3e1549;

    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: #3e1549;

    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: #3e1549;

}

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

    border: 1px solid #3e1549;

}

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

    background: #3e1549;

    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 {

    min-height: 200px;

    background-color: #c2c9d1;

    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-color: #bca053;

    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: #3e1549;

}



/*

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

|| 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 #3e1549;

    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: #3e1549;

}

.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;

}





/*


/*

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

|| 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: #3e1549;

    display: inline-block;

    text-align: left;

    

}

.con-text:before {

    position: absolute;

    content:"";

    right: 100%;

    border: .5px solid #3e1549;

    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: #3e1549;

}

.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: 250px;

    margin-right: 20px;

    float: left;

}

.news-left img {

    padding-top: 5px;
    padding-bottom: 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: #3e1549;

}

.posted {

    margin-top: 5px;

}

.posted span i {

    display: inline-block;

    padding-right: 5px;

}

.posted span a:hover {

    color: #bca053;

}

.footer {

    color: #fff;

border-top: solid 6px #381343;

}

.footer-main {

    padding-bottom: 30px;

}

.footer p, 

.footer a {

    color: #fff;

}

.logo .wi-title {

    margin-bottom: 30px;

}

.wi-list {

    margin-top: 30px;
   list-style: none;


}



.wi-list ul {

    list-style: none;



}



.wi-list li {

    margin-bottom: 15px;
    list-style: none;


}

.wi-list i {

    display: inline-block;

    margin-right: 10px;

    background: #eeeeee;

    padding: 7px;

    border-radius: 3px;

    width: 30px;

    height: 31px;

    text-align: center;

}

.wi-list a:hover {

    color: #bca053;

}

.copyright {

    background-color: #381343;

    text-align: center;

    padding: 30px;

border-top: solid 3px #2a0d33;

}

.copyright a:hover {

    color: #baa254;

}

/*

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

|| 17.0 SIDEBAR AND SIDEBAR WIDGETS

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

.wi-side  {

    border: 1px solid #e7e7e7;

    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: 24px;

    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 #3e1549;

}

.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: #3e1549;

    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;

list-style: none;

}

.wi-recent ul li:before {

    content: "\f0da";

    font-family: "fontAwesome";

    position: absolute;

    left: 0;



}

.wi-recent ul li a {

    text-transform: uppercase;

    color: #3e1549;

    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: #3e1549;

}

.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: #3e1549;

    -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: #3e1549;

}

.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: none;

    color: #bca053;

}

.pagination>li>a, 

.pagination>li>span {

    border: 0;

    background: none;

    padding: 15px;

    color: #3e1549;

    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: #3e1549;

    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: #3e1549;

    padding: 7px;

    border-radius: 3px;

    text-align: center;

}

.contact-list a {

    color: #3e1549;

}

.contact-list a:hover {

    color: #bca053;

}

.contact-social ul li {

    display: inline-block;

    margin-right: 10px;

    background: #3e1549;

    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;

    

}

.team-member .member-hover {

    content: "";

    position: absolute;

    z-index: 1;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: rgba(61, 20, 74,.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: #3e1549;

}

.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:#3e1549;

}



.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: #3e1549;

    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: #3e1549;

}

.error-page .error-inner p {

    padding: 20px 15px;

}

.error-page .error-inner .btn {

    background: #3e1549;

    -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;;

}



.artslogo{

margin-left:20px;

}



.breadcrumb{

margin-top:-50px;

background-color:#ffffff;

}



.imgnice {

  border: 2px solid #bca053;

padding:5px;

background-color:#ffffff;

}

.centered{

text-align:center;

}



.center {

  display: block;

  margin-left: auto;

  margin-right: auto;

  width: 100%;

}









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: "\f103";

    display: inline-block;

    position: relative;

    top: -0.7em;

    font-size: 1.5em;

    padding: 0 0.25em;

    background: white;

}


hr.gold-double-form {

    overflow: visible; /* For IE */

    padding: 0;

    border: none;

    border-top: medium double #bca053;

    color: #bca053;

    text-align: center;

}

hr.gold-double-form:after {

    font-family: "FontAwesome";

    content: "\f103";

    display: inline-block;

    position: relative;

    top: -0.7em;

    font-size: 1.5em;

    padding: 0 0.25em;

    background: #eeeeee;

}

ol.dtx {

    counter-reset: li; /* Initiate a counter */

    list-style: none; /* Keep using default numbering for IE6/7 */

    font-size: 15px;

    padding: 0;

    margin-bottom: 4em;

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

  }



  ol ol {

    margin: 0 0 0 2em; /* Add some left margin for inner lists */

  }





.dtx a{

    position: relative;

    display: block;

    padding: .4em .4em .4em 2em;

    *padding: .4em;

    margin: .5em 0;

    background: #eee;

    color: #000;

    text-decoration: none;

    border-radius: .3em;

    transition: all .3s ease-out;

  }



  .dtx a:hover{

    background: #eee;

  }



  .dtx a:hover:before{

    transform: rotate(360deg);

  }



  .dtx a:before{

    content: counter(li);

    counter-increment: li;

    position: absolute;

    left: -1.3em;

    top: 50%;

    margin-top: -1.3em;

    background: #3d144a;

    height: 2.5em;

color:#fff;

    width: 2.5em;

    line-height: 2em;

    border: .3em solid #bca053;

    text-align: center;

    font-weight: bold;

    border-radius: 2em;

    transition: all .3s ease-out;

  }











sliding-link {

    scroll-behavior: smooth;

}



:target:before {

    content: "";

    display: block;

    height: 30px;

    margin: 50px 0 0;

}



.eventthumb {

width:30%;

max-height:200px;

display:inline;

  border: 2px solid #bca053;

padding:5px;

margin:10px;

background-color:#ffffff;

}





@media only screen 

  and (min-device-width: 320px) 

  and (max-device-width: 480px)

  and (-webkit-min-device-pixel-ratio: 2)

  and (orientation: portrait) {

.eventthumb {

width:100%!important;



}



}



@media (max-width:500px)

{.eventthumb{



width:100%;

max-height:auto;

}





}



.img {

  width:100%;

  border: 1px solid #ddd;

  border-radius: 4px;

  padding: 5px;

margin:10px;

 }



a.button{

 display:inline-block;

 padding:0.35em 1.2em;

 border:0.1em solid #FFFFFF;

 background-color:#3e1549;

 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.button:hover{

 color:#000000;

 background-color:#bca053;

}

@media all and (max-width:30em){

 a.button{

  display:block;

  margin:0.4em auto;

 }

}





.youngarts{

text-align:center;

}

.youngarts img{

  border: 2px solid #bca053;

padding:5px;

margin:10px;

width:100%

}



ul.a {

  list-style-type: circle;

}



.red{

color:#ff0000;

}

.purple{

color:#3d144a;

}

.grey{

color:#6a696b;

}



.gold{

color:#bca053;

}
.newsflash{
background-color:#ff0000;
color:#fff!important;
font-size:18px;
display:block;
min-height:100px;
 }
.newsflash p{
font-color:#fff!important;
}
.alert {
  padding: 20px;
  background-color: #f44336;
  color: white;
}

.alert h2 {
  color: white;
}
.alert p {
  color: white;
}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

.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:90%;
}
.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: #3d144a;
}

.fullviewimage{
width:100%;
}