/*  Theme Name: Erraction Construction HTML Template
*   Author Name: Themespair;
*   Autor URL : http://themespair.com;
* 
*/
/************ TABLE OF CONTENTS ***************


            1.Global Settings
            2.Main Header style
            3.Main Slider style
            4.Promo Section 
            5.Into Section Style
            6.Why We Choose Us
            7.Project style
            8.What We Do style
            9.Testimonial style
            10.Team Member style
            11.Post Section style
            12.Project Counter style
            13.About Us style
            14.Feature Section style
            15.Client Section style
            16.Contact style
            17.Footer style
            18.Scroll To Top style
            19.About Us Page style
            20.Single Service page Page style
            21.Blog page Page style
            22.Right Sidebar style
            23.Blog Details Page style
            24.Portfolio Single Page style
            25.Underconstruction Page Style 


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



@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Fredoka+One|Chewy|Oswald:400,700);
@import url('font-awesome.css');
@import url('animate.css');
@import url('flaticon.css');
@import url('revolution-slider.css');
@import url('jquery.mb.YTPlayer.min.css');
@import url('flexslider.css');
@import url('video-js.min.css');
@import url('owl.carousel.css');
@import url('lightbox.css');
/*** 

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

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

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

 ***/
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #444;
    line-height: 1.8em;
    font-weight: 400;
    background: #f5f5f5;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-font-smoothing: antialiased;
}
a {
    text-decoration: none;
    cursor: pointer;
}
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;
    background: none;
    line-height: 1.6em;
}
input,
button,
select,
textarea { font-family: 'Open Sans', sans-serif }
p {
    position: relative;
    line-height: 2em;
}
.main-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-height: 500px;
    overflow: hidden;
}
.boxed-wrapper{
    width: 93%;
    background: #ffffff;
}
.pattern-bg{
    background: rgba(0, 0, 0, 0) url("../images/boxed-bg.png") repeat scroll 0 0;
}

ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.section-padding { padding: 80px 0 }
.theme-btn {
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    font-family: 'Montserrat', sans-serif;
}
.centered { text-align: center }
.section-title > h2 {
    margin-bottom: 37px;
    text-transform: uppercase;
    font-family: Montserrat;
    font-weight: 700;
}
.section-title > h2:after {
    background: #EFA601 none repeat scroll 0 0;
    bottom: -20px;
    content: "";
    height: 4px;
    left: 50%;
    margin-left: -40px;
    position: absolute;
    width: 70px;
}
.section-title > p {
    font-size: 16px;
    line-height: 26px;
    margin: 0 auto 47px;
    padding: 0;
    max-width: 900px;
}
.btn.btn-slider {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    padding: 15px 37px;
    font-size: inherit;
    cursor: pointer;
    font-weight: bold;
    display: inline-block;
    margin: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    border: none !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #000 !important;
    overflow: hidden;
}
.btn.btn-slider:after {
    content: '';
    background: rgba(239,166,1, 1);
    position: absolute;
    z-index: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.btn.btn-slider:hover {
    color: #fff !important;
    border: none !important;
}
.btn.btn-slider:hover:after {
    opacity: 1;
    filter: alpha(opacity=100);
    height: 260%;
}
.btn.btn-slider span {
    position: relative;
    z-index: 2;
}
.default-btn.btn.btn-slider {
    background: rgba(239, 166, 1, 1) none repeat scroll 0 0;
    color: #ffffff !important;
}
.default-btn.btn.btn-slider:after { background: rgba(255, 255, 2555, 1) none repeat scroll 0 0 }
.default-btn.btn.btn-slider:hover {
    color: rgba(239, 166, 1, 1) !important;
    z-index: 111;
}
.common-title {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.common-title:after {
    background: #efa601 none repeat scroll 0 0;
    bottom: -11px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 50px;
}
.roboto-font { font-family: 'Roboto Condensed', sans-serif }
/*** 

====================================================================
    Main Header style
====================================================================

***/
.main-header {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 999;
    width: 100%;
}
/**/
.main-header.transparent-header { position: absolute }
.main-header .header-top {
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.30);
    padding: 5px 0px;
    background: #423b36;
    font-family: 'Montserrat', sans-serif;
}
.main-header.transparent-header .header-top { background: transparent }
.main-header .header-top .top-left {
    position: relative;
    float: left;
    padding: 5px 0px;
    color: #c9c9c9;
    font-size: 14px;
}
.main-header .header-top .top-left li {
    position: relative;
    display: inline-block;
    margin-right: 20px;
}
.main-header .header-top .top-left li a {
    position: relative;
    display: block;
    line-height: 14px;
    padding: 3px 0px;
    color: #c9c9c9;
    font-size: 14px;
    transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}
.main-header .header-top .top-left li span.fa {
    font-size: 14px;
    padding-right: 5px;
}
.main-header .header-top .top-left a span { color: #EFA601 }
.main-header .header-top .top-left li a:hover { color: #ffffff }
.main-header .header-top .top-right {
    position: relative;
    float: right;
}
.main-header .header-top .top-right .social-links > ul {
    margin: 0;
    padding: 0;
}
.main-header .header-top .top-right .social-links ul li {
    display: inline-block;
    margin-left: 5px;
}
.main-header .header-top .top-right .social-links { float: right }
.main-header .header-top .top-right .social-links ul li a { margin: 0 -2px;}
.main-header .header-top .top-right .social-links ul li i {
    color: #888888;
    height: 35px;
    line-height: 34px;
    text-align: center;
    width: 35px;
    font-size: 16px;
    border-radius: 100%;
    transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
}
.main-header .header-top .top-right .social-links li:hover i {
    color: #ffffff;
    border: none !important;
}
.top-right .social-links ul li a i {
  border: 1px solid #888888;
  color: #888888;
}
.main-header .lower-header {
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.20);
    padding: 0px 0px;
    background: #ffffff;
    width: 100%;
    left: 0px;
    top: 0px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.main-header.transparent-header .lower-header { background: transparent }
.main-header.transparent-header.fixed-header .lower-header { background: #ffffff }
.fixed-header .lower-header {
    position: fixed;
    padding: 0px !important;
}
.main-header .lower-header .outer-box {
    position: relative;
    padding: 0px 80px 0px 0px;
}
.main-header .lower-header .search-box-btn {
    position: absolute;
    right: 0px;
    top: 36px;
    width: 40px;
    padding: 0px 10px;
}
.fixed-header .lower-header .search-box-btn { top: 20px }
.main-header .lower-header .search-box-btn .search-btn {
    position: relative;
    display: block;
    font-size: 16px;
    color: #EFA601;
    line-height: 36px;
    padding-left: 2px;
    width: 38px;
    height: 38px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #EFA601;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
}
.main-header .lower-header .search-box-btn .search-btn:hover {
    color: #1a1a1a;
    border-color: #1a1a1a;
}
.main-header .lower-header .logo {
    position: relative;
    float: left;
    padding: 10px 0px;
}
.fixed-header .lower-header .logo { padding: 0px !important }
.main-header .lower-header .logo img {
    display: inline-block;
    max-width: 100%;
}
.main-menu {
    position: relative;
    float: right;
}
.main-menu .navbar-collapse { padding: 0px }
.main-menu .navigation {
    position: relative;
    float: right;
    margin: 0px;
    font-family: 'Montserrat', sans-serif;
}
.main-menu .navigation > li {
    position: relative;
    float: left;
    padding: 0px;
    margin-left: 40px;
}
.main-menu .navigation > li > a {
    position: relative;
    display: block;
    padding: 44px 15px 36px;
    font-size: 13px;
    color: #3a3a3a;
    line-height: 20px;
    text-transform: uppercase;
    opacity: 1;
    filter: alpha(opacity=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;
}
.main-header.transparent-header .main-menu .navigation > li > a { color: #ffffff }
.main-header.transparent-header.fixed-header .main-menu .navigation > li > a { color: #3a3a3a }
.main-menu .navigation > li > a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0px;
    height: 4px;
    background: #EFA601;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.main-menu .navigation > li.dropdown > a:after {
    font-family: 'FontAwesome';
    content: "\f0d7";
    position: absolute;
    left: 0px;
    width: 100%;
    text-align: center;
    bottom: 15%;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.fixed-header .main-menu .navigation > li > a { padding: 34px 15px 26px }
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a {
    color: #000000;
    opacity: 1;
    filter: alpha(opacity=100);
}
.main-header.transparent-header .navigation > li:hover > a,
.main-header.transparent-header .navigation > li.current > a,
.main-header.transparent-header .navigation > li.current-menu-item > a {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100);
}
.main-menu .navigation > li:hover > a:before,
.main-menu .navigation > li.current > a:before,
.main-menu .navigation > li.current-menu-item > a:before { width: 100% }
.main-menu .navigation > li:hover > a:after { opacity: 1; filter: alpha(opacity=100) }
.main-menu .navigation > li > ul {
    position: absolute;
    left: 0px;
    top: 140%;
    width: 220px;
    padding: 0px;
    border: 1px solid #EFA601;
    border-top-width: 4px;
    z-index: 100;
    background: #ffffff;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.main-menu .navigation > li:hover > ul {
    top: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
.main-menu .navigation > li > ul > li {
    position: relative;
    float: none;
    width: 100%;
    border-bottom: 1px solid #efefef;
}
.main-menu .navigation > li > ul > li:last-child { border: none }
.main-menu .navigation > li > ul > li > a {
    position: relative;
    display: block;
    padding: 8px 15px 8px 30px;
    line-height: 20px;
    font-weight: normal;
    font-size: 12px;
    color: #3a3a3a;
    transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
}
.main-menu .navigation > li > ul > li > a:before {
    content: '\f105';
    font-family: 'FontAwesome';
    font-size: 16px;
    line-height: 36px;
    position: absolute;
    top: 0;
    left: 0px;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: 500ms;
            transition: 500ms;
}
.main-menu .navigation > li > ul > li:hover > a:before {
    opacity: 1;
    filter: alpha(opacity=100);
    left: 15px;
    visibility: visible;
}
.main-menu .navigation > li > ul > li:hover > a {
    color: #ffffff;
    background-color: #EFA601;
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
    font-family: 'FontAwesome';
    content: "\f0da";
    position: absolute;
    right: 10px;
    top: 8px;
    width: 10px;
    height: 20px;
    display: block;
    color: #EFA601;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    z-index: 5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after { color: #ffffff }
.main-menu .navigation > li > ul > li  > ul {
    position: absolute;
    left: 110%;
    top: -1px;
    width: 220px;
    padding: 0px;
    border: 1px solid #EFA601;
    border-top-width: 4px;
    z-index: 100;
    background: #ffffff;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li:hover > ul {
    left: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
.main-menu .navigation > li > ul > li  > ul > li {
    position: relative;
    float: none;
    width: 100%;
    border-bottom: 1px solid #efefef;
}
.main-menu .navigation > li > ul > li  > ul > li:last-child { border: none }
.main-menu .navigation > li > ul > li  > ul > li > a {
    position: relative;
    display: block;
    padding: 8px 15px 8px 30px;
    line-height: 20px;
    font-weight: normal;
    font-size: 12px;
    color: #3a3a3a;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li  > ul > li > a:before {
    content: '\f105';
    font-family: 'FontAwesome';
    font-size: 16px;
    line-height: 36px;
    position: absolute;
    top: 0;
    left: 15px;
}
.main-menu .navigation > li > ul > li  > ul > li:hover > a {
    color: #ffffff;
    background-color: #EFA601;
}
.main-header .search-box {
    position: relative;
    padding: 15px 0px;
    background: #EFA601;
    color: #ffffff;
    display: none;
}
.main-header.transparent-header .search-box { background: transparent }
.main-header .search-box .search-title {
    position: relative;
    float: left;
}
.main-header .search-box .search-title h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;
}
.main-header .search-box .search-form {
    position: relative;
    float: right;
    max-width: 350px;
    overflow: hidden;
}
.main-header .search-box .form-group {
    position: relative;
    display: block;
    padding: 0px;
    margin: 0px;
    width: 100%;
    overflow: hidden;
}
.main-header .search-box .form-group input[type="search"],
.main-header .search-box .form-group input[type="text"] {
    position: relative;
    display: block;
    width: 100%;
    padding: 8px 40px 6px 15px;
    border: 2px solid #ffffff;
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    background: none;
}
.main-header .search-box .form-group .search-submit {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    background: #616161;
    display: block;
    padding: 0px 10px;
    color: #ffffff;
    font-size: 16px;
    line-height: 38px;
}
.main-header.transparent-header .search-box .form-group .search-submit { background: #efa601 }
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 34px;
    height: 30px;
    border: 1px solid #ffffff;
    background: url(../images/icons/submenu-icon.png) center center no-repeat;
    background-size: 20px;
    cursor: pointer;
    z-index: 5;
    display: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
}
/*** 

====================================================================
    Main Slider style
====================================================================

***/
.main-slider {
    position: relative;
    background: none;
    color: #1c1c1c;
}
.main-slider {
    position: relative;
    background: none;
    color: #1c1c1c;
}
.slider-btn a { font-size: 13px !important }
.main-slider .slider-text, .main-slider .slider-text span{
    color: #000;
    font-family: "open sans",sans-serif;
    font-size: 77px;
    font-weight: 900;
    padding: 10px !important;
    margin-top: -100px!important;
    text-transform: uppercase;
}
.main-slider .slider-text span{ 
    color: #2443a4; 
    padding: 0px !important; 
}
.main-slider h2 {
    margin-top: -100px!important;
    color: #000;
    font-weight: 600;
    
}
.main-slider .slider-lorem {
    margin-top: -100px!important;
    color: #000;
    font-weight: 500;
}
.slider-text b{ 
    color: #2443a4;
    font-weight: bold;
}
/*Transparent Slider Content Style*/
.main-slider.transparent-slider .slider-btn { margin-top: 70px !important }
.main-slider.transparent-slider .slider-text { margin-top: 100px!important }
.main-slider.transparent-slider h2 { margin-top: 100px!important }
.main-slider.transparent-slider .slider-lorem { margin-top: 100px!important }
.main-slider.transparent-slider .slider-btn { margin-top: 70px !important }
/*End Transparent Slider Content Style*/
.main-slider .slider-text span { color: #efa601 }
.tp-bullets.preview4 .bullet {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border-color: rgba(255, 255, 255, 0.9) !important;
    margin: 0 5px;
}
.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected {
    background: #ffffff none repeat scroll 0 0 !important;
    border-color: #f8aa27 !important;
}
/*** 

====================================================================
    Promo Section 
====================================================================

***/
#promo-section {
    background-color: #EFA601;
    color: #fff;
    padding: 20px 0;
}
#promo-section .col-md-2 { width: 10.667% }
#promo-section .white-border-button {
    float: none;
    margin-top: 24px;
}
.btn.btn-slider.promo-btn:after {
    background: rgba(28, 50, 84,1);
    color: #fff !important;
}
.btn.btn-slider.promo-btn:hover {
    color: #fff !important;
    z-index: 111;
}
.promo-content > h1 {
    font-size: 28px;
    font-weight: 700;
    margin-top: 30px;
    text-transform: uppercase;
}
.promo-content > p {
    color: #000;
    font-size: 17px;
    line-height: 39px;
}
.promo-content i {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    color: #efa601;
    float: left;
    height: 100px;
    line-height: 94px;
    margin-bottom: 5px;
    margin-right: 35px;
    margin-top: 22px;
    width: 100px;
}
.btn.btn-slider.promo-btn span {
    position: relative;
    z-index: 2;
}
#promo-section .glyph-icon.flaticon-construction45:before,
.glyph-icon.flaticon-handy:after {
    margin-left: 0px;
    font-family: Flaticon;
    font-size: 55px;
    font-style: normal;
}
/*** 

====================================================================
    Introduction Section Style
====================================================================

***/

.left {
    margin-left: 5px;
    margin-top: -50px;
}
#into-section h2 {
    color: #23282f;
    font-size: 36px;
    font-weight: 800;
    line-height: 30px;
    text-transform: uppercase;
}
.span-level {
  color: #23282f;
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 2;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.intro-img {
  width: 73%;
  float: left;
  margin-top: 20px;
}

/*** 

====================================================================
    Why We Choose Us
====================================================================

***/
/*#whyus-section {
  background: rgba(0, 0, 0, 0) url("../images/blog/bg-blog.png") repeat scroll 0 0;
}
*/
#whyus-section .single-cat-1 > h4 {
    margin-bottom: 15px;
    margin-top: 20px;
}
#whyus-section .single-cat-1 > p {
    font-size: 14px;
    line-height: 24px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 39px;
    width: 80%;
}
#whyus-section  .skl-1 { margin-top: 40px }
#whyus-section .single-cat-1 > h4:after {
    background-color: #efa601;
    bottom: -20px;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -27px;
    position: absolute;
    width: 46px;
}
.icon-design i {
    border: 1px solid rgba(85, 85, 85, 0.5);
    border-radius: 100%;
    color: rgba(239, 166, 1,.99);
    display: block;
    height: 130px;
    left: 45%;
    line-height: 121px;
    margin-bottom: 50px;
    margin-left: -51px;
    position: relative;
    width: 130px;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}
.icon-design i:after {
    background: rgba(85, 85, 85, 0.5) none repeat scroll 0 0;
    bottom: -25%;
    content: "";
    height: 32px;
    left: 33%;
    position: absolute;
    width: 1px;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}
.icon-design i > span:after {
    border: 1px solid rgba(85, 85, 85, 0.5);
    border-radius: 100%;
    bottom: -44px;
    content: "";
    height: 12px;
    left: 45%;
    position: absolute;
    width: 12px;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}
#whyus-section .icon-design:hover i { border: 1px solid rgba(239, 166, 1,.99) }
#whyus-section .icon-design:hover i:after { background: rgba(239, 166, 1,.99) none repeat scroll 0 0 }
#whyus-section .icon-design:hover i > span:after {
    border: 1px solid rgba(239, 166, 1,.99);
    background: rgba(239, 166, 1,.99) none repeat scroll 0 0;
}
/*#whyus-section .skl-1 .icon-choose.flaticon-worker81:after, #whyus-section .skl-1 .icon-choose.flaticon-worker81:before {
  font-size: 55px;
}*/
#whyus-section .skl-1 .icon-design [class^="flaticon-"]:before,
#whyus-section .skl-1 .icon-design [class*=" flaticon-"]:after {
    font-size: 55px;
    margin-left: 0px;
    font-weight: normal;
}
/*** 

====================================================================
    Project style
====================================================================

***/
#project-section { background: rgba(0, 0, 0, 0) url("../images/portfolio/bg-portfolio.png") repeat scroll 0 0 }
#project-section .section-title> h2 { color: #fff }
#project-section .projects .mix { display: none }
#project-section-one .projects-details .mix { display: none }
.category > ul { margin: 30px 15px 50px }
.category > ul > li {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 10px;
    padding-bottom: 3px;
    text-transform: uppercase;
    position: relative;
}
#project-section-one .category > ul > li { color: #000000; }
.category > ul > li.filter:before {
    background-color: #EFA601;
    content: "";
    height: 2px;
    position: absolute;
    left: 0;
    top: 27px;
    width: 0%;
    -webkit-transform: scaleX();
        -ms-transform: scaleX();
            transform: scaleX();
    transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
}
.category > ul > li.filter:hover::before {
    width: 100%;
}
.category > ul > li.filter:hover:before,
.category > ul > li.filter.active:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) }
.category ul > li:hover { cursor: pointer }
.category > ul > li.filter.active:before {
    background-color: #EFA601;
    content: "";
    height: 2px;
    position: absolute;
    right: 0;
    top: 27px;
    width: 100%;
}

.project-content {
    margin: 0;
    overflow: hidden;
    position: relative;
}
.proj-text {
    left: 0;
    margin: -32px 0 0;
    position: absolute;
    top: 50%;
    width: 100%;
}
.project-content img {
    height: auto;
    max-width: 100%;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
    width: 282px;
    height: 270px;
}
.single-project {
    float: left;
    margin-bottom: 10px;
    margin-left: 10px;
}
.proj-img-hover {
    background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    visibility: hidden;
    -webkit-transition: all 0.45s ease 0s;
            transition: all 0.45s ease 0s;
}
.proj-img-hover .view-img i {
    display: inline-block;
    font-size: 18px;
}
.visit-link i {
    display: inline-block;
    font-size: 20px;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: all 0.85s ease 0s;
            transition: all 0.85s ease 0s;
}
.proj-img-hover .visit-link i,
.proj-img-hover .proj-link i {
    color: #fff;
    background: #efa601;
    width: 30px;
    height: 30px;
    line-height: 31px;
    border-radius: 3px;
    font-size: 14px;
    -webkit-transition: all 0.45s ease 0s;
            transition: all 0.45s ease 0s;
}
.proj-img-hover .visit-link:hover i,
.proj-img-hover .proj-link:hover i {
    color: #efa601;
    background: #fff;
}
.proj-text h4 {
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 5px;
    position: relative;
    text-transform: uppercase;
    -webkit-transform: translateX(-75px);
        -ms-transform: translateX(-75px);
            transform: translateX(-75px);
    -webkit-transition: all 0.55s ease 0s;
            transition: all 0.55s ease 0s;
}
.proj-text > span {
    border-top: 2px solid #efa601;
    border-width: 2px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    margin-top: 3px;
    padding-top: 5px;
    -webkit-transform: translateX(102px);
        -ms-transform: translateX(102px);
            transform: translateX(102px);
    -webkit-transition: all 0.55s ease 0s;
            transition: all 0.55s ease 0s;
}
.proj-link i {
    font-size: 20px;
    -webkit-transform: translateY(207px);
        -ms-transform: translateY(207px);
            transform: translateY(207px);
    -webkit-transition: all 0.85s ease 0s;
            transition: all 0.85s ease 0s;
}
.project-content:hover img { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4) }
.project-content:hover .visit-link i { -webkit-transform: translateY(62px); -ms-transform: translateY(62px); transform: translateY(62px) }
.project-content:hover .proj-text h4 { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px) }
.project-content:hover .proj-text > span { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px) }
.project-content:hover .proj-link i { -webkit-transform: translateY(155px); -ms-transform: translateY(155px); transform: translateY(155px) }
.project-content:hover .proj-img-hover {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}

/* Portfolio Project Pages Style  */

.project-portfolio .project-content img { width: 100% !important; }
.project-portfolio .single-project { margin-left: 0px; margin-bottom: 30px}



/* 
 *     Core Owl Carousel CSS File
 *    v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item { float: left }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer }
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing { cursor: url(grabbing.html) 8 8, move }
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
/*
*     Owl Carousel Owl Demo Theme 
*    v1.23
*/
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: alpha(opacity=100);
    /*IE7 fix*/
    opacity: 1;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 30px;
}
/* preloading images */
.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.html) no-repeat center center;
}
#project-section .owl-controls .owl-buttons div {
    background: #fff none repeat scroll 0 0;
    border-radius: 2px;
    display: inline-block;
    font-size: 17px;
    height: 30px;
    line-height: 29px;
    position: absolute;
    text-align: center;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
    width: 30px;
}
#project-section .owl-controls .owl-buttons div.owl-prev {
    left: -38px;
    top: 114px;
}
#project-section .owl-controls .owl-buttons div.owl-next {
    left: auto;
    right: -39px;
    top: 114px;
}
#project-section .owl-controls .owl-buttons div:hover {
    color: #fff;
    background: #efa601;
}
/*** 

====================================================================
    What We Do style
====================================================================

***/
.wedo-section { background: rgba(0, 0, 0, 0) url("../images/bg-wedo.png") repeat scroll 0 0 }
#wedo .single-cat-2 > h4 {
    margin-bottom: 15px;
    margin-top: 20px;
    color: #000;
    text-transform: uppercase;
}
#wedo .single-cat-2 > p {
    font-size: 14px;
    line-height: 24px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 30px;
    width: 80%;
}
#wedo .skl-2 {
    margin-top: 50px;
    margin-left: 20px;
    margin-left: 30px;
}
#wedo .wedo-header:after {
    position: absolute;
    background: #EFA601;
    content: "";
    height: 2px;
    width: 40px;
    left: 50%;
    margin-left: -25px;
    margin-top: 45px;
}
#wedo .single-cat-2 {
    margin-left: -30px;
    overflow: hidden;
    background-color: #ffffff;
}
.wedo-img { overflow: hidden }
.wedo-img img:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.wedo-img img {
    max-width: 100%;
    height: auto;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 300ms ease 0s;
            transition: all 300ms ease 0s;
}
.single-cat-2 > h4:hover {
    opacity: .6;
    filter: alpha(opacity=60);
    cursor: pointer;
}
.we-do-button,
.post-view-all-btn {
    padding-top: 40px;
    margin-bottom: -20px;
}
/*** 

====================================================================
    Testimonial style
====================================================================

***/
.testimonial-section {
    padding: 70px 0 40px;
    position: relative;
    background: url('../images/testimonial/1.jpg') center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.testimonial-section::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000000;
  opacity: .6;
}
.testimonial-section .container {
    position: relative;
    z-index: 2;
}
.testimonial-section .testimonial-box {
    text-align: center;
    padding-bottom: 2px;
    margin-bottom: 0px;
}
.testimonial-section .testimonial-box p {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    max-width: 800px;
    margin: 0 auto;
}
.testimonial-section .testimonial-box h2 {
    color: #333333;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    margin: 0 0 15px;
    font-size: 20px;
    color: #EFA601;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.testimonial-section .testimonial-box h4 {
    font-size: 12px;
    color: #777777;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    line-height: 22px;
    margin: 0 0 10px;
    margin: 0 0 20px;
    color: #ffffff;
    font-size: 13px;
    display: block;
    position: relative;
    padding-bottom: 20px;
}
.testimonial-section .testimonial-box h4:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 1px;
    background: #EFA601;
}
.testimonial-section .owl-theme .owl-controls .owl-page { display: inline-block }
.testimonial-section .owl-theme .owl-controls .owl-page span {
    border: 1px solid #ffffff;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    width: 12px;
}
.testimonial-section .owl-theme .owl-controls .owl-page.active span {
    background: #EFA601  none repeat scroll 0 0;
    border: 1px solid #EFA601;
}
.testimonial-section .owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { opacity: 1; filter: alpha(opacity=100) }
.testimonial-section .owl-theme .owl-controls .owl-page span.owl-numbers {
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    height: auto;
    padding: 2px 10px;
    width: auto;
}
.testimonial-section .testimonial-box .owl-controls.clickable { margin-top: 20px }
.testimonial-section .testimonial-box img { margin-bottom: 20px }
/*** 

====================================================================
    Team Member style
====================================================================

***/
#Our-team-section { background: rgba(0, 0, 0, 0) url("../images/team/team-bg.png") repeat scroll 0 0 }
.thumbnail {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin-bottom: 30px;
    border-radius: 0;
    border-color: #EFA601;
}
.thumbnail:hover { box-shadow: 0 5px 65px 0 rgba(0, 0, 0, 0.6) }
.thumbnail.no-border,
.thumbnail.no-border:hover { border: none }
.thumbnail > img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}
.our-team-member .thumbnail {
    margin-left: auto;
    margin-right: auto;
    max-width: 350px;
}
/* Thumbnail caption */
.do-up { padding-bottom: 90px }
.do-up .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #EFA601;
    overflow: hidden;
    max-height: 90px;
    text-align: center;
    width: 100%;
}
.do-up:hover .caption {
    max-height: 100%;
    background-color: #EFA601;
    color: #ffffff;
}
.do-up .img-responsive {
    width: 100%;
    height: auto;
}
.do-up:hover .img-responsive {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.do-up .caption-title {
    color: #ffffff;
    font-size: 20px;
    text-transform: uppercase;
}
.do-up:hover .caption-title {
    color: #ffffff;
    font-size: 20px;
    text-transform: uppercase;
}
.do-up .caption-title:after {
    content: '';
    display: block;
    margin: 10px auto;
    height: 1px;
    width: 70px;
    background-color: #fff;
}
.do-up:hover .caption-title:after {
    margin: 10px auto;
    background-color: #ffffff;
}
.do-up .caption-category a {
    color: #444;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 14px;
    font-weight: 500;
}
.do-up:hover .caption-category a { color: #444 }
.do-up .caption-text {
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.do-up:hover .caption-text { opacity: 1; filter: alpha(opacity=100) }
.do-up .caption-social {
    background-color: #666;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out 0s;
}
.do-up:hover .caption-social { opacity: 1; filter: alpha(opacity=100) }
.do-up .caption-social:hover { background-color: #2b2735 }
.do-up .caption-social .fa {
    height: 14px;
    line-height: 14px;
    text-align: center;
    width: 14px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
/*** 

====================================================================
    Post Section style
====================================================================

***/
.recent-post-section { background: rgba(245, 245, 245, 0) url("../images/blog/bg-blog-1.png") repeat scroll 0 0 }
.post-date {
    background: rgba(255, 166, 1, 0.8) none repeat scroll 0 0;
    color: rgba(255, 255, 255, 1);
    display: block;
    font-weight: 700;
    left: 15px;
    line-height: 1;
    padding: 10px 0;
    position: absolute;
    right: auto;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 60px;
    z-index: 1;
}
.post-date strong {
    display: block;
    font-size: 20px;
}
.single-item {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 50px;
    padding: 1px 16px;
}
.post-view {
    margin-left: -10px;
    margin-top: 40px;
}
.post-view .single-item .embed-responsive-16by9 { padding-bottom: 67.25% }
.post-page .single-item .embed-responsive-16by9 { padding-bottom: 60.25% }
.single-item .post .img-wrapper { height: 200px }
.single-item .post  .img-wrapper {
    overflow: hidden;
    width: 100%;
}
.post-header { margin-top: 15px }
.img-wrapper > a {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(135deg, #EFA601 0%, #e60026 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(-45deg, #EFA601 0%, #e60026 100%) repeat scroll 0 0;
    display: block;
    line-height: 0;
    overflow: hidden;
}
.img-wrapper > a > img {
    height: auto;
    max-width: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 350ms ease 0s, -webkit-transform 350ms ease 0s;
            transition: opacity 350ms ease 0s, transform 350ms ease 0s;
    width: 100%;
}
.img-wrapper > a:hover > img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1);
    opacity: .7;
    filter: alpha(opacity=70);
}
h3.post-title {
    line-height: 30px;
    margin-bottom: 5px;
    margin-left: 4px;
    margin-top: 35px;
    text-align: left;
}
.post-details { padding: 10px 5px }
.post-meta { margin: -11px -5px 20px }
#post-section .post-meta { font-size: 12px }
.post-title > a {
    color: #111111;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
    -webkit-transition: 200ms;
            transition: 200ms;
}
.post-meta span { margin: 0 7px }
.post-meta i { margin-right: 10px }
.post-meta span i {
    color: rgba(255, 166, 1, 0.6);
    font-size: 18px;
    margin-right: 6px;
}
#post-section .post-meta span i { font-size: 13px }
.post-meta strong {
    margin-right: 5px;
    color: rgba(0,0,0,.6);
}
.post-meta .post-author a,
.post-meta .post-category a,
.post-meta .comments-link a { opacity: .6; filter: alpha(opacity=60) }
.post-meta .post-author a:hover,
.post-meta .post-category a:hover,
.post-meta .comments-link a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    color: #efa601;
}
.post-meta ul li {
    display: inline-block;
    font-size: 13px;
    margin: 0 16px;
    position: relative;
    text-transform: uppercase;
}
.post-meta ul li:after {
    border-right: 1px dotted #222;
    content: "";
    height: 14px;
    position: absolute;
    top: 6px;
    width: 15px;
}
.post-meta ul { margin: 0 -10px }
.post-meta ul li:last-child:after { border: medium none }
#post-section .post-meta ul li:after {
    height: 11px;
    top: 9px;
    width: 7px;
}
#post-section .post-meta i { margin-right: 3px }
#post-section .post-meta ul li {
    margin: 0 5px;
    font-size: 11px;
}
#post-section .post-meta ul { margin: 0px }
#post-section h3.post-title { margin-top: 20px }
.post-meta .comments-link i { margin-right: 4px }
.post-summary {
    line-height: 22px;
    margin: 10px 0;
    overflow: hidden;
    position: relative;
}
.post-more { padding-top: 10px }
h3.post-title a:hover { color: #efa601 }
a.blog-button {
    background: rgba(85,85,85,.6) none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 15px;
    margin: 2px 4px 2px 0;
    min-width: 120px;
    outline: medium none navy;
    padding: 12px 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease 0s;
            transition: all 300ms ease 0s;
    vertical-align: top;
    z-index: 1;
}
a.blog-button:hover {
    color: #fff;
    background: rgba(13, 13, 13, 1);
    font-weight: 12px;
    font-weight: 700;
}
.post-view .flex-direction-nav a:before {
    background: rgba(0, 0, 0, 0.16) none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 100%;
    color: #fff;
    font-size: 18px;
    height: 40px;
    line-height: 39px;
    text-align: center;
    width: 40px;
}
.post-view  .nav-tabs > li > a {
    background: rgba(28, 50, 54, 1) none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-weight: 600;
    line-height: 1.42857;
    margin-right: 2px;
}
.post-page .flexslider,
.post-view .flexslider { margin: 0px }
.post-page .post-view { margin-top: -10px }
.post-page .pagination li a {
    font-size: 14px;
    font-weight: 600;
    margin: 0 3px;
    padding: 8px 16px;
    color: #111;
    border: 1px solid #fff;
}
.post-page .pagination li.active a {
    background: rgba(255, 166, 1, 1) none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    border: 0px;
}
.post-page .pagination li:hover a {
    background: rgba(255, 166, 1, 1) none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    border: 0px;
}
/*** 

====================================================================
    Project Counter style
====================================================================

***/
.project-counter {
    background: rgba(245, 245, 245, 0) url("../images/parallax/bg-6.jpg") repeat fixed center center / cover;
    color: #ffffff;
    font-weight: 700;
    padding: 60px 0 60px;
    text-align: center;
    position: relative;
    z-index: 9999;
}
.project-counter::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000000;
  opacity: .6;
  z-index: -99999;
}
.counter .glyph-icon {
    /*color: #f9bb20;*/
    /*color: hsla(0, 0%, 0%, 0.7);*/
    color: #fff;
}
.counter .counter-info span {
    color: #222;
    display: block;
}
.counter .counter-info span.counters {
    font-size: 40px;
    line-height: 80px;
    color: #efa601;
}
.counter .counter-info span.categories {
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    color: #ffffff;
}
.project-counter .counter [class^="flaticon-"]:before,
.project-counter .counter [class*=" flaticon-"]:after {
    font-size: 55px;
    margin-left: 0px;
    font-weight: 600;
}
.project-counter .counter-btn { padding-top: 70px }
.section-titlw-counter { margin-bottom: 30px }
/*** 

====================================================================
    About Us style
====================================================================

***/
.about-us-section { background: rgba(245, 245, 245, 0) url("../images/about-us/bg-about.png") }
.about-us-content {
    margin-top: 60px;
    margin-bottom: 80px;
}
.row.about-more-bottom-item { margin-bottom: 50px }
.about-us-slider .fawesome-control i {
    background: #EFA601 none repeat scroll 0 0;
    color: #fff;
    font-size: 31px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    width: 40px;
}
.about-us-slider .fawesome-control i.fa-angle-left {
    position: absolute;
    top: 174px;
    left: 0px;
    right: auto;
}
.about-us-slider .fawesome-control i.fa-angle-right {
    left: auto;
    position: absolute;
    right: 0;
    top: 174px;
}
.about-us-slider .carousel-indicators li {
    border: 1px solid #fff;
    height: 12px;
    width: 12px;
}
.about-us-slider .carousel-indicators .active {
    background-color: #EFA601;
    height: 12px;
    width: 12px;
    border: 1px solid #EFA601;
}
.about-item-content > h4 {
    color: #333;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 16px;
}
.about-item-content > h4 span:after {
    border-bottom: 3px solid #efa601;
    content: "";
    display: inline-block;
    height: 3px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 36px;
    width: 55px;
}
.about-item-content span,
.about-us-text h3 span {
    border-bottom: 1px solid #1c3254;
    height: 1px;
    padding: 13px 0;
    width: 100%;
}
.about-item-content > h4 {
    color: #333;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 16px;
}
.about-item-step.about-item-step-left.one, .about-item-step.about-item-step-left.two,  .about-item-step.about-item-step-left.three{
    position: absolute;
    right: -96px;
    margin-top: -13px;
}
.about-item-content-left {
    text-align: right;
    padding-right: 106px;
    padding-left: 0px !important;
}
.about-item-content-left> h4 span:after { right: 0 !important; left: auto; }

.index-2 .into-img {
    width: 88%;
    text-align: center;
    margin-top: -120px;
    margin-left: 25px;
}
.index-2.section-padding {
    padding: 175px 0 0px 0;
}
.index-2 .about-us-item {
    margin-bottom: 45px;
}

.about-more > li { margin-bottom: 10px }
.about-item-step i {
    color: #fff;
    float: left;
}
.about-item-content { padding-left: 90px }
.about-more-bottom .about-us-item { margin-bottom: 46px }
.about-more-area { margin-top: 50px }
.about-us-item {
    margin-top: 25px;
    margin-bottom: 25px;
}
.about-item-step {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 220px;
}
.about-item-step div:after {
    background: #1c3254 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    content: "";
    font-size: 30px;
    height: 60px;
    left: 4px;
    line-height: 60px;
    position: absolute;
    text-align: center;
    top: 8px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 60px;
    z-index: -1;
    -webkit-transition: all 350ms ease 0s;
            transition: all 350ms ease 0s;
}
.about-us-item:hover .about-item-step div:after {
    background: #efa601 none repeat scroll 0 0;
    z-index: -1;
}
.about-more-area  .about-item-step [class^="flaticon-"]:before,
.project-counter .counter [class*=" flaticon-"]:after {
    font-size: 24px;
    font-weight: 600;
    line-height: 74px;
    color: #fff;
    z-index: 11;
}
.about-item-step > div { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) }
.about-item-content > p { line-height: 1.5 }
.about-us-text ul.about-list li {
    float: left;
    list-style: outside none none;
    padding: 10px 0 0 22px;
    position: relative;
    width: 100%;
}
.about-us-text ul.about-list li:before {
    color: #EFA601;
    content: "\f00c";
    font-family: "fontawesome";
    font-weight: 600;
    height: 5px;
    left: 0;
    line-height: 47px;
    position: absolute;
    top: 0;
    width: 5px;
    font-size: 17px;
}
.about-us-text > h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 22px;
    margin-top: -5px;
    position: relative;
    text-transform: uppercase;
}
.about-us-text > h3:after {
    border-bottom: 3px solid #efa601;
    content: "";
    display: inline-block;
    height: 3px;
    left: 0;
    overflow: hidden;
    position: absolute;
    bottom: -11px;
    width: 55px;
}
.about-us-item:hover i { color: #EFA601 }
/*** 

====================================================================
    Feature Section style
====================================================================

***/

#our-feature {
    background: rgba(0, 0, 0, 0) url("../images/about-us-bg.jpg") repeat fixed center center / cover;
    padding: 100px 0 40px;
    color: #fafafa;
    position: relative;
    z-index: 9999;
}
#our-feature::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000000;
  opacity: .6;
  z-index: -99999;
}
.feature-area > h4 {
    color: #efa601;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    margin: 0 0 15px;
    text-transform: uppercase;
}
.feature-item > h3 {
    color: #efa601;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.03em;
    line-height: 28px;
    margin: 30px 0 20px;
}
.feature-item > ul {
    display: table-cell;
    padding-right: 93px;
    vertical-align: middle;
}
.feature-item li {
    line-height: 35px;
    margin: 0;
    padding: 0;
}
.feature-item ul li i {
    color: #efa601;
    margin-right: 10px;
}
.feature-area > p {
    font-size: 15px;
    font-weight: 500;
}
.video-js { background-color: transparent }
.custom-design {
    height: 267px;
    width: 400px;
}
.video-js .vjs-big-play-button {
    border-radius: 50%;
    font-size: 6em;
    height: 85px;
    left: 39%;
    line-height: 80px;
    top: 30%;
    width: 85px;
}
/*** 

====================================================================
    Client Section style
====================================================================

***/
.single-client > img {
    border: 1px solid rgba(85, 85, 85, 0.4);
    border-radius: 2px;
    color: #000;
    opacity: 0.4;
    filter: alpha(opacity=40);
    width: 210px;
    -webkit-transition: 350ms;
            transition: 350ms;
}
.client-area { padding: 30px 0 }
.single-client { width: 215px }
.single-client:hover > img {
    opacity: 1;
    filter: alpha(opacity=100);
    border: 1px solid #efa601;
}
.client-area .owl-buttons {
    position: absolute;
    width: 100px;
    right: 0;
    top: -56px;
}
.client-area .owl-buttons div {
    display: inline-block;
    margin: 0 3px;
}
.client-area .owl-buttons div.owl-next,
.client-area .owl-buttons div.owl-prev {
    background: rgba(28, 50, 54, 1) none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    font-size: 18px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    width: 40px;
    -webkit-transition: 300ms;
            transition: 300ms;
}
.client-area .owl-buttons div.owl-next:hover,
.client-area .owl-buttons div.owl-prev:hover { background: #efa601 }
/*** 

====================================================================
    Contact style
====================================================================

***/
#contact-section {
    background: rgba(0, 0, 0, 0) url("../images/bg-address.jpg") repeat fixed center center / cover;
    padding: 80px 0;
    position: relative;
    z-index: 9999;
}
#contact-section::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 30px;
  background: #efa601;
  opacity: .5;
  z-index: -99999;
}
.cols-border [class*=col-] { border-left: 1px dotted #fafafa }
/*.sokal-sm .col-sm-3:nth-child(3),
.sokal-sm .col-xs-6:nth-child(3) {
    border-left: 0;
}
*/
.cols-border [class*=col-]:first-child { border-left: 0 }
.contact-area.cols-border [class*="col-"] { height: 360px }
.contact-icon i {
    color: #f4f4f4;
    font-size: 45px;
    font-weight: 500;
}
.contact-area h4 {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    padding: 17px 0;
}
.contact-area address {
    color: #222;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    padding: 0;
}
.contact-area address span a {
    color: #222;
    float: none;
    font-weight: 600;
}
.contact-area address span {
    font-weight: 600;
    display: block;
}
/*** 

====================================================================
    Footer style
====================================================================

***/
footer.footer-section {
    background-color: #121212;
    padding-top: 60px;
    color: #f1f1f1;
    margin-top: 30px;
}
.footer-section .social-links > ul {
    margin: 0;
    padding: 0;
}
.footer-section .social-links ul li {
    display: inline-block;
    margin-left: 5px;
}
.footer-section .social-links ul li i {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    color: #555555;
    height: 40px;
    line-height: 39px;
    text-align: center;
    font-size: 18px;
    width: 40px;
    transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
}
.footer-section .social-links ul li a { margin: 0 -3px;}
.footer-section .social-links li:hover i {
    color: #FFFFFF;
    border: none;
}
.footer-widget > h4 {
    border-bottom: 1px dotted #666;
    color: #efa601;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 10px;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.footer-widget > p {
    line-height: 1.5;
    padding: 0;
    text-align: justify;
    color: #636363;
    margin-top: 12px;
}
.flicker-img ul { margin: 0 0 6px -8px }
.flicker-img ul li {
    float: left;
    list-style: outside none none;
    margin: 0 0 6px 6px;
}
.flicker-img ul li a {
    position: relative;
    line-height: 0;
    display: block;
    overflow: hidden;
}
.flicker-img ul li a:after {
    background: rgba(230, 184, 0, 0.5) none repeat scroll 0 0;
    color: #fafafa;
    content: "\f00e";
    font-family: fontawesome;
    font-size: 20px;
    height: 100%;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition: all 450ms ease 0s;
            transition: all 450ms ease 0s;
    width: 100%;
}
.flicker-img ul li:hover a:after {
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 35px 0 0;
}
.footer-bottom {
    background-color: #000;
    padding: 15px;
    text-align: center;
    margin-top: 40px;
}
.footer-bottom span {
    color: #fafafa;
    font-size: 15px;
}
.footer-section .item-image img {
  border-radius: 2px;
  float: left;
  height: 69px;
  margin-right: 14px;
  width: 93px;
}
.footer-section .item .item-heading a {
    color: #989898;
    display: block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    -webkit-transition: all 660ms ease 0s;
            transition: all 660ms ease 0s;
}
.footer-section .item-date {
    color: #636363;
    font-size: 13px;
}
.footer-section .footer-widget .item { margin-top: 20px }
.footer-widget .item {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
}
.footer-section .gallery a img {
  width: 84px;
  height: 73px;
}
.footer-widget .item-image a {
    display: block;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 2;
}
.footer-widget .item-image a:before {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    content: "\f101";
    font-family: "fontawesome";
    font-size: 18px;
    height: 100%;
    left: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 23px 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: all 560ms ease 0s;
            transition: all 560ms ease 0s;
}
.footer-widget .item:hover .item-image a:before {
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 23px 36px;
}
.footer-widget .item:hover .item-heading a { color: #EFA601 }
.footer-single-item > a {
    border-bottom: 1px dotted #636363;
    color: #636363;
    display: block;
    font-family: "open sans";
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.footer-single-item > a:hover { color: #efa601 }
.footer-single-item > a:before {
    color: #636363;
    content: "\f105";
    font-family: fontawesome;
    font-size: 14px;
    margin-right: 10px;
}
.footer-service-item > ul > li:last-child > a { border-bottom: 0 }

.footer-subscription .et-subscribe-form { width: 100%; margin-right: 70px;}
.footer-subscription.footer-widget {
  display: inline-block;
  position: relative;
  width: 100%;
}

/*** 

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

***/
.scroll-to-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    color: #ffffff;
    background: #EFA601;
    font-size: 14px;
    line-height: 38px;
    border: 1px solid #EFA601;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    display: none;
}
.scroll-to-top:hover {
    background: #ffffff;
    color: #000000;
    border-color: #000000 !important;
}
/*** 

====================================================================
    About Us Page style
====================================================================

***/
.pages-header-section { 
    background: rgba(0, 0, 0, 0) url("../images/about-us/about-us-bg.jpg") repeat fixed center center / cover;
}
.pages-header-content h1 {
    color: #fff;
    font-weight: 700;
    margin-top: 55px;
    text-transform: uppercase;
}
.pages-header-content > p {
    color: #fff;
    font-weight: 600;
    line-height: 40px;
    text-transform: uppercase;
}
.pages-header-content .breadcum {
    margin-bottom: -11px;
    margin-top: 55px;
}
.pages-header-content.contact-us .breadcum { margin-bottom: 0px }
.pages-header-content .breadcum ul > li {
    display: inline-block;
    font-size: 12px;
    margin: 0 10px;
    text-transform: uppercase;
}
.pages-header-content .breadcum > ul {
    background: rgba(239, 166, 1, 0.9) none repeat scroll 0 0;
    display: inline-block;
}
.pages-header-content .breadcum ul > li > a {
    color: #fff;
    font-weight: 600;
    padding: 0 5px;
}
.pages-header-content .breadcum ul > li:after {
    color: #fff;
    content: "/";
    font-size: 17px;
    margin-left: 6px;
    position: absolute;
}
.pages-header-content .breadcum ul > li:last-child:after { display: none }
.pages-header-content .breadcum ul > li:last-child > a { color: #111 }
.pages-header-content .about-us-content { margin-top: 0px }
.about-us-page .about-us-section.section-padding { padding: 0px 0 80px 0px }
.choose-tem-content > h3 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: all 350ms ease 0s;
            transition: all 350ms ease 0s;
}
.choose-item i {
    border: 3px solid #ddd;
    border-radius: 100%;
    float: left;
    font-size: 28px;
    height: 70px;
    line-height: 59px;
    margin-right: 30px;
    text-align: center;
    width: 70px;
    -webkit-transition: all 350ms ease 0s;
            transition: all 350ms ease 0s;
}
.choose-item { margin-bottom: 30px }
.choose-tem-content { padding-left: 100px }
.choose-item i:after,
.choose-item i:before {
    margin-left: 0;
    font-size: 31px;
}
.choose-item:hover h3 { color: #efa601 }
.choose-item:hover i {
    border-color: #efa601;
    color: #efa601;
}
.about-us-section .flex-control-paging li a {
    width: 14px;
    height: 14px;
}
.about-us-section .flex-control-paging li a.flex-active { background: rgba(239, 159, 1, 1) none repeat scroll 0 0 }
.about-us-section .about-us-slider { margin-top: 10px }
/*Accordion Style*/
.ac-pane {
    margin-bottom: 15px;
    background-color: #EFA601;
    color: #fff;
}
.ac-pane:last-child { margin-bottom: 0 }
.ac-content { display: none }
.ac-title {
    border: 1px solid #efa601;
    color: #fff;
    display: block;
    padding: 12px;
    background-color: #EFA601;
}
.ac-title i {
    float: right;
    font-size: 20px;
}
.ac-title i:before { content: "\f107" }
.active .ac-title i:before { content: "\f106" }
.ac-content {
    border: 1px solid #efa601;
    margin-top: -1px;
    padding: 15px;
    background: #fff;
    color: #222;
}
/*** 

====================================================================
    Single Service page Page style
====================================================================

***/
.er-service-list ul li {
    border: 1px solid #ddd;
    padding: 6px 15px;
    margin-bottom: 10px;
    background: #efefef;
    color: #111;
    -webkit-transition: 350ms;
            transition: 350ms;
}
.er-service-list ul li a {
    color: #111;
    font-size: 14px;
}
.er-service-list ul li a i { margin-right: 5px }
.er-service-list ul li.active a { color: #ffffff }
.er-service-list ul li.active { background: #efa601 }
.er-service-list ul li:hover a { color: #ffffff }
.er-service-list ul li:hover { background: #efa601 }
.download-prospectus {
    background: rgba(255, 156, 0, 0.8) none repeat scroll 0 0;
    border: 1px solid #ddd;
    font-size: 19px;
    padding: 26px 0;
    text-align: center;
    text-transform: uppercase;
}
.download-prospectus > a {
    color: #fff;
    font-weight: 700;
}
.er-service-details > h3 {
    line-height: 41px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-transform: uppercase;
}
.er-service-details h3 span {
    border-bottom: 1px solid #222;
    padding: 15px 0;
}
.er-service-details > h3:after {
    background: #efa601 none repeat scroll 0 0;
    bottom: -11px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 100px;
}
.service-slider .flex-direction-nav a:before {
    background: rgba(0, 0, 0, 0.16) none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 100%;
    color: #fff;
    font-size: 18px;
    height: 40px;
    line-height: 39px;
    text-align: center;
    width: 40px;
}
.section-one,
.section-two,
.section-three,
.section-four {
    display: block;
    margin-bottom: 42px;
    overflow: hidden;
    position: relative;
}
.service-content-top > h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 18px;
    text-transform: uppercase;
}
.service-img-right > img {
  height: 330px;
  width: 320px;
}
.section-one .check-more {
    display: block;
    margin-top: 43px;
}
.section-one .check-more i {
    background: #efa601 none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    z-index: 111;
}
.section-one .check-more > p {
    border: 1px solid #ddd;
    font-weight: 700;
    line-height: 39px;
    padding-left: 51px;
    text-transform: uppercase;
}
.er-service-content .nav-tabs > li > a {
    background: rgba(28, 50, 54, 1) none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-weight: 600;
    line-height: 1.42857;
    margin-right: 2px;
}
.er-service-content .nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #efa601 none repeat scroll 0 0;
    border-color: #fff #fff transparent;
    -webkit-border-image: none;
         -o-border-image: none;
            border-image: none;
    border-style: solid;
    color: #fff;
    cursor: default;
    border: 1px solid #efa601;
}
.er-service-content .nav > li > a:focus,
.nav > li > a:hover {
    background-color: #efa601;
    text-decoration: none;
}
.er-service-content .tab-content > .active {
    border: 1px solid #efa601;
    display: block;
    margin-left: 1px;
    padding: 16px 12px;
}
.er-tab-details ul.er-tab-details-list li {
    list-style: outside none none;
    padding: 10px 0 0 22px;
    position: relative;
    width: 100%;
}
.er-tab-details ul.er-tab-details-list li:before {
    color: #EFA601;
    content: "\f00c";
    font-family: "fontawesome";
    font-weight: 600;
    height: 5px;
    left: 0;
    line-height: 47px;
    position: absolute;
    top: 0;
    width: 5px;
    font-size: 17px;
}
.er-service-content ul li.active a:before {
    background: #efa601 none repeat scroll 0 0;
    bottom: -10px;
    content: "";
    height: 14px;
    left: 49px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    width: 14px;
}
.other-service-item img {
    overflow: hidden;
    -webkit-transition: all 300ms ease 0s;
            transition: all 300ms ease 0s;
    width: 280px;
}
.other-services { margin-top: 25px }
.other-service-item { margin-bottom: 20px }
.other-service-item:hover img { opacity: .5; filter: alpha(opacity=50) }
.other-service-title a h4 {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    color: #efa601;
    font-weight: 700;
    left: 15px;
    padding: 4px 10px;
    position: absolute;
    bottom: 0px;
    width: 280px;
    -webkit-transition: all 300ms ease 0s;
            transition: all 300ms ease 0s;
}
.other-service-item:hover .other-service-title a h4 {
    background: rgba(0, 0, 0, 1) none repeat scroll 0 0;
    color: #fff;
}
.other-service-title i {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 500ms ease 0s;
            transition: all 500ms ease 0s;
    padding-left: 0px;
}
.other-service-item:hover .other-service-title i {
    opacity: 1;
    filter: alpha(opacity=100);
    padding-left: 28px;
    color: #efa601;
    font-weight: 700;
}
/*** 

====================================================================
    Blog page Page style
====================================================================

***/
.widget-news .item-image img {
    border-radius: 2px;
    float: left;
    width: 82px;
    height: 64px;
}
.widget-news .news-section .item-content { margin-left: 90px }
.widget-news .item .item-heading a {
    color: #444444;
    display: block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    -webkit-transition: all 660ms ease 0s;
            transition: all 660ms ease 0s;
}
.widget-news .item-date {
    color: #636363;
    font-size: 13px;
}
.widget-news .news-section .item { margin-top: 20px }
.news-section .item {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
}
.news-section .item-image a {
    display: block;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 2;
}
.news-section .item-image a:before {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    content: "\f101";
    font-family: "fontawesome";
    font-size: 18px;
    height: 100%;
    left: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 23px 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: all 560ms ease 0s;
            transition: all 560ms ease 0s;
}
.news-section .item:hover .item-image a:before {
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 23px 36px;
}
.news-section .item:hover .item-heading a { color: #EFA601 }
/*** 

====================================================================
    Right Sidebar style
====================================================================

***/
.widget { margin-bottom: 35px }
.widget h4 { margin-bottom: 25px }
.widget h4 {
    border-bottom: 1px solid #d4d4d4;
    font-family: "open sans";
    font-size: 16px;
    font-weight: 700;
    line-height: 45px;
    padding-bottom: 11px;
    text-transform: uppercase;
}
.widget h4:before {
    background: #efa601 none repeat scroll 0 0;
    bottom: -1px;
    content: "";
    height: 4px;
    position: absolute;
    width: 50px;
}
.widget-search input {
    border: 1px solid #ddd;
    font-size: 15px;
    padding: 7px 12px;
    width: 100%;
}
.widget-search form i {
    color: #dddddd;
    font-size: 19px;
    left: auto;
    position: absolute;
    right: 27px;
    top: 92px;
}
.widget-search input:focus { border: 1px solid #efa601 }
.widget-search .search-icon i:focus { color: #efa601 }
.search-form:focus ~ .search-icon { color: #efa601 }
.sidebar-categories-item > a {
    border-bottom: 1px dotted #636363;
    color: #636363;
    display: block;
    font-family: "open sans";
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-weight: 600;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.sidebar-categories-item > a:before {
    color: #444444;
    content: "\f105";
    font-family: fontawesome;
    font-size: 14px;
    margin-right: 10px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.widget-categories > ul > li:last-child > a { border-bottom: 0 none }
.sidebar-categories-item { -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s }
.sidebar-categories-item:hover a { color: #efa601 }
.sidebar-categories-item:hover > a:before { color: #efa601 }
.widget.widget-text > p { text-align: justify }
.widget-tag .tagcloud > a {
    background: #1c3254 none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    line-height: 43px;
    padding: 9px 10px;
    -webkit-transition: all 300ms ease 0s;
            transition: all 300ms ease 0s;
}
.widget-tag .tagcloud > a:hover {
    background: #efa601 none repeat scroll 0 0;
    font-weight: 600;
}
.widget-gallery-img .gallery li a {
    display: block;
    float: left;
    margin: 5px;
    position: relative;
    -webkit-transition: all 450ms ease 0s;
            transition: all 450ms ease 0s;
}
.widget-gallery-img { overflow: hidden }
.widget-gallery-img ul.gallery li img {
    max-width: 100%;
    width: 75px;
    height: 65px;
}
.widget-gallery-img ul.gallery a:after {
    background: rgba(255, 166, 1, 0.5) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    width: 100%;
}
.widget-gallery-img ul.gallery a:before {
    color: #fff;
    content: "\f00e";
    font-family: fontawesome;
    font-size: 18px;
    height: 100%;
    left: 31px;
    position: absolute;
    -webkit-transform: translateY(-11px);
        -ms-transform: translateY(-11px);
            transform: translateY(-11px);
    -webkit-transition: all 450ms ease 0s;
            transition: all 450ms ease 0s;
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
}
.widget-gallery-img ul.gallery li:hover a:before {
    -webkit-transform: translateY(23px);
        -ms-transform: translateY(23px);
            transform: translateY(23px);
    opacity: 1;
    filter: alpha(opacity=100);
}
.widget-gallery-img ul.gallery li:hover a:after { opacity: 1; filter: alpha(opacity=100) }
/*** 

====================================================================
    Blog Details Page style
====================================================================

***/
.blog-categoryinfo {
    display: block;
    margin-left: -13px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
}
.blog-categoryinfo ul li {
    color: #fc8e00;
    line-height: 25px;
}
.blog-categoryinfo ul li i {
    font-size: 15px;
    margin-right: 14px;
}
.blog-categoryinfo a { color: #fc8e00 }
.post-summary .blogquote {
    margin-left: 20px;
    margin-top: 33px;
}
.post-summary .blogquote blockquote {
    border-left: 5px solid #fc8e00;
    font-size: 16px;
}
.post-summary .blogquote blockquote .quote {
    color: #efa601;
    font-size: 28px;
}
.post-summary .blogquote blockquote span { color: #efa601 }
.post-summary .two-column-text > h4 {
    font-family: "montserrat";
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 13px;
    margin-top: 20px;
    text-transform: uppercase;
}
.post-summary .two-column-text {
    display: block;
    overflow: hidden;
    position: relative;
}
.post-summary .one-column,
.post-summary .two-column {
    margin-left: -12px;
    margin-right: 12px;
    text-align: justify;
}
.post-summary .para-style { margin-top: 30px }
.post-summary .para-style a {
    color: #efa601;
    text-decoration: underline;
    -webkit-transition: all 300ms ease 0s;
            transition: all 300ms ease 0s;
}
.post-summary .para-style a:hover { color: #222 }
.post-summary .para-style > span {
    font-style: italic;
    font-weight: 600;
}
.post-writter {
    border: 1px solid #ddd;
    display: block;
    margin-top: 40px;
    overflow: hidden;
    position: relative;
}
.post-writter h4 {
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.author-details {
    background: #fcfcfc none repeat scroll 0 0;
    border-bottom: 1px solid #eeeeee;
    display: block;
    overflow: hidden;
    padding: 35px 0;
    position: relative;
}
.author-details h4 span {
    font-size: 15px;
    font-weight: normal;
    text-transform: none;
}
.author-social ul li {
    display: inline-block;
    margin: 0 auto;
    padding: 10px;
}
.author-comments > span {
    display: block;
    margin-top: 10px;
}
.comments-tree {
    border: 1px solid #ddd;
    display: block;
    overflow: hidden;
    position: relative;
}
.single-comment {
    display: block;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
    overflow: hidden;
}
.comments-tree > li {
    border-bottom: 1px solid #ddd;
    display: block;
    overflow: hidden;
}
.comments-reply li { display: inline-block }
.comments-reply li:last-child { border: none }
.comments-reply li a { color: #fc8e00 }
.reply-comment.single-comment {
    display: block;
    overflow: hidden;
    padding-bottom: 20px;
    position: relative;
}
.single-comment.active-reply { background: #eeeeee }
.user-comment > h4 {
    margin-bottom: 20px;
    margin-top: 30px;
    text-transform: uppercase;
}
.comments-area input {
    background: #eee none repeat scroll 0 0;
    font-weight: normal;
    max-width: 100%;
    padding: 12px 10px;
    width: 100%;
}
.comments-area input.input-field { margin-bottom: 10px }
.comments-area input {
    background: #eee none repeat scroll 0 0;
    font-weight: 600;
    max-width: 100%;
    padding: 12px 10px;
    width: 100%;
}
.comments-area input:focus,
.comments-area textarea:focus { border: 1px solid #efa601 }
.comments-area { padding: 40px 0 30px }
.comments-area textarea {
    background: #eee none repeat scroll 0 0;
    font-weight: 600;
    height: 200px;
    margin-top: 10px;
    max-width: 100%;
    padding: 12px 10px;
    width: 100%;
}
.comments-area a {
    background: #efa601 none repeat scroll 0 0;
    color: #fff;
    display: block;
    margin-left: 16px;
    margin-top: 23px;
    padding: 10px 12px;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease 0s;
            transition: all 300ms ease 0s;
}
.comments-area a:hover { background: #1c3254 none repeat scroll 0 0 }
/*** 

====================================================================
    Portfolio Single Page style
====================================================================

***/
.project-details {
    background: #e6e6e6 none repeat scroll 0 0;
    padding: 20px 25px;
}
.project-details h4 {
    display: block;
    font-weight: 700;
    margin-bottom: 22px;
    text-transform: uppercase;
}
.project-details h4:after {
    background: #efa601 none repeat scroll 0 0;
    bottom: -12px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 40px;
}
.project-details ul li span {
    font-size: 14px;
    font-weight: 700;
    margin-right: 5px;
}
.project-details ul li { margin-bottom: 13px }
#other-project-section-1 { padding: 40px 0 }
#other-project-section-1 h2 {
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}
#other-project-section-1 h2:after {
    background: #efa601 none repeat scroll 0 0;
    bottom: -11px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 70px;
}
#other-project-section-1 .projects { margin-top: 53px }
#other-project-section-1 .owl-controls .owl-buttons { text-align: center }
#other-project-section-1 .owl-controls .owl-buttons div {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #555;
    display: inline-block;
    font-size: 17px;
    height: 30px;
    margin: 11px 5px;
    -webkit-transition: all 350ms ease 0s;
            transition: all 350ms ease 0s;
    width: 30px;
}
#other-project-section-1 .owl-controls .owl-buttons div:hover {
    background: #efa601 none repeat scroll 0 0;
    color: #fff;
    border: 1px solid #efa601;
}
#project-pagination {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 17px 20px;
}
.project-all-icon > a {
    color: #666;
    font-size: 28px;
}
.project-pagging-button > a {
    border: 1px solid #ddd;
    color: #444;
    font-size: 16px;
    margin: 0 5px;
    padding: 10px;
    -webkit-transition: all 350ms ease 0s;
            transition: all 350ms ease 0s;
}
.project-pagging-button a i { margin-right: 10px }
.project-pagging-button a.portfolio-next { padding: 10px 14px }
.project-pagging-button a.portfolio-next i { margin-left: 10px }
.project-pagging-button > a:hover {
    background: #efa601 none repeat scroll 0 0;
    color: #ffffff;
}
/*Contact Us page Style*/
.divider-contat {
    background: #efa601 none repeat scroll 0 0;
    color: #fff;
    height: 100px;
    margin-top: -10px;
}
.divider-contat .star {
    background: #efa601 none repeat scroll 0 0;
    display: block;
    height: 20px;
    left: 50%;
    position: relative;
    text-align: center;
    top: 42px;
    -ms-transform: rotate(48deg); /* IE 9 */
    -webkit-transform: rotate(48deg); /* Chrome, Safari, Opera */
    transform: rotate(48deg);
    width: 20px;
}
.divider-contat h2 {
    font-weight: 700;
    top: 22px;
}

/* GOOGLE MAPS  */
.i4ewOd-pzNkMb-haAclf{
    display: none !important;
}

.map-wrapper {
    height: 500px;
    pointer-events: auto;
    width: 100%;
}
#contact-section-form .contact-form input,
#contact-section-form .contact-form textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ededed;
    color: #ababab;
    font-size: 16px;
    font-style: italic;
    height: 55px;
    outline: medium none;
    padding-left: 25px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width: 100%;
}
#contact-section-form  .row > p,
#contact-section-form  .container > p {
    color: #8e8d8d;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 50px;
    text-align: center;
}
#contact-section-form  .contact-form p { margin-bottom: 20px }
#contact-section-form  .contact-form input,
#contact-section-form .contact-form textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d4d4d4;
    color: #000000;
    font-size: 16px;
    font-style: italic;
    height: 55px;
    outline: medium none;
    padding-left: 25px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width: 100%;
}
#contact-section-form .contact-form input:focus,
#contact-section-form .contact-form textarea:focus {
    border-color: #efa601;
    box-shadow: 0 0 2px #efa601;
}
#contact-section-form .contact-form input:focus { border: 1px solid #efa601 }
#contact-section-form .contact-form textarea:focus { border: 1px solid #efa601 }
#contact-section-form .contact-form label.error { display: none !important }
#contact-section-form .contact-form input.error,
#contact-section-form  .contact-form textarea.error { border-color: red }
#contact-section-form .contact-form textarea {
    height: 200px;
    padding-top: 15px;
}
#contact-section-form .contact-submit-button {
    background: #efa601 none repeat scroll 0 0;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 12px 20px;
    text-transform: uppercase;
    -webkit-transition: all 350ms ease 0s;
            transition: all 350ms ease 0s;
}
#contact-section-form .contact-submit-button:hover {
    background: #222 none repeat scroll 0 0;
    color: #efa601;
}
#contact-section-form .contact-submit-button {
    background: #efa601 none repeat scroll 0 0;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 12px 20px;
    text-transform: uppercase;
    -webkit-transition: all 350ms ease 0s;
            transition: all 350ms ease 0s;
}
#contact-section-form .contact-submit-button:hover {
    background: #222 none repeat scroll 0 0;
    color: #efa601;
}
#contact-section-form .working-hour-content {
    background: #eee none repeat scroll 0 0;
    padding: 20px 35px;
}
#contact-section-form .working-hour-content h1 {
    font-family: "open sans";
    font-size: 29px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
    text-transform: uppercase;
}
#contact-section-form .working-hour-content h1:after {
    background: #efa601 none repeat scroll 0 0;
    bottom: -9px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 60px;
}
#contact-section-form .section-title li {
    font-size: 16px;
    line-height: 34px;
}
#contact-section-form .section-title li span {
    float: right;
    margin-right: 37px;
}
/*Preloader Animation*/
.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/preloader.gif);
}
#contact-section-form .success {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

#contact-section-form  .error {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}


/*404 Page Style */

.et-404content { padding: 94px 0 }
.et-404text {
    color: #efa601;
    display: inline-block;
    font-size: 181px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}
.et-404content h2 {
    color: #888888;
    font-family: "Oswald",sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: normal;
    line-height: 0.7;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.et-404content a {
    color: #efa601;
    font-weight: 700;
    text-decoration: underline;
}

/*** 

====================================================================
    Underconstruction Page Style
====================================================================

***/

#simply-countdown-losange { margin: 0 auto }


.construction-area {
    padding: 38px 0;
    position: relative;
    z-index: 99999;
}
.underconstruction-section {
    background: rgba(0, 0, 0, 0) url("../images/about-us-bg.jpg") repeat center center;
    background-size: cover;
}
.construction-area::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000000;
  opacity: .5;
  z-index: -99999;
}
.construction-area h1 {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 38px;
}

.simply-section {
    display: inline-block;
    margin: 0 38px;
    margin-bottom: 20px;
}
.simply-countdown-one {
  margin-bottom: 50px;
  margin-top: 46px;
}

.construction-area .logo img {
    margin-bottom: 20px;
    width: 23%;
}

.simply-amount {
  font-family: 'Chewy', cursive;
  font-size: 80px;
  color: #efa601;
}
.simply-word {
    display: block;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
}
.construction-area h4 {
  color: #ffffff;
  margin: 10px auto 8px;
  width: 59%;
}
.construction-area h3 {
  color: #ffffff;
  float: left;
  font-family: "Oswald",sans-serif;
  margin: -5px 20px 15px 0;
  text-transform: uppercase;
  width: 100%;
}

.et-subscribe-form {
    display: inline-block;
    margin-right: 20px;
    width: 400px;
}
.et-subscribe-form form {
    float: left;
    position: relative;
    width: 100%;
}
.et-subscribe-form form input[type="text"] {
    border: 1px solid #e3e3e3;
    color: #555;
    float: left;
    font-size: 14px;
    height: 43px;
    padding: 0 0 0 12px;
    text-transform: uppercase;
    width: 100%;
}
.et-subscribe-form form label {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.et-subscribe-form form label:before {
    color: #ffffff;
    content: "\f003";
    font-family: FontAwesome;
    font-size: 18px;
    left: 25px;
    position: absolute;
    top: 8px;
}
.et-subscribe-form form input[type="submit"] {
  background: #efa601 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  float: left;
  height: 43px;
  width: 67px;
}
.construction-area .social-links {
  margin-top: 12px;
}
.social-links ul li {
    display: inline-block;
}
.social-links ul li a {
    margin: 0 2px;
}
.social-links ul li a i {
    border: 1px solid #888888;
    font-size: 21px;
    height: 40px;
    line-height: 38px;
    -webkit-transition: all 350ms ease 0s;
            transition: all 350ms ease 0s;
    width: 40px;
    color: #ffffff;
}
.social-links ul li a i:hover { border: none; }
.social-links ul li a i.facebook:hover {
    background: #3b5998 none repeat scroll 0 0;
    color: #ffffff;
    border: 1px solid #3b5998;
}
.social-links ul li a i.instagram:hover {
    background: #3f729b none repeat scroll 0 0;
    color: #ffffff;
    border: 1px solid #3f729b;
}
.social-links ul li a i.pinterest:hover {
    background: #c92228 none repeat scroll 0 0;
    color: #ffffff;
    border: 1px solid #c92228;
}
.social-links ul li a i.google:hover {
    background: #ff4500 none repeat scroll 0 0;
    color: #ffffff;
    border: 1px solid #ff4500;
}
.social-links ul li a i.twitter:hover {
    background: #4099ff none repeat scroll 0 0;
    color: #ffffff;
    border: 1px solid #4099ff;
}
.social-links ul li a i.dribbble:hover {
    background: #ea4c89 none repeat scroll 0 0;
    color: #ffffff;
    border: 1px solid #ea4c89;
}