/* Didarchi HTML5 Template */


/************ TABLE OF CONTENTS ***************
1. Fonts
2. Montserrat
3. Roboto
4. Main Header 
5. Main Slider 
6. About Us
7. Reservation
9. Main Footer 
10. Faq Item
11. Reservation Style 
12. About Style
13. Gallery  Item
14. Blog Classic 
15. Sidebar
16. Sidebar Widgets
17. Blog Single 
18. Comments 
19. Comment Form
 

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

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Arimo');

@import url('font-awesome.css');
@import url('flaticon.css');
@import url('component.css');
@import url('owl.css');
@import url('animate.css');
@import url(../revolution/css/settings.css);
@import url('hover.css');


/*** 

====================================================================
  Reset
====================================================================

 ***/

* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
}


/*** 

====================================================================
  Global Settings
====================================================================

 ***/

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #06223e;
    line-height: 1.8em;
    font-weight: 400;
    background: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-font-smoothing: antialiased;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #009ed4;
}

a:hover,
a:focus,
a:visited {
    text-decoration: none;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    margin: 0px;
    color: #282828;
    background: none;
}

input,
button,
select,
textarea {
    font-family: 'Montserrat', sans-serif;
}

p {
    position: relative;
    line-height: 1.6em;
}

.strike-through {
    text-decoration: line-through;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.medium-container {
    max-width: 850px;
}

.page-wrapper {
    margin: 0 auto;
    min-width: 300px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

@media (min-width: 1200px) {
    .container {
        padding: 0
    }
    .container-fluid {padding: 0;}
}

.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/resources/preloader.gif);
}
.pd-0{padding: 0px;}
#html5-watermark div {
  display: none;
  background: none;
  opacity: 0;
}

/*** 

====================================================================
  Scroll To Top style
====================================================================

***/

.scroll-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 36px;
    height: 36px;
    color: #FEB300;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #FEB300;
    line-height: 34px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    border-radius: 50%;
    display: none;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.scroll-to-top:hover {
    color: #ffffff;
    background: #FEB300;
    border: 1px solid #FEB300;
}


/*** 

====================================================================
  Main Header style
====================================================================
/* Fixed-Header */

.main-header{
  position:relative;
  left:0px;
  top:0px;
  z-index:999;
  width:100%;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.bounce-in-header{
  position:fixed;
  opacity:0;
  visibility:hidden;
  left:0px;
  top:0px;
  width:100%;
  padding:0px 0px;
  background:#fff;
  z-index:0;
  border-bottom:1px solid #cccccc;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.bounce-in-header.now-visible{
  z-index:999;
  opacity:1;
  visibility:visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; 
}

.bounce-in-header .logo {
 margin-top: 0;
 margin-bottom: 0;
}
.bounce-in-header .navigation li a {
  color:#000;
  display: block;
  font-family: "Montserrat",sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  opacity: 1;
  padding: 15px 10px;
  position: relative;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
}
/* Start Header-Top Styles */

.header-top {
  background: none repeat scroll 0 0 #f59500;
  margin: 0;
  padding: 0;
}
.header-top p {
  color: #ffffff;
  font-family: 'Montserrat',sans-serif;
  font-size: 10px;
  line-height: 24px;
  margin: 0;
  padding-top: 8px;
  padding-bottom: 7px;
}
/* End Header-Top Styles */

/* Start Header-Bottom Styles */
.header-bottom .header-bot {
  border-bottom: 1px solid #ebebeb;
  display: block;
  overflow: hidden;
  padding-bottom: 25px;
  padding-top: 26px;
}
.header-bottom .header-bot .header-item {
  float: left;
  width: 33.33%;
}
.header-bottom .header-bot .header-item i::before {
  float: left;
  margin-right: 11px;
  font-size: 35px;
  line-height: 35px;
  color:#06223e;
}
.header-bottom .header-bot .header-item h4 {
  color: #06223e;
  font-size: 14px;
  font-weight: bold;
}
.header-bottom .header-bot .header-item p {
  color: #feb300;
  font-family: 'Roboto',sans-serif;
  font-size: 12px;
  line-height: 22px;
  margin: 0;
}
.header-item.hea-left {
  padding-left: 34px;
}
.header-item-right a {
  background: #feb300 none repeat scroll 0 0;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #ffffff;
  float: right;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
  padding-top: 7px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.4s ease-in-out 0s;
  width: 186px;
}

.header-item-right a:hover{background: #06223E;
        box-shadow: 0 0 0 10px rgba(6, 34, 62, 0.8) inset, 0 1px 2px rgba(0, 0, 0, 0.1);}
.header-top-right{
    float: right
}
.header-top-right .btn{
    background: none;
    border:none;
    color:#ffffff;
    float: right;
}
.header-top-right .btn:hover, .header-top-right .btn:focus, .header-top-right .btn:active {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  color: #ffffff;
}
.header-top-right {
  padding-top: 5px;
  position: relative;
}

.header-top-right > ul > li{
  position:relative;
  float:left;
  margin-left:32px;
  font-size:12px;
  line-height:20px;
}

.header-top-right > ul > li strong{
  font-weight:600;  
}

.header-top-right > ul > li.dropdown{
  top:-2px;
  padding-top:0px;
  color:#a5a5a5;  
}

.header-top-right .dropdown-menu{
  top:30px;
  border-top:2px solid #FEC53C;
  padding:0px;
  border-radius:0px;
}
.header-top-right .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  background-color: #06223E;
  color: #ffffff;
  text-decoration: none;
}
.header-top-right .dropdown-menu > li{
  line-height:24px;
  text-transform:capitalize;
  border-bottom:1px solid #e7e7e7;  
}

.header-top-right .dropdown-menu > li a{
  display:block;
  font:11px !important;
  padding:7px 15px;
  font-size:12px;
}
.header-top-left {
  float: left;
}
/* End Header-Bottom Styles */

/*==============================================
    Mainmenu Area Css
===============================================*/
.mainmenu-area {
  background: #ffffff;
  border-bottom: 2px solid #f59500;
}
.mainmenu-area .logo {
  padding-bottom: 0px;
  padding-top: 0px;
}
.main-menu .navigation .current i {
  color: #feb300;
  float: center;
  font-size: 15px;
  margin-left: -14px;
  padding-top: 0px;
}
.main-menu {
  padding-top: 0px;
}
.main-menu {
  position: relative;
}

.navbar-collapse {
  padding: 0px
}

.navigation {
  position: relative;
  font-family: 'Montserrat', sans-serif;
}
.navigation li {
  float: left;
  margin-left: 46px;
  padding: 0;
  position: relative;
}

.navigation li a {
  color: #06223e;
  display: block;
  font-family: "Montserrat",sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  opacity: 1;
  padding-bottom: 41px;
  padding-left: 2px;
  padding-right: 2px;
  position: relative;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
}

.navigation > li:hover > a {
  color: #fdc716;
}

.navigation > li > ul {
  position: absolute;
  left: 0px;
  top: 100%;
  background: #feb300;
  width: 180px;
  border-top: 2px solid #06223e;
  padding:0
  z-index: 999;
  display: none;
}

.navigation > li > ul > li {
  position: relative;
  display: block;
  border-bottom: 1px dashed #292929;
  width: 100%;
  margin: 0px;
}
.main-menu .navigation > li > ul > li:last-child {
    border: none;
}
.main-menu .navigation > li > ul > li > a {
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  padding: 8px 0 8px 20px;
  position: relative;
  transition: all 500ms ease 0s;
}

.navigation > li > ul > li:hover > a {
  color: #06223e;
}

/* Stast rev_slider styles */

.rev_slider .text h4 {
  background: #ffffff none repeat scroll 0 0;
  color: #06223e;
  display: block;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 2.5px !important;
  line-height: 28px;
  padding-left: 12px !important;
  padding-right: 12px !important;
  text-transform: uppercase;
}
.rev_slider .text h2 {
  color: #06223e;
  display: block;
  font-size: 70px !important;
  font-weight: 700 !important;
  position: relative;
  text-transform: capitalize;
}
.rev_slider .text h2 span{
 color: #feb300;
}
.rev_slider .text a {
  background: #06223e none repeat scroll 0 0;
  color: #ffffff;
  display: block;
  font-size: 14px !important;
  font-weight: 700 !important;
  height: 55px;
  padding-top: 14px !important;
  text-align: center;
  text-transform: uppercase;
  width: 200px;
  transition: all 1000ms ease 0s;
}
.rev_slider .text a:hover{
    background: #FEB300 none repeat scroll 0 0;
    color: #06223e;
}
.rev_slider .text a i {
  margin-left: 30px !important;
}
/* End rev_slider styles */
/* Start welcome-seciton styles */
.welcome-seciton {
  padding-bottom: 50px;
}
.welcome-seciton .text {
  margin-left: 20px;
}
.welcome-seciton .welcome h2 {
  color: #30344d;
  font-size: 26px;
  font-weight: bold;
  line-height: 36px;
    margin-top: -9px
}
.welcome-seciton .welcome img{border: 4px solid#ffb901}
.welcome-seciton .welcome .border {
  background: #ffb901 none repeat scroll 0 0;
  display: block;
  height: 3px;
  width: 30px;
  margin-top: 12px;
}
.welcome-seciton .welcome p {
  color: #54667a;
  font-size: 14px;
  line-height: 24px;
  padding-top: 16px;
}
.welcome-seciton .welcome .btn2 {
  background: #ffb901 none repeat scroll 0 0;
  border-radius: 5px;
  color: #ffffff;
  display: block;
  font-size: 15px;
  font-weight: bold;
  height: 50px;
  line-height: 32px;
  margin-top: 16px;
  padding-top: 8px;
  text-align: center;
  transition: all 500ms ease 0s;
  width: 140px;
}
.welcome-seciton .welcome a:hover{background:#30344D}

.welcome-seciton .text img {
  float: left;
  margin-bottom: 70px;
  margin-right: 25px;
}
.welcome-seciton .text h4 {
  color: #30344d;
  font-size: 18px;
  line-height: 24px;
}

.welcome-seciton .text p {
  color: #545e69;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  padding-top: 5px;
  margin:0px;
}
.welcome-seciton .text .low {
  color: #54667a;
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  padding-bottom: 30px;
  padding-top: 14px;
}
 .video-preview {
    position: relative;
   margin-top: 28px;
   background: #ddd;
}
.video-preview .v-container {
    padding-top: 70px;
    padding-bottom:70px;
  border: 2px solid#ffb901;
}
 .video-preview .play {
    display: inline-block;
    height: 44px;
    width: 44px;
    margin: 0 auto;
    background: #fff;
    border-radius: 50%;
}
 .video-preview a i {
    font-size: 20px;
    padding-top: 12px;
    padding-left: 5px;
    color: #9C9CA0;
}
.welcome-seciton .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: none repeat scroll 0 0 #ffb901;
}
/* End welcome-seciton styles */
/* Start Service-seciton Styles */
.service-seciton {
  padding-bottom: 60px;
  background:#F4F5F7;
}
.service-seciton .section-title h2{text-align: center;color: #30344d;
    font-size: 26px;
    font-weight: bold;
    line-height: 36px;
    margin-top: -9px;
position: relative;}
.service-seciton .section-title h2::before {
    content: "";
    position: absolute;
    height: 3px;
    width: 30px;
    background: #E5A601;
    bottom: -5px;
    padding-left: 50;
    margin-left: 80px;
}
.service-seciton .service-icon {
    text-align: center;
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
}
.service-seciton .service-icon h2 {
    color: #222222;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 15px;
  padding-bottom: 10px;
}
.service-seciton .service-icon .icon {
    margin: 0 auto;
    display: block;
    height: 85px;
    width: 85px;
}
.service-seciton .service-icon i::before {
  background: #06223e none repeat scroll 0 0;
  border: 4px solid #e4e9f6;
  border-radius: 50%;
  color: #ffffff;
  display: block;
  font-size: 37px;
  height: 85px;
  padding-top: 27px;
  text-align: center;
  width: 85px;
  transition: all 0.4s ease-in-out 0s;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}
.service-seciton .service-icon:hover i::before{background:#06223E;
 box-shadow: 0 0 0 20px rgba(6, 34, 62, 0.8) inset, 0 1px 2px rgba(0, 0, 0, 0.1);   
 color:#FEB914;
 border: 4px solid #FEB914;
}
/* End Service-seciton Styles */

/* == Start Gallery-section Style  == */
.gallery-section .section-title h2{
    text-align: center;
    color: #30344d;
    font-size: 26px;
    font-weight: bold;
    line-height: 36px;
    margin-top: -9px;
    position: relative;}
.gallery-section .section-title h2::before {
    content: "";
    position: absolute;
    height: 3px;
    width: 60px;
    background: #E5A601;
    bottom: -5px;
    left: 50%;
    margin-left: -30px;
}
.gallery-section {
    position: relative;
    padding-top: 5px;
    padding-bottom: 17px;
    align-content: center;
}

.gallery-section .filters {
  margin-bottom: 12px;
  margin-top: 5px;
  position: relative;
  text-align: center;
}

.gallery-section .filters li {
  color: #06223e;
  cursor: pointer;
  display: inline-block;
  font-family: "Montserrat",sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  padding: 0 17px;
  position: relative;
  text-transform: uppercase;
  transition: all 300ms ease 0s;
}
.gallery-section .filters li .txt {
  color: #06223e;
  display: inline-block;
  font-size: 18px;
  padding-left: 23px;
  position: relative;
  z-index: 1;
  text-transform: none;
  transition: all 500ms ease 0s;
}


.gallery-section .filters li:hover,
.gallery-section .filters li.active{
    color: #feb300;
}
.gallery-section .filters li .txt:hover,
.gallery-section .filters li.active .txt {
    color: #feb300;
}

.gallery-section .gallery-item {
    margin-top: 30px;
    text-align: center;
}
.gallery-section .img-holder {
  position: relative;
  transition: all 500ms ease 0s;
}
.gallery-section .img-holder img{width:100%}

.gallery-section .img-holder .projects img{height: 250px;}

.gallery-section .gallery-item .img-holder .link-icon{
  display: table;
    height: 100%;
    position: relative;
    width: 100%;
}
.gallery-section .gallery-item .img-holder .link-icon .link{
  display: table-cell;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.gallery-section .gallery-item .img-holder .overlay {
  background: rgba(6, 34, 62, 0.43);
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  vertical-align: middle;
  width: 100%;
  top: -300px;
  transition: all 500ms ease 0s;
}
.gallery-section .gallery-item:hover .overlay{
  top:0px;

}
.gallery-section .gallery-item .img-holder .link-icon .link a {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 50%;
  color: #06223E;
  display: inline-block;
  font-size: 20px;
  height: 56px;
  padding-top: 15px;
  position: relative;
  width: 56px;
  transition: all 600ms ease 0s;
}
.gallery-section .gallery-item .img-holder .link-icon .link a:hover{background: #06223E none repeat scroll 0 0;color:#ffffff;}
.gallery-section .gallery-item .img-holder {
  overflow: hidden;
  position: relative;
  transition: all 500ms ease 0s;
}

.gallery-section .gallery-item .img-holder img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.gallery-section .gallery-item:hover .img-holder img {
  -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.gallery-section .gallery-item p {
  font-family: sans-serif;
  font-size: 20px;
  background: #f59500;
  color: #fff;
}

.page-list {
  margin-top: 55px;
  text-align: center;
}
.page-list li {
  display: inline-block;
}

.page-list .next {
  background: #30344d none repeat scroll 0 0;
  color: #fff;
  height: 54px;
  text-transform: uppercase;
  width: 156px;
  padding-top: 15px;
  display: block;
    transition: all 500ms ease 0s;
}
.page-list .next:hover{background: #FEB300 none repeat scroll 0 0;color: #fff;}
/* == End Gallery-section Style  == */
/* Start Tema-seciton Styles */
.team-seciton .title h2 {
    text-align: center;color: #30344d;
    font-size: 26px;
    font-weight: bold;
    line-height: 36px;
    margin-top: -9px;
position: relative;
} 
.team-seciton {background:#f4f5f7 }
.team-seciton .title h2::before {
    position: absolute;
    content: "";
    height: 3px;
    background:#E5A601;
    width: 60px;
    bottom: -5px;
    left: 50%;
    margin-left: -30px;
}
.team-seciton{padding-bottom: 100px;}
.team-seciton .single-item .img-holder{position: relative;}
.team-seciton .single-item .img-holder .overlay {
    position: absolute;
    top: 0;
    background: rgba(39, 39, 39, 0.65);
    width: 100%;
    height: 100%;
  transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    width: 100%;
  border: 3px solid#E5A601;
}
.team-seciton .single-item:hover .img-holder .overlay{
    transform: scale(1);}

.team-seciton .single-item .img-holder .overlay ul {padding-top: 36px;float: right;padding-right:30px;}
.team-seciton .single-item .img-holder .overlay ul li a{color:#fff;}
.team-seciton .single-item .img-holder .overlay ul li a:hover{color:#E5A601}

.team-seciton .single-item .text h4 {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    padding-top: 16px;
    padding-bottom: 10px;
    padding-left: 20px;
}
.team-seciton .single-item .text {
    background: #06223e;
    padding-bottom: 15px;
    position: relative;
    overflow: hidden;
}
.team-seciton .single-item .text::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 185, 1, 0.7);
  transition: all 500ms ease 0s;
  bottom: -200px;
}
.team-seciton .single-item:hover .text::before{bottom: 0;}
.team-seciton .single-item .text p {
    color: #fff;
    padding-top: 8px;
    margin: 0;
    padding-left: 20px;
    transition: all 500ms ease 0s;
}
.team-seciton .single-item:hover .text p {
    color: #ffffff;
}
.team-seciton .single-item .text i{color: #feb300;margin-right: 10px;font-size: 15px;}
.team-seciton .single-item .img-holder img{width: 100%}
.team-seciton .single-item{margin-top: 43px;}
.team-seciton .single-item.item-mar{margin-top: 15px;}
.team-seciton .single-item:hover .text i{
  color: #fff;
}
/* End Tema-seciton Styles */

/* == Start Counter-section Style == */
.counter-seciton {
  padding: 60px 0px 100px;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.counter-seciton::before {
  background: rgba(0, 0, 0, 0.7);
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.counter-seciton .counter-text{
  margin-top: 40px;
}
.counter-text h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    line-height: 44px;
    text-align: center;
}

.counter-text p {
    color: rgba(255, 255, 255, 0.71);
    font-size: 15px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    padding-top: 6px;
    font-family: 'Open Sans', sans-serif;
}
 .counter-text .border {
    width: 30px;
    height: 2px;
    background: #FFB901;
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    margin-top: 21px;
}

/* End Counter-section Style */
/* == Star Faq-section  == */

.faq-section {
    padding-bottom: 100px;
    padding-top: 100px;
}
.faq-section .section-title h2 {
    text-align: center;
    color: #30344d;
    font-size: 26px;
    font-weight: bold;
    line-height: 36px;
    margin-top: -9px;
    position: relative;
  margin-bottom: 60px;
}
.faq-section .section-title h2::before {
    content: "";
    position: absolute;
    height: 3px;
    width: 60px;
    background: #E5A601;
    bottom: -5px;
}
.faq-section .blog-item .section-title h2 {
    text-align: left;
    color: #30344d;
    font-size: 26px;
    font-weight: bold;
    line-height: 36px;
    position: relative;
  margin: 0px;
}
.faq-section .blog-item .section-title h2::before {
    content: "";
}
.faq-section .faq-trstimonial .item {
  padding-left: 66px;
  position: relative;
  padding-top: 30px;
}

.owl-carousel .owl-item img {
  display: block;
  width: auto;
}
.faq-section .owl-nav {
  margin-top: -65px;
  position: absolute;
  right: 0;
}
.faq-section .owl-theme .owl-controls .owl-nav [class*="owl-"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #e2e4eb;
  border-radius: 0;
  color: #b5b9c5;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  height: 35px;
  margin: 5px;
  padding: 4px 7px;
  width: 35px;
  font-size: 20px;
}
.faq-section .owl-theme .owl-controls .owl-nav .owl-prev:hover{
    background:#30344d;
    border: 1px solid#06223E;
    color:#ffffff;
}
.faq-section .owl-theme .owl-controls .owl-nav .owl-next:hover{
    background:#30344d;
    border: 1px solid#06223E;
    color:#ffffff;
}


.accordion-box p {
    margin: 0;
    padding-bottom: 44px;
}

.accordion-box .content-title {
    position: relative;
}

.accordion {
    border: 1px solid #D2D6E0;
    position: relative;
    margin-bottom: 20px;
}




.accordion .acc-btn.active .left-icon {
    color: #fff;
}

.accordion .acc-btn p {
    color: #30344d;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;
    margin: 0;
    padding-bottom: 13px;
    padding-left: 85px;
    padding-top: 13px;
}

.accordion .acc-btn .toggle-icon {
  background: #30344d none repeat scroll 0 0;
  cursor: pointer;
  display: block;
  font-weight: 200;
  height: 51px;
  left: -1px;
  padding: 10px;
  position: absolute;
  top: -1px;
  width: 70px;
}
.accordion .acc-btn .toggle-icon i {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 50%;
  color: #30344d;
  display: block;
  height: 16px;
  line-height: 18px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  top: 28%;
  width: 16px;
}
.accordion-box .accordion .acc-btn.active .toggle-icon {
  background: #FFB901 none repeat scroll 0 0;
  cursor: pointer;
  display: block;
  font-weight: 200;
  height: 51px;
  left: -1px;
  padding: 10px;
  position: absolute;
  top: -1px;
  width: 70px;
}
.accordion .acc-btn .toggle-icon .fa-angle-up {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 50%;
  color: #30344d;
  display: block;
  height: 16px;
  line-height: 14px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  top: -25%;
  width: 16px;
}
.accordion-box .accordion .acc-btn.active .toggle-icon .fa-angle-down {
    opacity: 1;
}

.accordion-box .accordion .acc-btn .toggle-icon .fa-angle-up {
    opacity: 0;
}

.accordion-box .accordion .acc-btn.active .toggle-icon .fa-angle-down {
    opacity: 0;
}

.accordion-box .accordion .acc-btn.active .toggle-icon .fa-angle-up {
    opacity: 1;
}

.accordion-box .accordion .acc-btn.active p{
    color: #feb300;
}

.accordion-box .accordion .acc-content {
    color: #222222;
    display: none;
    font-size: 15px;
    line-height: 24px;
}

.accordion-box .accordion .acc-content.collapsed {
    display: block;
}

.accordion-box .accordion .acc-content p {
  color: #203364;
  font-family: "Roboto",sans-serif;
  font-size: 15px;
  margin: 0;
  max-width: 900px;
  padding: 0 0 15px 88px;
}
.consequat h2 {
  color: #30344d;
  font-size: 26px;
  font-weight: bold;
  line-height: 26px;
  padding-bottom: 17px;
    padding-top: 116px;
}


.consequat .text h5 {
  color: #30344d;
  font-size: 14px;
  line-height: 24px;
}
.consequat .border {
  background: #ffb901 none repeat scroll 0 0;
  height: 3px;
  margin-bottom: 27px;
  width: 30px;
}

.consequat {
  display: block;
  position: relative;
  margin-top: 30px;
}

.consequat .ima-holder {
  float: left;
  margin-right: 25px;
  position: relative;
  z-index: 1;
}
.consequat .text h4 a {
  color: hsl(214, 18%, 32%);
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  padding-top: 70px;
  position: relative;
  margin-bottom: 12px;
  display: block;
  transition: all 500ms ease 0s;
}
.consequat .text h4 a:hover{color:#FFB901}
.consequat .text h4 a::before {
  background:#ffb901;
  display: block;
  height: 2px;
  left: 49%;
  position: absolute;
  width: 40px;
  content: "";
  bottom: -10px;
}
.consequat .text p {
  color: hsl(209, 12%, 55%);
  font-size: 14px;
  line-height: 24px;
  padding-top: 13px;
}
.consequat .text .border8 {
  background: hsl(0, 0%, 90%) none repeat scroll 0 0;
  height: 1px;
  margin-bottom: 16px;
  margin-top: 20px;
  width: 100%;
}
.consequat .ima-holder p {
  background:#ffb901;
  color: hsl(0, 0%, 100%);
  font-size: 14px;
  height: 37px;
  line-height: 24px;
  margin-right: -125px;
  margin-top: 16px;
  padding-top: 7px;
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 0;
  width: 190px;
  z-index: 11;
}
.consequat .owl-theme .owl-dots {
  text-align: right;
  margin-top: 28px;
  margin-right: -30px;
}

/* == End Faq-section  == */

/* == Start Footer-section Style == */
.footer-section {
  background: none repeat scroll 0 0 #06223e;
  border-top: 1px solid #bdc4cc;
  padding-top: 107px;
  position: relative;
}
.footer-section .widget {
  margin-left: -60px;
}
.footer-section .news-widget {
  margin-left: 47px;
  margin-right: -47px;
}
.footer-section .link-widget {
  margin-left: 55px;
}
.footer-logo a img {
  margin-bottom: 23px;
  margin-top: 7px;
}
.footer-logo p {
  color: #fdc236;
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
  margin: 0;
}
.footer-logo p span {
  color: #ffffff;
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
}
.footer-item{padding-bottom: 100px}
.footer-item h2 {
  color: #ffffff;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 29px;
}
.news-widget .recent .img-nolder {
  display: inline-block;
  float: left;
  height: 100%;
  width: 55px;
  margin-right: 18px;
}
.news-widget .recent .text {
  display: inline-block;
  float: left;
  height: 100%;
  max-width: 170px;
}
.news-widget .recent .text h4 a {
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  margin-top: -5px;
  display: block;
  transition: all 500ms ease 0s;
}
.news-widget .recent .text h4 a:hover{color:#FEB300}
.news-widget .recent .text p {
  color: #feb300;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  margin: 0;
  padding-top: 4px;
}
.recent.mr-42 {
  margin-bottom: 36px;
  overflow: hidden;
}
.link-widget ul {
  margin-top: -13px;
}
.link-widget ul li a {
  color: #ffffff;
  font-size: 18px;
  line-height: 34px;
  transition: all 500ms ease 0s;
  display: inline-block;
}
.link-widget ul li a:hover{color:#FEB300}
.newsletter input {
  background: #feb300 none repeat scroll 0 0;
  border-radius: 30px;
  color: #ffffff;
  border: none;
  height: 40px;
  padding-left: 23px;
}
.newsletter .form-control::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
.newsletter input:focus {
    border-color:none;
    border:none;
    box-shadow:none;
}

.newsletter{position: relative}
.newsletter button {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 5px;
  height: 40px;
  position: absolute;
  left: 0;
  top:70px;
  width: 100px;
 transition: all 500ms ease 0s;
}
.newsletter > button {
  font-size: 16px;
  color: #06223E;
  font-weight: bold;
  transition: all 500ms ease 0s;
}
.newsletter > button:hover{color:#06223E;background:#FFB901}
.social-icon ul li a {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  color: #989898;
  display: inline-block;
  float: left;
  font-size: 20px;
  height: 48px;
  line-height: 50px;
  margin-right: 11px;
  text-align: center;
  width: 48px;
  transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
}
.social-icon ul li a:hover{-webkit-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1);
    background:#FEBB1C;
    color:#ffffff;
}
.social-icon {
  padding-top: 20px;
}

.footer-bottom p {
  color: #fff;
  float: left;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
}
.footer-bottom p span {
  color: #fff;
}
.footer-bottom {
  background: #f59500;
  text-align: center;
  position:fixed;
  width:100%;
  bottom:0px;
}
.footer-bottom ul{float: right;}
.footer-bottom ul li{display: inline;}
.footer-bottom ul li a {
  font-size: 18px;
  line-height: 24px;
  padding-left: 25px;
  color:#7a7a7a;
}
/* == End Footer-section Style == */

/* ======================== Start About Style  ======================== */
 .about h2 {
    color: #ffb901;
    font-size: 35px;
    line-height: 40px;
    font-weight: bold;
    padding-bottom:35px;
    padding-left:18px;
    padding-top:25px;
}
.about.project h2{
  padding-left:0;
  padding-bottom:10px;
}
.about.project.contact h2{
  padding-bottom:25px;
}

.about h2 span {
  position: relative;
}

.about p {
  color: #666666;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  line-height: 24px;
  padding-top: 35px;
}

 .about h6 {
    color: #666666;
    font-size: 15px;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
    padding-top: 10px;
}

.about h6 i {
    color: #C5C5C5;
    font-size: 18px;
    line-height: 24px;
    margin-right: 10px;
}
.about .btn-one {
    background: #ffb901  none repeat scroll 0 0;
    border: medium none;
    border-radius: 25px;
    color: #fff;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 50px;
    margin-bottom: 50px;
    margin-top: 48px;
    padding: 9px 30px;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 150px;
    text-align: center;
    line-height: 32px;
    margin-bottom: 0px;
}
.about .btn-one:hover{background:#06223E}
/* == Start Slider-section Style == */
.slider {
  display: table;
  height: 100%;
  padding-bottom: 85px;
  padding-top: 85px;
  position: relative;
  width: 100%;
}
.slider .text {
    display: table-cell;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.slider .text h2 {
  color: #ffffff;
  display: inline-block;
  font-size: 60px;
  font-weight: bold;
}
/* == End Slider-section Style == */
.client-section {padding: 0px 0px;}
.client-section .section-title h2 {
    text-align: center;
    color: #30344d;
    font-size: 26px;
    font-weight: bold;
    line-height: 36px;
    margin-top: -9px;
    position: relative;
}
.client-section .section-title h2::before {
    content: "";
    position: absolute;
    height: 3px;
    width: 30px;
    background: #E5A601;
    bottom: -5px;
}
.client-section .single-item {
  margin-bottom: 10px;
  margin-top: 0px;
  position: relative;
}
.client-section .single-item .box-holder h2 {
  color: #031633;
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 10px;
  padding-left: 30px;
}

.client-section .single-item .box-holder h3 {
  color: #031633;
  font-size: 16px;
  padding-bottom: 20px;
  padding-left: 30px;
}

.client-section .single-item .box-holder .icon ul li {
  display: inline-block;
}
.client-section .single-item .box-holder .icon ul li i {
  color: #fab624;
  font-size: 20px;
  padding: 9px 3px;
  margin-bottom: 7px;
}
.client-section .single-item .box-holder p {
  color: #000;
  display: block;
  font-size: 16px;
  line-height: 26px;
  padding: 15px 0px 15px 30px;

}
.client-section .single-item img {
  display: block;
  margin: 0 auto;
  position: relative;
  top: 40px;
  width: 100px;
  z-index: 111;
  border-radius: 15%;
}
.client-section .single-item .overlay {
  bottom: 0;
  left: 0;
  line-height: 0;
  opacity: 1;
  overflow: hidden;
  position: relative;
  right: 0;
  text-align: left;
  top: 0;
  transition: all 0.3s ease 0s;
}
.client-section .single-item .overlay .box-holder {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;    
}
.client-section .single-item .overlay .box-holder:before,
.client-section .single-item .overlay .box-holder:after {
    content: '';
    position: absolute;    
    opacity: 0;    
    filter: alpha(opacity=0);
}
.client-section .single-item .overlay:hover .box-holder:after {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: skew(0deg);
        -ms-transform: skew(0deg);
            transform: skew(0deg);
}
.client-section .single-item .overlay:hover .box-holder:before {
    opacity: 1;
    filter: alpha(opacity=100);
}
.client-section .single-item .overlay .box-holder:after {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;    
    border-top: 1px solid #FBB92C;
    border-bottom: 1px solid #FBB92C;
    -webkit-transform: skew(-100deg);
        -ms-transform: skew(-100deg);
            transform: skew(-100deg);
    -webkit-transition: all .5s ease;
            transition: all .5s ease;
}
.client-section .single-item .overlay .box-holder:before {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;    
    border-left: 1px solid #FBB92C;
    border-right: 1px solid #FBB92C;
    -webkit-transition: all .5s ease .3s;
            transition: all .5s ease .3s;
}
.client-section .single-item .overlay .box-holder{border: 1px solid#E6E6E6;transition: all 500ms ease 0s;}
.client-section .single-item .overlay:hover .box-holder{border: 1px solid#ffffff; 0s;}

/* ======================== End About Style  ======================== */

/* ======================== Start Project Style  ======================== */
.gallery-section.pro-page{padding-top:30px}
.gallery-section.pro-page .items-container{margin-top: 50px}
.gallery-section.pro-page .gallery-item{margin: 0}
.gallery-section.pro-page .page-list ul li a {
  border-bottom: 1px solid #b6b6b6;
  color: #b6b6b6;
  display: block;
  font-family: "Montserrat",sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 22px;
  margin: 0 5px;
  padding-top: 4px;
  text-align: center;
  transition: all 500ms ease 0s;
}
.gallery-section.pro-page .page-list ul li a:hover{color:#06223e}
.gallery-section.pro-page .page-list ul li a i {
  border: 1px solid #d7d7d7;
  height: 42px;
  padding-top: 10px;
  text-align: center;
  width: 42px;
  transition: all 500ms ease 0s;
  font-size: 20px;
}
.gallery-section.pro-page .page-list ul li .bor-1 {
  border-bottom: medium none;
}
.gallery-section.pro-page .page-list ul li a i:hover{
  background:#FEB300;
  color: #ffffff;
  border:1px solid#FEB300
}
.gallery-section.pro-page .page-list {
  margin-top: 66px;
  text-align: center;
}
.single-gallery-section .single-img .img-holder{position: relative;overflow: hidden;border: 3px solid#FFB901;margin-top: 60px;}
.single-gallery-section .single-img .img-holder img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: all 5s ease 0s;
    transition: all 5s ease 0s;
    width: 100%;
    
}
.single-gallery-section .single-img:hover .img-holder img {
  -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.single-gallery-section .single-img .single-text h2 {
    font-weight: 600;
    padding-top: 30px;
    padding-bottom: 15px;
}
.single-gallery-section .single-img .single-text .text {
  font-size: 16px;
  color:#666666;
}
.single-gallery-section .single-img .single-text .text span{font-weight: 600;text-transform: uppercase}

.single-gallery-section .single-img .single-text .text-item {
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 100px;
    padding-right: 100px;
    font-style: italic;
    padding-top: 30px;
    padding-bottom: 25px;
    border: 1px solid#666;
    margin-top: 50px;
}
.single-gallery-section .single-item {
    margin-bottom: 100px;
  margin-top: 50px
}
.single-gallery-section .single-item .video-preview {
   background-size: cover
}
.single-gallery-section .single-item .video-preview .v-container {
    padding-top: 100px;
    padding-bottom:100px;
  border: 2px solid#ffb901;
}
.single-gallery-section .single-item .text-box h2 {
    font-size: 20px;
    font-weight: 600;
    padding-top: 10px;
    margin-bottom: 15px;
  position: relative
}
.single-gallery-section .single-item .text-box h2::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 26px;
    background: #FFB901;
    bottom: -5px;
}
.single-gallery-section .single-item .text-box {
    padding-top: 15px;
  padding-left: 10px;
}
.single-gallery-section .single-item .text-box p {
    margin: 0;
    color: #666666;
}
.single-gallery-section .single-item .text-box p i{margin-right: 15px;color:#272727;font-weight: bold}
.single-gallery-section .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: none repeat scroll 0 0 #ffb901;
}
.single-gallery-section .single-item .owl-theme .owl-dots .owl-dot {
    display: block;

}
.single-gallery-section .single-item .owl-theme .owl-dots {
    position: absolute;
    right: 0;
    top: 50%;
}
.page-bac{background: rgba(102, 102, 102, 0.2);}

.gallery-section.page-bac .gallery-item .img-holder .overlay {
    background: rgba(229, 166, 1, 0.7);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    vertical-align: middle;
    width: 100%;
    top: -410px;
    transition: all 500ms ease 0s;
}
.gallery-section.page-bac .gallery-item:hover .overlay{
  top:0px;

}
/* ======================== End Project Style  ======================== */

/* ======================== Start Blog Style  ======================== */
.blog-seciton{padding-top: 100px;padding-bottom: 100px;}
.blog-seciton .blog-item{padding-bottom: 30px;margin-bottom: 30px;border-bottom:1px solid#cccccc;}
.blog-seciton .blog-item .ima-holder {position: relative;}
.blog-seciton .blog-item .ima-holder img{width: 100%;}
.blog-seciton .blog-item .ima-holder p {
    background: #ffb901;
    color: hsl(0, 0%, 100%);
    font-size: 14px;
    height: 40px;
    line-height: 24px;
    margin-top: 30px;
    padding-top: 7px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    width: 180px;
    z-index: 11;
}
.blog-seciton .blog-item .text h2 a{
    color: #30344d;
    font-size: 26px;
    font-weight: bold;
    line-height: 36px;
    margin-top: 30px;
    position: relative;
    margin-bottom: 10px;
  display: block;
  transition: all 500ms ease 0s;
}
.blog-seciton .blog-item .text h2 a:hover{color:#FFB901}
.blog-seciton .blog-item .text p{color:#666666;padding-bottom: 30px;}
.blog-seciton .blog-item .text img{float: left;margin-right: 25px;width: 60px;height: 60px;}
.blog-seciton .blog-item .text h5 a{color:#272727;float: right;font-weight: 600;transition: all 500ms ease 0s;}
.blog-seciton .blog-item .text h5{color:#272727;padding-top: 15px;font-weight: 600;font-style: italic;}
.blog-seciton .blog-item .text h5 a:hover{color:#FFB901}
.blog-seciton .blog-item .text h5 a i{padding-left: 10px;}
.blog-seciton .landmor a {
    width: 130px;
    height: 43px;
    background: #FFB901;
    color: #fff;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-weight: bold;
    padding-top: 9px;
    transition: all 500ms ease 0s;
}
.blog-seciton .landmor a:hover{background:#272727;}
.sidebar{padding-left:50px;}
.sidebar .search_box{position: relative;margin-bottom: 20px;}
.sidebar .search_box input{height: 45px;}
.sidebar .search_box a i {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 15px;
  color:#FFB901;
} 
.sidebar .categories h4 {
    color: #272727;
    font-size: 20px;
    font-weight: 600;
    padding-top: 15px;
    padding-bottom: 15px;
}
.sidebar .categories .angles li a{color:#666;font-size: 16px;transition: all 500ms ease 0s;}
.sidebar .categories .angles li a i{color:#FFB901;margin-right: 12px;transition: all 500ms ease 0s;}
.sidebar .categories .angles li a:hover{color:#FFB901}
.sidebar .categories .angles li a:hover i{color:#666}
.sidebar .categories img {
    float: left;
  margin-right: 12px;
}
.sidebar .categories{margin-bottom: 20px;}
.sidebar .categories h5 a {
    color: #272727;
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    padding-bottom: 10px;
    display: inline-block;
  transition: all 500ms ease 0s;
}
.sidebar .categories h5 a:hover{color:#FFB901}
.sidebar .categories .admin {
    color: #666;
    font-size: 14px;
}
.sidebar .categories .admin span {
    color: #FFB901;
    font-size: 16px;
}
.sidebar .categories .tages li {
    float: left;
    margin: 4px;
}
.sidebar .categories .tages li a {
    color: #fff;
    font-size: 14px;
    background: #FFB901;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  transition: all 500ms ease 0s;
}
.sidebar .categories .tages{margin-top: 30px;}
.sidebar .categories .tages li a:hover{background:#272727}
.comments-box .img_holder{float: left;margin-right: 20px;}
.comments-box .img_holder.mar-50{margin-left: 100px;}
.comments-box .text h4{font-size: 20px;font-weight: 600;color:#272727;}
.comments-box .text h4 span{font-weight: 100;float: right;font-style: italic;color:#272727}
.comments-box .text a{color:#FFB901;padding-bottom: 30px;display: block;transition: all 500ms ease 0s;}
.comments-box .text a:hover{color:#272727;}
.comments-box .text a span{color:#272727;padding-left: 5px;padding-right: 5px;font-style: italic}
.comments-box h2{font-weight: 600;font-size: 30px; color:#272727;padding-bottom: 40px;}
/* ======================== End Blog Style  ======================== */


/* ======================== Start Contact Style  ======================== */

.default-form.clearfix .form-group input {
  color: #465a6f;
  font-size: 14px;
  font-style: italic;
  height: 50px;
  padding-left: 23px;
  width: 100%;
}
.default-form h4 {
  color: #272727;
  font-size: 20px;
  font-style: italic;
  font-weight: 600;
  padding-bottom: 5px;
  padding-top: 10px;

}

.default-form.clearfix .form-group.comments textarea {
  color: #465a6f;
  font-size: 14px;
  font-style: italic;
  height: 174px;
  padding-left: 23px;
  padding-top: 15px;
  width: 100%;
  margin-top: 82px;
}
.contact-seciton .default-form.clearfix .form-group.comments textarea{margin-top: 0}
.contact-seciton .default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group input[type="password"]:focus,
.default-form .form-group input[type="tel"]:focus,
.default-form .form-group input[type="number"]:focus,
.default-form .form-group select:focus,
.default-form .form-group textarea:focus {
    border-color: #F55C23;
}
.default-form .form-group input.error,
.default-form .form-group select.error,
.default-form .form-group textarea.error {
    border-color: #ff0000 !important;
}

.default-form .form-group label.error {
    display: block;
    padding: 10px 0px 0px;
    line-height: 24px;
    font-size: 12px;
    text-transform: uppercase;
    color: #ff0000;
    font-weight: normal !important;
}
.default-form .form-group .btn.btn-1 {
  background: #feb300 none repeat scroll 0 0;
  border-radius: 0;
  color: #ffffff;
  font-size: 17px;
  height: 50px;
  position: relative;
  width: 100%;
  z-index: 111;
  margin-top: 12px;
  transition: all 500ms ease 0s;
}
.default-form .form-group .btn.btn-1 i{margin-right: 10px;}
.default-form .form-group .btn.btn-1:hover{background:#272727}

.default-form .form-group input{border: 1px solid#666}
.default-form .form-group textarea{border: 1px solid#666}
.blog-item .img-box {width: 100%;margin-bottom: 30px}
.blog-seciton .blog-item .text .img-box img {
    float: left;
    width: 245px;
    height: 230px;
    margin: 5px;
}
.contact-seciton {
  padding: 17px 15px;
  position: relative;
}
.contact-seciton h2 {
    color: #30344d;
    font-size: 35px;
    line-height: 40px;
    font-weight: bold;
}
.contact-seciton h2 span {
    color: #ffb901;
    font-size: 35px;
    line-height: 40px;
    font-weight: bold;
}

.contact-seciton h4 {
  font-size: 15px;
}

.contact-form {
  background: #fff none repeat scroll 0 0;
}

.contact-seciton .section-title p {
  font-size: 16px;
  line-height: 26px;
  padding-bottom: 75px;
  padding-top: 50px;
  color: #06223e;
}
.contact-seciton .default-form.clearfix .form-group {
  float: left;
  margin: 15px 10px 0;
  width: 41%;
}
.contact-seciton .default-form.clearfix .form-group input {
  color: #465a6f;
  font-size: 14px;
  font-style: italic;
  height: 50px;
  padding-left: 23px;
  width: 100%;
}
.contact-seciton .default-form.clearfix{padding-left: 35px;padding-top: 10px;}
.contact-seciton .default-form.clearfix .form-group.comments textarea {
  color: #465a6f;
  font-size: 14px;
  font-style: italic;
  height: 200px;
  padding-left: 23px;
  padding-top: 15px;
  width: 100%;
}
.contact-seciton .default-form.clearfix .form-group.comments{width: 85%}
.contact-seciton .contact-seciton .default-form .form-group input[type="text"]:focus,
.contact-seciton .default-form .form-group input[type="email"]:focus,
.contact-seciton .default-form .form-group input[type="password"]:focus,
.contact-seciton .default-form .form-group input[type="tel"]:focus,
.contact-seciton .default-form .form-group input[type="number"]:focus,
.contact-seciton .default-form .form-group select:focus,
.contact-seciton .default-form .form-group textarea:focus {
    border-color: #F55C23;
}
.contact-seciton .default-form .form-group input.error,
.contact-seciton .default-form .form-group select.error,
.contact-seciton .default-form .form-group textarea.error {
    border-color: #ff0000 !important;
}

.contact-seciton .default-form .form-group label.error {
    display: block;
    padding: 10px 0px 0px;
    line-height: 24px;
    font-size: 12px;
    text-transform: uppercase;
    color: #ff0000;
    font-weight: normal !important;
}
.contact-seciton .default-form .form-group .btn.btn-1 {
  background: #feb300 none repeat scroll 0 0;
  border-radius: 0;
  color: #ffffff;
  font-size: 17px;
  height: 50px;
  position: relative;
  width: 200px;
  z-index: 111;
  margin-top: 12px;
  transition: all 500ms ease 0s;
}
.contact-seciton .default-form .form-group .btn.btn-1 i{margin-right: 10px;}

.contact-seciton .default-form .form-group .btn.btn-1:hover{background:#06223e}

.contactus-seciton {
  padding-bottom: 80px;
  padding-top: 60px;
}
.contactus-seciton .single-item{text-align: center}
.contactus-seciton .single-item h4 a {
  color: #06223e;
  font-size: 18px;
  font-weight: bold;
  line-height: 45px;
  padding-top: 10px;
  display: block;
  transition: all 500ms ease 0s;
}
.contactus-seciton .single-item p {
  color: #888888;
  font-family: 'Open Sans',sans-serif;
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  padding-left: 55px;
  padding-right: 55px;
  padding-top: 4px;
}
.contactus-seciton .single-item h5 a {
  color: #06223e;
  font-size: 14px;
  font-weight: 600;
  line-height: 45px;
  display: block;
  transition: all 500ms ease 0s;
}
.contactus-seciton .single-item h5{
  color: #06223e;
  font-size: 14px;
  font-weight: 600;
  line-height: 45px;
  display: block;
  transition: all 500ms ease 0s;
}
.contactus-seciton .single-item a:hover{color:#FEB300}


.contactus-seciton .single-item i::before {
  background: #06223E none repeat scroll 0 0;
  border: 5px solid #E9EDF8;
  border-radius: 50%;
  color: #ffffff;
  display: block;
  font-size: 37px;
  height: 118px;
  margin: 0 30px;
  padding-top:35px;
  text-align: center;
  width: 118px;
  transition: all 0.4s ease-in-out 0s;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}
.contactus-seciton .single-item:hover i::before{background:#06223E;
 box-shadow: 0 0 0 20px rgba(6, 34, 62, 0.8) inset, 0 1px 2px rgba(0, 0, 0, 0.1);   
 color:#FEB300;
 border: 5px solid #FEB914;
}
.hvr-float-shadow::before {
  background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0;
  content: "";
  height: 10px;
  left: 5%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 99%;
  transition-duration: 0.3s;
  transition-property: transform, opacity;
  width: 90%;
  z-index: -1;
}
.pad-0{padding-left: 0px;padding-right: 0px;}
/* ======================== End Contact Style  ======================== */

.navigation li a{
  padding-bottom: 0;
  padding: 10px 15px;

}
.navigation li.current{
  background: #f59500;
  border: 1px solid #fff;
 

}
.navigation li.current a{
  color:#fff;
}
.footer-bottom{
 background: #f59500 !important;
}

.owl-stage {
  width: 100%;
}

.owl-item.active{
  width: 100%;
}

.client_img {
  margin: 5px;
  border: 2px solid #f59500;
}
.welcome-seciton .text i{
    float: left;
    font-size: 40px;
    margin-bottom: 80px;
    margin-right: 10px;
    margin-top: 25px;
    color:#f59500;
    width: 40px;
}
.gallery-section .gallery-item .img-holder .link-icon .link a.fancy-firstimage {
  z-index: 9999999;
}