/*
* ----------------------------------------------------------------------------------------
Author       : onepageboss
Template Name: Agenda - One Page MultiPurpose Template
Version      : 1.0
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 01.GLOBAL CSS STYLE
* 02.PRELOADER & BOUNCE CCS STYLE
* 03.HOMEPAGE CSS STYLE
    SLIDER BACKGROUND CSS STYLE
    VIDEO BACKGROUND CSS STYLE
* 04.ABOUT CSS STYLE
* 05.SERVICE CSS STYLE
* 06.CALL TO ACTION CSS STYLE
* 07. KEY SKILL CSS STYLE
* 08. VIDEO BACKGROUND CSS STYLE
* 09. PORTFOLIO CSS STYLE
* 10.TESTIMONIAL CSS STYLE
* 11.TEAM CSS STYLE
* 12.PRICING CSS STYLE
* 13.BLOG CSS STYLE
* 14.ANY QUSTIONS CSS STYLE
* 15.SMALL CALL TO ACTION CSS STYLE
* 16.CONTACT CSS STYLE
* 17.MAP CSS STYLE
* 18.FOOTER CSS STYLE
* ----------------------------------------------------------------------------------------
*/

@font-face {
   font-family: 'geometosregular';
   src: url('../fonts/geometos-webfont.eot');
   src: url('../fonts/geometos-webfont.eot?#iefix') format('embedded-opentype'),
   url('../fonts/geometos-webfont.woff2') format('woff2'),
   url('../fonts/geometos-webfont.woff') format('woff'),
   url('../fonts/geometos-webfont.ttf') format('truetype'),
   url('../fonts/geometos-webfont.svg#geometosregular') format('svg');
   font-weight: normal;
   font-style: normal;

}



/*
* ----------------------------------------------------------------------------------------
* 01.GLOBAL STYLE
* ----------------------------------------------------------------------------------------
*/

body {
   font-size: 14px;
   font-weight: 300;
   height: 100%;
   font-family: 'Myriad Pro', sans-serif;
}

html,
body {
   height: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: 'geometosregular';
}

a {
   text-decoration: none;
   -webkit-transition: all 0.4s;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
}

img {
   width: 100%;
}

a:hover {
   text-decoration: none;
}

a:focus {
   outline: none;
   text-decoration: none;
}

p {
   line-height: 28px;
}

ul,
li {
   margin: 0;
   padding: 0;
}

fieldset {
   border: 0 none;
   margin: 0 auto;
   padding: 0;
}

.wrapper {
   min-height: 420px;
   margin-bottom: 20px;
}

.wrapper2 {
   min-height: 430px;
   margin-bottom: 30px;
}

.no-padding {
   padding: 0
}

.section-padding {
   padding: 70px 0px;
}

.section-title {
   margin-bottom: 30px;
   text-align: center;
}

.section-title h2 {
   font-size: 30px;
   text-transform: capitalize;
   font-weight: 900;
   margin-top: 0;
   color: #002f5b;
}

.section-title p {
   margin-bottom: 0;
   color: #737373;
   font-weight: 500;
   text-align: center;
   line-height: 24px;
}

a.read-more {
   display: inline-block;
   color: #fff;
   padding: 15px 30px;
   text-transform: capitalize;
   font-size: 14px;
   border: 1px solid #a6d80e;
   background-color: #a6d80e;
   font-weight: 600;
   border-radius: 30px;
}

a.read-more:hover {
   background: transparent;
   color: #000;
   border: 1px solid #a6d80e;
   -webkit-transition: .3s;
   transition: .3s;
}

.scrollup {
   border-radius: 0;
   height: 40px;
   width: 40px;
   font-size: 14px;
   color: #002348;
   text-align: center;
   position: fixed;
   bottom: 30px;
   right: 30px;
   line-height: 40px;
   cursor: pointer;
   display: none;
   z-index: 2;
   background: #fde52c;
}

.scrollup:hover {
   box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
   -webkit-transition: all 0.4s ease-out;
   transition: all 0.4s ease-out;
}


/*
* ----------------------------------------------------------------------------------------
* 02.PRELOADER & BOUNCE CCS STYLE
* ----------------------------------------------------------------------------------------
*/

.preloader-area {
   position: fixed;
   background: #fff;
   z-index: 11000;
   height: 100%;
   width: 100%;
   overflow: hidden;
}

.spinner {
   margin: auto;
   width: 40px;
   height: 40px;
   position: relative;
   text-align: center;
   position: absolute;
   left: 50%;
   right: 50%;
   margin-left: -20px;
   top: 50%;
   -webkit-animation: sk-rotate 2.0s infinite linear;
   animation: sk-rotate 2.0s infinite linear;
}

.dot1,
.dot2 {
   width: 60%;
   height: 60%;
   display: inline-block;
   position: absolute;
   top: 0;
   background-color: #a6d80e;
   border-radius: 100%;
   -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
   animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot1 {
   background-color: #002e5b;
}

.dot2 {
   top: auto;
   background-color: #fde428;
   bottom: 0;
   -webkit-animation-delay: -1.0s;
   animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate {
   100% {
      -webkit-transform: rotate(360deg)
   }
}

@keyframes sk-rotate {
   100% {
      transform: rotate(360deg);
      -webkit-transform: rotate(360deg)
   }
}

@-webkit-keyframes sk-bounce {
   0%,
   100% {
      -webkit-transform: scale(0.0)
   }
   50% {
      -webkit-transform: scale(1.0)
   }
}

@keyframes sk-bounce {
   0%,
   100% {
      transform: scale(0.0);
      -webkit-transform: scale(0.0);
   }
   50% {
      transform: scale(1.0);
      -webkit-transform: scale(1.0);
   }
}


/*
* ----------------------------------------------------------------------------------------
* 03.HOMEPAGE CSS STYLE
* ----------------------------------------------------------------------------------------
*/

.welcome-area {
   height: 100%;
}

.welcome-image-area {
   position: relative;
   height: 100%;
   background: url(../images/bg/mainbg.jpg);
   background-size: cover;
   z-index: 1;
}

.welcome-image-area:after {
   position: absolute;
   background: rgba(0, 0, 0, .5);
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   content: "";
   z-index: -1;
}

.display-table {
   display: table;
   width: 100%;
   height: 100%;
}

.display-table-cell {
   display: table-cell;
   vertical-align: middle;
}

.header-text {
   width: 35%;
   float: right;
   margin-top: 70px;
}

.header-text h2 {
   color: #fff;
   font-size: 60px;
   margin-top: 10px;
   font-weight: 900;
   text-transform: capitalize;
   text-align: right
}

.header-text p {
   color: #fff;
   font-size: 14px;
   margin: 0;
   margin-bottom: 30px;
   padding: 0px 300px;
}


iframe {
   margin-bottom: -4px;
}


.header-top-area {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   z-index: 9999;
   -webkit-transition: all 0.4s ease-out;
   transition: all 0.4s ease-out;
}

.logo {
   padding-top: 25px;
   -webkit-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}

.logo a p {
   text-transform: uppercase;
   font-size: 20px;
   font-weight: 700;
   color: #fff;
}

.mainmenu .navbar-nav li {
   margin-right: 30px;
}

.mainmenu .navbar-nav li a {
   text-transform: capitalize;
   padding-top: 30px;
   padding-bottom: 10px;
   padding-right: 0;
   padding-left: 0;
   color: #e9e9e9;
   display: block;
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
}

.mainmenu .navbar-nav li a:hover {
   background: none;
   color: #fde428;
   -webkit-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}

.nav li a:focus,
.nav li a:hover {
   background: none;
   -webkit-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}

.navbar {
   margin: 0;
   margin-top: 5px;
}

.menu-bg {
   -webkit-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
   background: #fff;
   box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);
   background: #002e5b;
   border: none;
   min-height: 72px;
}

.menu-bg .logo {
   padding-top: 22px;
   -webkit-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}

.menu-bg .logo a p {
   color: #fff;
}

.menu-bg .mainmenu .navbar-nav li a {
   color: #fff;
   padding-top: 22px;
   -webkit-transition: .3s;
   transition: .3s;
   padding-bottom: 7px;
}

.menu-bg .mainmenu .navbar-nav li a:hover {
   color: #fde428;
}

li.active {
   /*border-bottom: 2px solid #fde428;*/
}

li.active > a {
   color: #fde428 !important;
}


a.slide-btn {
   margin: 0px 5px;
   display: inline-block;
   color: #fff;
   padding: 15px 40px;
   text-transform: capitalize;
   font-size: 14px;
   border: 2px solid #a6d80e;
   background-color: #a6d80e;
   font-weight: 600;
   letter-spacing: 0px;
   border-radius: 30px;
}

a.slide-btn:hover {
   background: transparent;
   color: #fff;
   border: 2px solid #a6d80e;
   -webkit-transition: .3s;
   transition: .3s;
}

a.slide-btn.other-btn {
   background: transparent;
}

a.slide-btn.other-btn:hover {
   background: #a6d80e;
}


/*
* ----------------------------------------------------------------------------------------
* HOMEPAGE SLIDER BACKGROUND CSS STYLE
* ----------------------------------------------------------------------------------------
*/

.welcome-area,
.welcome-slider-area,
.welcome-slider-area div {
   height: 100%;
}

.welcome-slider-area div.single-slide-item-tablecell,
.welcome-slider-area div.single-slide-item-tablecell div {
   height: auto;
}

.single-slide-item-table {
   display: table;
   width: 100%;
}

.single-slide-item-tablecell {
   display: table-cell;
   vertical-align: middle;
}

.single-slide-item {
   position: relative;
   z-index: 1;
}

.single-slide-item:after {
   position: absolute;
   /*background: rgba(0, 0, 0, .5);*/
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   content: "";
   z-index: -1;
}

.slide-1 {
   background: url(../images/bg/1.jpg) scroll 0 0;
   background-size: cover;
}

.slide-2 {
   background: url(../images/bg/2.jpg) scroll 0 0;
   background-size: cover;
}

.slide-3 {
   background: url(../images/bg/3.jpeg) scroll 0 0;
   background-size: cover;
}

.slide-4 {
   background: url(../images/bg/4.jpeg) scroll 0 0;
   background-size: cover;
}


.carousel-fade .carousel-inner .item {
   -webkit-transition-property: opacity;
   transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
   opacity: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
   left: 0;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-inner .item {
   -webkit-transition-property: opacity;
   transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
   opacity: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
   left: 0;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
   z-index: 2;
}

.right.slider-control {
   left: auto;
   right: 0;
}

.left.slider-control {
   left: 0;
}


.welcome-slider-area:hover .right.slider-control {
   right: 30px;
   transition: .25s;
   -webkit-transition: .25s
}

.welcome-slider-area:hover .left.slider-control {
   left: 30px;
   transition: .25s;
   -webkit-transition: .25s
}

.slider-control {
   background: transparent;
   /*border: 1px solid #fff;*/
   /*border-radius: 50%;*/
   color: #fde52c;
   font-size: 40px;
   width: 40px;
   height: 40px;
   left: 0;
   line-height: 40px;
   position: absolute;
   text-align: center;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   z-index: 20;
}

.slider-control:hover {
   background: transparent;
   /*border: 1px solid #fff;
   border-radius: 50%;*/
   color: #fff;
}

.carousel-indicators li {
   width: 30px;
   height: 4px;
   border-radius: 4px;
   margin: 0;
   background: #a6d80e;
   border: none;
   -webkit-transition: .3s;
   transition: .3s;
}

.carousel-indicators li.active {
   width: 30px;
   height: 4px;
   border-radius: 4px;
   border: none;
   -webkit-transition: .3s;
   transition: .3s;
}


/*
* ----------------------------------------------------------------------------------------
* VIDEO BACKGROUND CSS STYLE
* ----------------------------------------------------------------------------------------
*/

.welcome-video-area {
   position: relative;
   height: 100%;
   background-size: cover;
   z-index: 1;
   background-position: center center;
}

.welcome-video-area:after {
   position: absolute;
   background: rgba(0, 0, 0, .5);
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   content: "";
   z-index: -1;
}

.display-table {
   display: table;
   width: 100%;
   height: 100%;
}

.display-table-cell {
   display: table-cell;
   vertical-align: middle;
}


/*
* ----------------------------------------------------------------------------------------
* 04.ABOUT CSS STYLE
* ----------------------------------------------------------------------------------------
*/

.kutu {
   background: #fde52c;
   width: 200px;
   height: 800px;
   position: absolute;
   z-index: 1;
   margin-left: 125px;
   margin-top: -70px;
}

.kutu2 {
   background: #fde52c;
   width: 200px;
   height: 140%;
   position: absolute;
   z-index: 1;
   margin-left: 125px;
   margin-top: -71px;
}


.about-text {
   margin-top: 0;
}

.about-text h2 {
   margin-bottom: 5px;
   font-size: 30px;
   text-transform: capitalize;
   font-weight: 400;
   margin-top: 0;
   color: #002f5b;
}

.about-text h2 span {
   color: #fff;
}

.about-text p {
   color: #737272;
   font-weight: 500;
   line-height: 24px;
}

.about-image {
   margin-top: 0;
   z-index: 9;
   position: relative;
   -webkit-box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.63);
   -moz-box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.63);
   box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.63);
}

.about-image img {
   margin-top: 61px;
}

.margin-top-c {
   margin-top: 50px;
}


/*
* ----------------------------------------------------------------------------------------
* 05.SERVICE CSS STYLE
* ----------------------------------------------------------------------------------------
*/

.service-area {
    background: #f4f4f4;
    z-index: 999;
    position: relative;
}
.single-service {
   padding: 30px;
   text-align: center;
   -webkit-transition: .3s;
   transition: .3s;
   margin-top: 0;
   padding-bottom: 0;
}


.single-service h2 {
   font-size: 26px;
   text-transform: capitalize;
   font-weight: 500;
   -webkit-transition: .3s;
   transition: .3s;
   color: #002f5b;
   text-align: left;
   margin-top: 0;
   margin-bottom: 0;
}

.service-icon i {
   font-size: 40px;
   color: #a6d80e;
}

.single-service p {
   margin-bottom: 0;
   color: #737373;
   font-weight: 500;
   text-align: left;
   line-height: 24px;
}


.single-service2 {
   padding: 30px;
   text-align: center;
   -webkit-transition: .3s;
   transition: .3s;
   margin-top: 0;
   padding-bottom: 0;
}


.single-service2 h2 {
   font-size: 30px;
   text-transform: capitalize;
   font-weight: 500;
   -webkit-transition: .3s;
   transition: .3s;
   color: #002f5b;
   text-align: left;
   margin-top: 0;
   margin-bottom: 5px;
}

.single-service2 p {
   margin-bottom: 0;
   color: #737373;
   font-weight: 500;
   text-align: left;
   line-height: 24px;
}



section.ctn {
   background: #002f5b;
   color: #fff;
}

section.ctn p {
   font-weight: 500;
   padding: 20px 0;
   margin-bottom: 0;
}

/*
* ----------------------------------------------------------------------------------------
* 06.CALL TO ACTION CSS STYLE
* ----------------------------------------------------------------------------------------
*/

.call-to-area {
   background: url(../images/bg/call.jpg);
   background-size: cover;
   padding: 200px 0px;
   position: relative;
   z-index: 1;
   background-attachment: fixed;
}

.call-to-area:after {
   position: absolute;
   background: rgba(0, 0, 0, .5);
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   content: "";
   z-index: -1;
}

.call-to-area-text h2 {
   color: #fff;
   font-size: 40px;
   text-transform: capitalize;
   font-weight: 400;
}

.call-to-area-text p {
   text-transform: capitalize;
   color: #fff;
   margin-bottom: 30px;
}

.call-to-area-text a {
   display: inline-block;
   color: #fff;
   padding: 15px 30px;
   text-transform: capitalize;
   font-size: 14px;
   border: 1px solid #a6d80e;
   background-color: #a6d80e;
   font-weight: 600;
   border-radius: 30px;
}

.call-to-area-text a:hover {
   background: transparent;
   color: #fff;
   border: 1px solid #a6d80e;
   -webkit-transition: .3s;
   transition: .3s;
}


/*
* ----------------------------------------------------------------------------------------
* 07.KEY SKILL AREA CSS STYLE
* ----------------------------------------------------------------------------------------
*/

.our-skill,
.skill-text {
   margin-top: 30px;
}

.progress-bar-text span {
   float: right
}

.progress-bar-text {
   font-size: 22px;
   text-transform: capitalize;
   font-weight: 500;
   -webkit-transition: .3s;
   transition: .3s;
   color: #000;
}

.progress-bar {
   background: #F5F5F5 none repeat scroll 0 0;
   box-shadow: 0 0 0;
   height: 15px;
   margin: 0 0 20px;
   position: relative;
   width: 100%;
}

.progress-bar > span {
   background: #a6d80e none repeat scroll 0 0;
   display: block;
   height: 100%;
   width: 0;
}

.skill-text h2 {
   font-size: 40px;
   text-transform: capitalize;
   margin-bottom: 40px;
   font-weight: 600;
   margin-top: 0;
   position: relative;
}

.skill-text h2:before {
   position: absolute;
   left: 0;
   top: 56px;
   height: 10px;
   width: 74px;
   background: #a6d80e;
   content: "";
   z-index: 1;
}


/*
* ----------------------------------------------------------------------------------------
* 08.VIDEO CSS STYLE
* ----------------------------------------------------------------------------------------
*/

.video-area {
   padding: 200px 0px;
   background: url(../images/bg/mainbg.jpg);
   position: relative;
   background-size: cover;
   z-index: 1;
}

.video-area:after {
   position: absolute;
   background: rgba(0, 0, 0, .8);
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   content: "";
   z-index: -1;
}

.video-area-text h2 {
   color: #fff;
   font-size: 30px;
}

.video-area-text p {
   color: #fff;
}

.video-area-text i {
   font-size: 30px;
   border: 1px solid #a6d80e;
   color: #a6d80e;
   height: 60px;
   width: 60px;
   border-radius: 50%;
   line-height: 60px;
   text-align: center;
   padding-left: 6px;
}

.mfp-iframe-holder {
   padding-top: 80px;
}


/*
* ----------------------------------------------------------------------------------------
* 09.WORK CSS STYLE
* ----------------------------------------------------------------------------------------
*/

.work {
   background: #fff;
}

.work2 {
   background: #f4f4f4;
}

.work-inner .mix {
   display: none;
}

ul.work {
   padding: 0;
   list-style: none;
   text-align: center;
   margin-bottom: 30px;
}

ul.work li {
   display: inline-block;
   padding-bottom: 4px;
   margin: 0 8px;
   text-transform: uppercase;
   font-size: 14px;
   font-weight: 300;
   color: #938d8d;
   border: none;
   cursor: pointer;
   font-size: 12px;
   border-bottom: 2px solid transparent;
}

ul.work li:hover {
   color: #000;
   -webkit-transition: .3s;
   transition: .3s;
}

ul.work li.active {
   color: #000;
}

.work .item {
   padding: 0;
   margin: 0;
}

/*
.work .col-md-4 {
   padding: 0;
   margin: 0;
}*/

.work figure.effect-ruby img {
   height: auto;
   width: 100%;
}

.work .grid figure {
   position: relative;
   float: left;
   overflow: hidden;
   min-width: 320px;
   max-width: 480px;
   max-height: 360px;
   width: 100%;
   height: auto;
   text-align: center;
   cursor: pointer;
   padding: 0;
   margin: 0;
}

.work .grid figure:hover {
   background: #000;
}

.work figure.effect-ruby h2 {
   margin-top: 20%;
   opacity: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   font-size: 30px;
   text-transform: uppercase;
   font-weight: 600;
   -webkit-transition: .3s;
   transition: .3s;
   display: inline-block;
   color: #fff;
}

.work figure.effect-ruby p {
   font-size: 14px;
   text-transform: capitalize;
   border: none;
   padding: 0;
   margin: 5px 0px;
}

.work figure.effect-ruby p strong {
   font-size: 16px;
   text-transform: uppercase;
   margin-right: 5px;
}

.work .item:hover figure.effect-ruby h2 {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   -webkit-transition: .3s;
   transition: .3s;
}


.work h2 {
   font-size: 30px;
   color: #002f5b;
}

.work h3 {
   color: #002f5b;
   font-size: 20px;
   font-weight: 600;
}



.work2 h2 {
   font-size: 30px;
   color: #002f5b;
}

.work2 h3 {
   color: #002f5b;
   font-size: 20px;
   font-weight: 600;
}


.work p {
   margin-bottom: 0;
   color: #737373;
   font-weight: 500;
   line-height: 20px;
}

.work2 p {
   margin-bottom: 0;
   color: #737373;
   font-weight: 500;
   line-height: 20px;
}

.section-title p {
   font-size: 19px;
   line-height: 29px;
}

.section-title2 {
   text-align: center;
   letter-spacing: 1px;
   border-bottom: 1px solid #002f5b;
   width: 250px;
   margin: 0 auto;
   margin-bottom: 30px;
}


.section-title2 span {
   background: #002f5b none repeat scroll 0 0;
   display: block;
   height: 11px;
   margin: 0px auto;
   width: 11px;
   margin-bottom: -6px;
   border-radius: 50%;
}


/*
* ----------------------------------------------------------------------------------------
* 10.TESTIMONIAL CSS STYLE
* ----------------------------------------------------------------------------------------
*/

.testimonial-area {
   background: url(../images/bg/2.jpg) center center no-repeat fixed;
   width: 100%;
   background-size: cover;
   position: relative;
   padding: 80px 0;
}

.testimonial-area:before {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   opacity: .9;
   width: 100%;
   height: 100%;
   z-index: 1;
   background: #002f5b87;
}

#testimonial img {
   width: 30px;
   z-index: 3;
   position: relative;
}

#testimonial p {
   text-align: center;
   font-size: 22px;
   color: #fff;
   line-height: 33px;
   z-index: 33;
   position: relative;
}

.testimonial-area h2 {
   text-align: center;
   color: #fff;
   font-size: 18px;
   margin-top: 100px;
}


.testimonial-title h2 {
   text-align: center;
   margin-left: 40px;
   margin-right: 40px;
}






.testimonial-title {
   margin: 0 auto;
   height: 11px;
   z-index: 33;
   position: relative;
}


.testimonial-list {}

.single-testimonial h2 {
   font-size: 12px;
   text-transform: uppercase;
   -webkit-transition: .3s;
   transition: .3s;
   color: #232323;
   letter-spacing: 2px;
   font-weight: 700;
}

.single-testimonial h3 {
   font-size: 12px;
   text-transform: capitalize;
   font-weight: 300;
   margin-top: 0;
}

.single-testimonial p {
   line-height: 25px;
}

.owl-theme .owl-controls .owl-page span {
   display: block;
   width: 5px;
   height: 5px;
   margin: 5px 7px;
   border-radius: 20px;
   background: #A6D80E;
}


/*
* ----------------------------------------------------------------------------------------
* 11.TEAM CSS STYLE
* ----------------------------------------------------------------------------------------
*/

.team-area {
   padding: 71px;
   padding-bottom: 66px;
}

.team-area h3 {
   font-size: 18px;
   text-transform: none;
   color: #737272;
   font-family: 'Myriad Pro', sans-serif;
}

.team-image {
   position: relative;
   margin-top: 30px;
}

.team-description {
   background: #a6d80e;
   padding: 20px 30px;
   position: absolute;
   left: auto;
   opacity: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   bottom: -90px;
   width: 100%;
   text-align: center;
   display: block;
}

.team-image img {
   width: 100%;
}

.single-team:hover .team-description,
.single-team:hover {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.single-team:hover .team-description {
   bottom: 0px;
}

.team-description h4 {
   font-size: 22px;
   margin-top: 20px;
   margin-bottom: 30px;
   text-transform: capitalize;
   font-weight: 500;
   -webkit-transition: .3s;
   transition: .3s;
   color: #fff;
   margin-bottom: 0px;
}

.team-description p {
   color: #fff;
}

.single-team,
.team-description {
   -webkit-transition: all .3s ease 0s;
   transition: all .3s ease 0s;
   overflow: hidden;
}

.team-social {}

.team-social ul {
   padding: 0;
   margin: 0;
   list-style: none;
}

.team-social ul li {
   display: inline-block;
   margin: 0px 5px;
}

.team-social ul li a {
   font-size: 14px;
   color: #fafafa;
}

/*
* ----------------------------------------------------------------------------------------
* 12.PRICING CSS STYLE
* ----------------------------------------------------------------------------------------
*/

.pricing-area {
   background: #F5F5F5;
}

.pricing-box {
   text-align: center;
   padding-top: 30px;
   padding-bottom: 30px;
   text-align: center;
   margin-top: 30px;
   -webkit-transition: .3s;
   transition: .3s;
   background: #fff;
}

.pricing-box:hover {
   -webkit-transition: .3s;
   transition: .3s;
   box-shadow: 0px 0px 70px rgba(29, 24, 24, 0.09);
}

.plan-price {
   padding: 20px 10px;
}

.plan-price h5 {
   color: #000;
   font-weight: 300;
   margin: 0;
}

.pricing-header .plan-title {
   color: #000;
   text-transform: capitalize;
   font-size: 14px;
   margin-bottom: 30px;
}

.plan-price p {
   font-size: 40px;
   color: #000;
   font-weight: 900;
   margin: 0;
}

.plan-price p span {
   font-size: 16px;
   color: #ccc;
   font-weight: 300;
}

.plan-features {
   margin-top: 40px;
}

.plan-features li {
   margin: 0;
   padding-bottom: 15px;
   font-size: 16px;
}

.plan-features li span {
   font-weight: 700;
}

a.plan-more {
   margin-top: 30px;
   display: inline-block;
   color: #fff;
   padding: 12px 25px;
   text-transform: capitalize;
   font-size: 14px;
   border: 1px solid #a6d80e;
   font-weight: 600;
   background: #a6d80e;
   border-radius: 30px;
}

a.plan-more:hover {
   color: #000;
   border: 1px solid #a6d80e;
   -webkit-transition: .3s;
   transition: .3s;
   background: transparent;
}


/*
* ----------------------------------------------------------------------------------------
* 13.ANY QUESTIONS CSS STYLE
* ----------------------------------------------------------------------------------------
*/

.any-questions-area {
   background: #F5F5F5;
}

.any-qustions-design,
.qustion-image {
   margin-top: 30px;
}

#faq .panel-group .panel {
   margin-bottom: 8px;
}

#faq .panel-default {
   border: none;
}

#faq .panel-default > .panel-heading {
   background: #fff;
   color: #000;
}

#faq .panel-heading {
   border: none;
   padding-top: 8px;
   padding-bottom: 6px;
}

#faq .panel-default > .panel-heading + .panel-collapse > .panel-body {
   border-top: none;
   padding-top: 22px;
   padding-left: 32px;
   padding-bottom: 22px;
}

#faq .panel-heading .panel-title a[data-toggle="collapse"] {
   font-size: 18px;
   font-weight: 300;
   position: relative;
   display: block;
   width: 100%;
   height: 100%;
   padding: 10px 15px;
}

#faq .panel-heading .panel-title a[data-toggle="collapse"]:hover {
   color: #000;
}

#faq .panel-heading .panel-title a[data-toggle="collapse"]:after {
   content: "-";
   display: block;
   position: absolute;
   line-height: 1;
   right: 1em;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   font-size: 20px;
}

#faq .panel-heading .panel-title a[data-toggle="collapse"].collapsed:after {
   content: "+";
   font-size: 20px;
}


/*
* ----------------------------------------------------------------------------------------
* 14.CONTACT CSS STYLE
* ----------------------------------------------------------------------------------------
*/

.call-to-action-small-area {
   background: #a6d80e;
}

.call-to-action-small-area h2 {
   color: #fff;
   margin-top: 0;
}

.call-to-action-small-button {
   text-align: center;
}

a.call-to-more {
   display: inline-block;
   color: #002f5b;
   padding: 10px 20px;
   text-transform: uppercase;
   font-size: 14px;
   background-color: #fde52c;
   font-weight: 600;
   border-radius: 3px;
   margin-top: 15px;
   margin-bottom: 15px;
   text-align: center;
}

a.call-to-more:hover {
   color: #000;
}

/*
* ----------------------------------------------------------------------------------------
* 15.CONTACT CSS STYLE
* ----------------------------------------------------------------------------------------
*/

.contact-area {
   background: #002f5b;
}

#contact h2 {
   color: #fff;
   text-align: center;
   font-size: 31px;
}

#contact h2 a {
    color: #fff;
}



#contact p {
   color: #919394;
   text-align: center;
   font-size: 21px;
}

#contact a {
    color: #919394;
}

.contact-form-design-area {
   margin-top: 30px;
}

.contact-details-list h2 {
   font-size: 40px;
   text-transform: capitalize;
   margin-bottom: 40px;
   font-weight: 600;
   margin-top: 0;
   position: relative;
}

.contact-details-list h2:before {
   position: absolute;
   left: 0;
   top: 56px;
   height: 10px;
   width: 74px;
   background: #a6d80e;
   content: "";
   z-index: 1;
}

.contact-details-list p {
   margin-bottom: 30px;
}

.single-contact {
   margin-bottom: 22px;
}

.single-contact h3 {
   font-size: 18px;
   margin-top: 20px;
   text-transform: capitalize;
   font-weight: 400;
   -webkit-transition: .3s;
   transition: .3s;
}

.single-contact h3 i {
   margin-right: 20px;
}

.contact-social {
   margin-top: 40px;
}

.contact-social ul {
   padding: 0;
   margin: 0;
   list-style: none;
}

.contact-social ul li {
   display: inline-block;
   margin-right: 10px;
}

.contact-social ul li a {
   font-size: 20px;
   color: #333;
}

.form-control {
   display: block;
   border: 0px;
   width: 100%;
   height: 50px;
   font-size: 16px;
   line-height: 1.42857143;
   color: #000;
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   box-shadow: none;
   margin-bottom: 10px;
   padding: 17px 7px 14px 15px;
   border: 1px solid #f2f2f2;
   background: #fff;
   -webkit-transition: .3s;
   transition: .3s;
}

.form-control:focus {
   border-color: #a6d80e;
   outline: 0;
   box-shadow: none;
}

.contact-form input[type='submit'] {
   display: inline-block;
   color: #fff;
   padding: 15px 35px;
   text-transform: capitalize;
   font-size: 14px;
   border: 1px solid #a6d80e;
   background-color: #a6d80e;
   font-weight: 600;
   border-radius: 30px;
}

.contact-form input[type='submit']:hover {
   background: transparent;
   color: #000;
   border: 1px solid #a6d80e;
   -webkit-transition: .3s;
   transition: .3s;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
   outline: none;
}

.success {
   background: #50B948 none repeat scroll 0 0;
   color: #fff;
   font-weight: 700;
   padding: 20px;
   text-align: center;
}


/*
* ----------------------------------------------------------------------------------------
* 16.MAP CSS STYLE
* ----------------------------------------------------------------------------------------
*/

.gmap {
   height: 500px;
   width: 100%;
}

/*
* ----------------------------------------------------------------------------------------
* 17.FOOTER CSS STYLE
* ----------------------------------------------------------------------------------------
*/

.footer-area {
   background: #002f5b;
   min-height: 300px;
}

.footer-text h6 {
   text-transform: capitalize;
   color: #fff;
   line-height: 25px;
   font-weight: 300;
   font-size: 16px;
}


.footer-text {
   background: #ffffff0a;
}

.footer-text p {
   color: #fff;
   padding: 12px 0;
   padding-bottom: 0;
   font-size: 12px;
   letter-spacing: 1px;
   text-align: center;
}

.footer-content {
   min-height: 350px;
}

.footer-content img {
   width: 250px;
   margin-top: 50px;
}

.footer-content p {
   color: #7c8fa5;
   line-height: 24px;
   margin-top: 10px;
   margin-bottom: 30px;
}

.footer-content h2 {
   color: #fff;
   font-size: 15px;
   padding-top: 40px;
}


span.eml {
   font-weight: bold;
   color: #fff;
   letter-spacing: 1px;
}


.address i {
   float: left;
   font-size: 35px;
   padding-right: 12px;
   margin-top: 2px;
   color: #fde52c;
   padding-left: 3px;
}

.address p {
   line-height: 21px;
   margin-bottom: 0;
}

.phone i {
   float: left;
   font-size: 35px;
   padding-right: 13px;
   margin-top: 2px;
   color: #fde52c;
   padding-left: 5px;
}

.phone p {
   padding-top: 8px;
   margin-bottom: 0;
   margin-top: 0;
}

.fax i {
   float: left;
   font-size: 22px;
   padding-right: 10px;
   margin-top: 2px;
   color: #fde52c;
}

.fax p {
   margin-bottom: 0;
}

.mail i {
   float: left;
   font-size: 22px;
   padding-right: 10px;
   margin-top: 2px;
   color: #fde52c;

}

/*
* ----------------------------------------------------------------------------------------
* 18.BLOG CSS STYLE
* ----------------------------------------------------------------------------------------
*/

.blog-area {}

.single-blog {
   margin-right: 30px;
   margin-top: 30px;
}

.single-blog h5 {
   font-weight: 300;
}

.single-blog h2 a {
   font-weight: 700;
   font-size: 22px;
   color: #333;
}

.single-blog h2 a:hover {
   color: #a6d80e;
}

.single-blog h5 {}

a.comment-link {
   float: right;
   display: inline-block;
   margin-top: -25px;
   color: #A6D80E;
}

.blog-area .owl-theme .owl-controls .owl-page span {
   display: block;
   width: 5px;
   height: 5px;
   margin: 5px 7px;
   border-radius: 20px;
   background: #A6D80E;
}


/*
* ----------------------------------------------------------------------------------------
* PREVIEW CSS STYLE
* ----------------------------------------------------------------------------------------
*/

.preview-body {
   background: #fafafa;
}

.preview-single-image img {
   width: 100%;
}

.preview-single-image {
   -webkit-transition: 1s;
   transition: 1s;
   box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.05);
   margin-bottom: 30px;
}

.preview-single-image:hover {
   -webkit-transition: 1s;
   transition: 1s;
   box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);
}

.preview-single-image h2 {
   font-size: 20px;
   text-align: center;
   color: #000;
   background: #fff;
   margin: 0;
   padding: 30px 20px;
}

.preview-header-top-area {
   padding: 50px 0px;
}

.preview-header-top-area h2 {
   font-size: 100px;
   color: #a6d80e;
   text-transform: capitalize;
   font-weight: 900;
}

.preview-header-top-area p {
   color: #333;
   font-size: 30px;
   font-weight: 300;
}

.main h2 {
   color: #000;
}

.main {
   margin-bottom: 180px;
}