@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=PT+Sans: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: 'Cambria';
    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;
	background: rgba(0, 0, 0, 0) url("../images/dotted_bg.png") repeat scroll 0 0;
background-attachment: fixed;
}
a {
    text-decoration: none;
    cursor: pointer;
    color: teal;
}
a:hover,
a:focus,
a:visited {
    text-decoration: none;
    outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    font-family:'Cambria';
    font-weight: normal;
    margin: 0px;
    background: none;
    line-height: 1.6em;
}
input,
button,
select,
textarea { font-family: 'Cambria'; }
p {
    position: relative;
    line-height: 2em;
    text-align: justify;
    font-size: 17px;
}
#fa{
	position: relative;
	top: 16px;
	left: 22px;
}
.main-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    /*min-width: 320px;*/
    min-height: 500px;
    overflow: hidden;
	background: #E6E6E6;
}
.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: 15px 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:'Cambria';
}
.centered { text-align: center }
.section-title > h2 {
    margin-bottom: 37px;
    font-family: 'Cambria';
    font-weight: 700;
}
.section-title > h2:after {
    background: #e31e24 none repeat scroll 0 0;
    bottom: -20px;
    content: "";
    height: 4px;
    left: 50%;
    margin-left: -40px;
    position: absolute;
    width: 70px;
}
.section-title > p {
font-size: 18px;
line-height: 26px;
margin: 0 auto 25px;
padding-top:20px;
/*padding: 0;*/
/*max-width: 900px;*/
text-align: justify;
/*font-weight: 600;*/
font-family: 'Cambria';
}
.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;
    z-index: 1;
}
.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: #e31e24 none repeat scroll 0 0;
    bottom: -11px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 50px;
}
.roboto-font { font-family: 'Cambria'; }
/*** 

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

***/
.main-header {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 12000;
    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: 0px 0px;
    background: #e31e24;
    font-family: 'Cambria';
	/* height:25px !important; */
}
.top-center{
	width:150px;
	margin:0 auto;
}
#bismillah{
	width:100%;
	height:100%;
	/*margin-top: 4px;*/
}
.main-header.transparent-header .header-top { background: transparent }
.main-header .header-top .top-left ul {
    position: relative;
    /*float: right;*/
    padding: 3px 0px;
    color: #c9c9c9;
    font-size: 14px;
}
.main-header .header-top .top-left li {
    position: relative;
    display: inline-block;
    padding-right: 5px;
    color: #fff;
    width: 23%;
    float: left;
    text-align: center;
}
.main-header .header-top .top-left li a {
    position: relative;
    display: block;
    line-height: 14px;
    /*padding: 3px 0px;*/
    color: #fff;
    font-size: 13px;
    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;
	font-family: 'Cambria';
}
.main-header .header-top .top-left li span.fa {
    font-size: 14px;
    padding-right: 5px;
}
.main-header .header-top .top-left a span { color: #fff }
.main-header .header-top .top-left li a:hover { color: #ffffff }
.main-header .header-top .top-right {
 /*   position: relative;*/
 /*   float: left;*/
	/*padding: 3px 0px;*/
}
.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;*/
	/*width:155px !important*/
}
.main-header .header-top .top-right .social-links { float: left }
/*.main-header .header-top .top-right .social-links ul li a { margin: 0 -2px; color: #fff;}*/
.main-header .header-top .top-right .social-links ul li i {
color: rgba(255, 255, 255, 0.92);
height: 22px;
line-height: 20px;
text-align: center;
width: 22px;
font-size: 12px;
border-radius: 4px;
    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;
}

.main-header .header-top .row
{
    /*display:flex;*/
    /*align-items:center;*/
}

.top-right .social-links ul li a i {
  border: 1px solid rgba(255, 255, 255, 0.55);
  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 !important;
    -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;
	box-shadow: 0px 2px 4px #BBB5B5;
}
.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: #e31e24;
    line-height: 36px;
    padding-left: 2px;
    width: 38px;
    height: 38px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #e31e24;
    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: 0px 0px;
}
.fixed-header .lower-header .logo { padding: 0px !important }
.main-header .lower-header .logo img {
    display: block;
    margin: auto;
    max-width: 100%;
    /*vertical-align: text-top;*/
    /*min-width: 200px;*/
    padding: 5px 0;
    width: 250px;
    z-index: 12;
    position: relative;
}
.main-menu {
    position: relative;
    float: right;
}
.main-menu .navbar-collapse { padding: 0px }
.main-menu .navigation {
    position: relative;
    float: right;
    margin: 0px;
    font-family: 'Cambria';
}
.main-menu .navigation > li {
    position: relative;
    float: left;
    padding: 0px;
    #margin-left: 40px;
}
.main-menu .navigation > li > a {
    position: relative;
    display: block;
    padding: 32px 15px 36px;
    font-size: 16px;
    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;
	font-family: 'Cambria';
}
.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: 84px;
    width: 0px;
    height: 4px;
    background: #e31e24;
    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:before{
	top: 84px;
}
.main-menu .navigation > li.dropdown > a:after {
    font-family: 'FontAwesome';
  
    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: 32px 15px 36px;}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a {
    color: #e31e24;
    opacity: 1;
    font-weight:bold;
    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;
	margin-top:0px;
   
    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;
}
hr.stick {
    border-top-color: #1B83BE;
	border-top-width: 7px;
border-top-style: solid;
position: relative;
width: 130px;
z-index: 1;
margin: auto;
margin-bottom: 24px;
}
.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 22px;
line-height: 20px;
font-weight: normal;
font-size: 16px;
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;
	font-family: 'Cambria';
}
.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: #e31e24;
}
.main-menu .navigation > li > ul > li.current > a {
    color: #ffffff;
    background-color: #e31e24;
}
.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: #e31e24;
    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 #e31e24;
    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: #e31e24;
}
.main-header .search-box {
    position: relative;
    padding: 15px 0px;
    background: #e31e24;
    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: #e31e24 }
.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/arrow2.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:di;
    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: #fff;
    font-family: 'Cambria';
    font-size: 77px;
    font-weight: 900;
    padding: 10px !important;
    margin-top: -100px!important;
    text-transform: uppercase;
}
.main-slider .slider-text span{ 
    color: #e31e24; 
    padding: 0px !important; 
}
.main-slider h2 {
    margin-top: -100px!important;
    color: #fff;
    font-weight: 600;
    font: ;
}
.main-slider .slider-lorem {
    margin-top: -100px!important;
    color: #fff;
    font-weight: 500;
	font-family: 'Cambria';
}
.slider-text b{ 
    color: #e31e24;
    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: #e31e24 }
.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: #e31e24 !important;
}
/*** 

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

***/
#promo-section {
    background-color: #e31e24;
    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: #e31e24;
    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%;
}
#md{
	margin-top:30px;
	padding:6px;
	border:1px solid #b0b0b0;
}

/*** 

====================================================================
    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: 10px;
    margin-top: 20px;
}
#whyus-section .single-cat-1 > p {
    font-size: 14px;
    line-height: 24px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 80%;
}
#whyus-section  .skl-1 { margin-top: 40px }
#whyus-section .single-cat-1 > h4:after {

}
.icon-design i {
    border: 1px solid rgba(85, 85, 85, 0.5);
    border-radius: 100%;
    color: rgb(52, 152, 216);
    display: block;
    height: 130px;
    left: 45%;
    line-height: 121px;
    margin-bottom: 15px;
    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 {
display:none;
}
.icon-design i > span:after {

display:none;
}
#whyus-section .icon-design:hover i { border: 1px solid rgb(52, 152, 216);
background-color: rgb(52, 152, 216);color: #fff; }
#whyus-section .icon-design:hover i:after { background: rgb(52, 152, 216) none repeat scroll 0 0 }
#whyus-section .icon-design:hover i > span:after {
    border: 1px solid rgb(52, 152, 216);
    background: rgb(52, 152, 216) 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: #e31e24;
    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: #e31e24;
    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: 14%;
    width: 100%;
	color:#fafafa;
}
.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(52, 152, 216, 0.9) 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: #e31e24;
    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: #e31e24;
    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 #e31e24;
    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: #e31e24;
}
/*** 

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

***/
.wedo-section {
    background:#fff;
}
#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: #e31e24;
    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: 40px 0 40px;
background-color: #383838;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.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: rgba(255, 255, 255, 0.67);
    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:'Cambria';
    font-weight: 400;
    margin: 0 0 15px;
    font-size: 20px;
    color: #e31e24;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.testimonial-section .testimonial-box h4 {
    font-size: 12px;
    color: #777777;
    font-family:'Cambria';
    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: #e31e24;
}
.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: #e31e24  none repeat scroll 0 0;
    border: 1px solid #e31e24;
}
.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 }




/*** 

====================================================================
    Our Cleints style
====================================================================

***/

.our-client-section{
	margin:35px 0px;
}

.our-client-section img
{
    /*float:left;*/
    width: 150px;
    height: 150px;
    object-fit: contain;
    /*padding: 15px;*/
    margin: auto;
    display: block;
    text-align: center;
}

/*** 

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

***/
/*#Our-team-section { background: rgba(0, 0, 0, 0) url("../images/team/team-bg.png")}*/
.thumbnail {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin-bottom: 30px;
    border-radius: 0;
    border-color: #e31e24;
}
.thumbnail:hover {box-shadow: 0 4px 8px 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: relative;
    bottom: 0;
    left: 0;
    background-color: #e31e24;
    overflow: hidden;
    max-height: 50px;
    text-align: center;
    width: 100%;
}
.do-up:hover .caption {
    max-height: 100%;
    background-color: #e31e24;
    color: #ffffff;
}
.do-up .img-responsive {
    width: 100%;
    height: auto;
}
.do-up:hover .img-responsive {
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}
.do-up .caption-title {
color: #ffffff;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
}
.do-up:hover .caption-title {
    color: #ffffff;
    font-size: 14px;
    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, #e31e24 0%, #e60026 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(-45deg, #e31e24 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: #e31e24;
}
.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: #e31e24 }
a.blog-button {
   color: rgb(143, 143, 143);
border: 1px solid rgb(167, 162, 162);
    color: #898686;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    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: rgb(52, 152, 216);
    font-weight: 12px;
    font-weight: 400;
}
.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;
}
.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: #e31e24;
}
.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
====================================================================

***/

.our-team{ background: rgba(245, 245, 245, 0) url("../images/team/team-bg.png") }
.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: #e31e24 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: #e31e24;
    height: 12px;
    width: 12px;
    border: 1px solid #e31e24;
}
.about-item-content > h4 a {
    color: #708090;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 20px;
    text-shadow: 2px 2px 8px #D3D3D3;
}
.about-item-content > h4 span:after {
    content: "";
    display: inline-block;
    height: 3px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 36px;
    width: 55px;
}
.about-item-content span a{
	color: #333;
}
.about-item-content span,
.about-us-text h3 {
    border-bottom: 1px solid #1c3254;
    height: 1px;
    padding: 13px 0;
    width: 100%;
}

.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: 88px }*/
.about-more-bottom .about-us-item { margin-bottom: 46px }
.about-more-area { margin-top:0px }
.about-us-item {
    /*margin-top: 25px;*/
    /*margin-bottom: 25px;*/
    margin:25px;
}
.about-item-step {
    /*-webkit-transform: rotate(45deg);*/
    /*-ms-transform: rotate(45deg);*/
    /*transform: rotate(45deg);*/
    /*width: 220px;*/
    cursor: pointer;
}



.about-more-area  .about-item-step [class^="fa fa-"]:before{
font-style: normal;
margin-left: 28px;
font-size: 24px;
font-weight: 600;
line-height: 88px;
color: #fff;
z-index: 11;	
}

.about-more-area  .about-item-step [class="fa fa-user"]:before{
margin-left: 32px;
}

.about-more-area  .about-item-step [class="fa fa-cutlery"]:before{
margin-left: 30px;
}


.about-more-area  .about-item-step [class^="flaticon-"]:before,
.project-counter .counter [class*=" flaticon-"]:after {
    font-size: 24px;
    font-weight: 600;
    line-height: 82px;
    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; text-align:center; font-size:18px;}
.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: #e31e24;
    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 #e31e24;
    content: "";
    display: inline-block;
    height: 3px;
    left: 0;
    overflow: hidden;
    position: absolute;
    bottom: -11px;
    width: 55px;
}
.about-us-item:hover i { color: #fff }
/*** 

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

***/

#our-feature {
    background: #e31e24;
    padding: 26px 0 40px;
    color: #fff;
}
.feature-area > h4 {
    color: #e31e24;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    margin: 0 0 15px;
    text-transform: uppercase;
}
.feature-item > h3 {
    color: #e31e24;
    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: #e31e24;
    margin-right: 10px;
}
.feature-area > p {
font-size: 14px;
font-weight: 500;
text-align: justify;
line-height: 24px;
}
.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 {
	background: #fff;
    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 #e31e24;
}
.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: #e31e24 }
/*** 

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

***/
#contact-section {
    background: rgba(0, 0, 0, 0) url("../images/bg-address.jpg") repeat fixed center center / cover;
    padding: 50px 0;
}
.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: 215px }
.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: #383838;
    padding-top: 32px;
	padding-bottom: 32px;
    color: #f1f1f1;
}
.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 solid rgba(255, 255, 255, 0.39);
    color: rgba(255, 255, 255, 0.88);
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 10px;
    padding-bottom: 7px;
	font-family: 'Cambria';
}
.footer-widget > p {
    line-height: 1.5;
    padding: 0;
    text-align: justify;
    color: #e3dddd;
    margin-top: 12px;
	font-size: 16px;
}
.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;
    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: #e31e24 }
.footer-single-item > a {
    color: #e3dddd;
    display: block;
    font-family: 'Cambria';
    font-size: 16px;
	line-height: 9px;
    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: #CFD5DA }
.footer-single-item > a:before {
    color: #fff;
    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: #e31e24;
    font-size: 14px;
    line-height: 38px;
    border: 1px solid #e31e24;
    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.png") repeat fixed center center / cover }
.pages-header-content h1 {
    font-family: 'Cambria';
    color: #fff;
    font-weight: 700;
    margin-top: 55px;
    text-transform: uppercase;
}
.pages-header-content > p {
    font-family: 'Cambria';
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 20px;
}
.pages-header-content .breadcum {
    /*margin-bottom: -11px;*/
    /*margin-top: 55px;*/
    margin: 0;
}
.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(228, 48, 53, 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: #cbccce }
.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: #e31e24 }
.choose-item:hover i {
    border-color: #e31e24;
    color: #e31e24;
}
.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: #e31e24;
    color: #fff;
}
.ac-pane:last-child { margin-bottom: 0 }
.ac-content { display: none }
.ac-title {
    border: 1px solid #e31e24;
    color: #fff;
    display: block;
    padding: 12px;
    background-color: #e31e24;
}
.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 #e31e24;
    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: #e31e24 }
.er-service-list ul li:hover a { color: #ffffff }
.er-service-list ul li:hover { background: #e31e24 }
.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: #e31e24 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: #e31e24 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: #e31e24 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 #e31e24;
}
.er-service-content .nav > li > a:focus,
.nav > li > a:hover {
    background-color: #e31e24;
    text-decoration: none;
}
.er-service-content .tab-content > .active {
    border: 1px solid #e31e24;
    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: #e31e24;
    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: #e31e24 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: #e31e24;
    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: #e31e24;
    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: #e31e24 }
/*** 

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

***/
.widget { margin-bottom: 35px }
.widget h4 { margin-bottom: 25px }
.widget h4 {
    border-bottom: 1px solid #d4d4d4;
    font-family: 'Cambria';
    font-size: 16px;
    font-weight: 700;
    line-height: 45px;
    padding-bottom: 11px;
    text-transform: uppercase;
}
.widget h4:before {
    background: #e31e24 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 #e31e24 }
.widget-search .search-icon i:focus { color: #e31e24 }
.search-form:focus ~ .search-icon { color: #e31e24 }
.sidebar-categories-item > a {
    border-bottom: 1px dotted #636363;
    color: #636363;
    display: block;
    font-family: 'Cambria';
    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: #e31e24 }
.sidebar-categories-item:hover > a:before { color: #e31e24 }
.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: #e31e24 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: #e31e24;
    font-size: 28px;
}
.post-summary .blogquote blockquote span { color: #e31e24 }
.post-summary .two-column-text > h4 {
    font-family: 'Cambria';
    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: #e31e24;
    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 #e31e24 }
.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: #e31e24 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: #e31e24 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: #e31e24 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: #e31e24 none repeat scroll 0 0;
    color: #fff;
    border: 1px solid #e31e24;
}
#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: #e31e24 none repeat scroll 0 0;
    color: #ffffff;
}
/*Contact Us page Style*/
.divider-contat {
    background: #e31e24 none repeat scroll 0 0;
    color: #fff;
    height: 100px;
    margin-top: -10px;
}
.divider-contat .star {
    background: #e31e24 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;
}

.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 .input-group { 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 #89929d;
    color: #000000;
    /*font-size: 14px;*/
    font-style: normal;
    /*height:42px;*/
    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: #e31e24;
    box-shadow: 0 0 2px #e31e24;
}
#contact-section-form .contact-form input:focus { border: 1px solid #e31e24 }
#contact-section-form .contact-form textarea:focus { border: 1px solid #e31e24 }
#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: auto;
    margin-bottom: 20px;
}
#contact-section-form .contact-submit-button {
    background: #e31e24 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: #e31e24;
}
#contact-section-form .contact-submit-button {
    background: #e31e24 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: #e31e24;
}
#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: 'Cambria';
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
    text-transform: uppercase;
}
#contact-section-form .working-hour-content h1:after {
    background: #e31e24 none repeat scroll 0 0;
    bottom: -9px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 60px;
}
#contact-section-form .section-title li {
    font-size: 14px;
    /*line-height: 34px;*/
    margin-bottom: 20px;
}
#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: #e31e24;
    display: inline-block;
    font-size: 181px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}
.et-404content h2 {
    color: #888888;
    font-family: 'Cambria';
    font-size: 60px;
    font-style: normal;
    font-weight: normal;
    line-height: 0.7;
    margin-bottom: 10px;
    text-transform: uppercase;
}

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

/*** 

====================================================================
    Underconstruction/Comming Soon Page Style
====================================================================

***/

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

.construction-area {
    padding: 38px 0;
}
.underconstruction-section {
    background: rgba(0, 0, 0, 0) url("../images/about-us-bg.jpg") repeat center center;
    background-size: cover;
}

.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;
}
.logo{
	/*width: 20%;/*280px*/
    /*right: 10%;*/
}
.construction-area .logo img {
    margin-bottom: 20px;
    width: 23%;
}

.simply-amount {
  font-family: 'Chewy', cursive;
  font-size: 80px;
  color: #e31e24;
}
.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: 'Cambria';
  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: #e31e24 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 10px;
    color:#fff;
    font-family: 'Cambria';
}
.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;
}

}

.cbp-l-filters-button {
    display: inline-block;
    margin:0;
}

.cbp-l-filters-button .cbp-filter-item {
    background-color: #FFF;
    border: 1px solid #ddd;
    border-radius: 2px;
    color: #555;
    cursor: pointer;
    font: 300 13px/29px Roboto,sans-serif;
    margin-right: 5px;
    overflow: visible;
    padding: 0 15px;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: block;
    float: left;
    outline: none;
    margin-top: -3px;
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
    transition: all 0s linear;
}
.cbp-l-filters-button .cbp-filter-item-active {
    background-color: #027DFD;
    color: #fff !important;
    border-color: #027DFD;
}
.cbp-l-filters-button .cbp-filter-counter {
    background-color: #027DFD;
    border-radius: 2px;
    color: #fff;
    font: 300 11px/18px Roboto,sans-serif;
    margin: 0 auto;
    padding: 4px 0;
    text-align: center;
    width: 34px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -ms-filter: "alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity .25s ease,bottom .25s ease;
    -moz-transition: opacity .25s ease,bottom .25s ease;
    -o-transition: opacity .25s ease,bottom .25s ease;
    transition: opacity .25s ease,bottom .25s ease;
}
.cbp-l-filters-button .cbp-filter-counter:before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #027DFD;
    visibility: hidden;
}

.marg20{
margin-bottom:20px;
}

.mid_content {
    background: #eeeeee;
    margin-top: 0px;
   padding-top: 20px;
}
.ord_proc {
    /*width: 1200px;*/
    margin: auto;
    /*text-align: center;*/
}
.ord_proc img{
    text-align: center;
    margin: 0 auto 10px;
    width: 400px;
    height: 300px;
    object-fit: contain;
}
.ord_proc .ord_proc_btn
{
    background-color:#ff6600;
    color:#fff;
    margin-bottom:20px;
}
.op_box {
    background: url(../images/step-guide.png) no-repeat top;
    padding-top: 60px;
    margin: 40px 0 0 0;
}

ul.op_step {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 340px;
}

ul.op_step li:first-child, .op_txt.first-child {
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft:15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

ul.op_step li:last-child, .op_txt.last-child {
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomright:15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

ul.op_step li {
    float: left;
    width: 25%;
    padding-top: 15px;
    position: relative;
    z-index: 991;
    overflow: hidden;
    height: 320px;
margin-top: -33px;
}

ul.op_step li h2 {
    background: #ed1c24;
    color: #fff;
    width: 70px;
    line-height: 70px;
    margin: auto;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    font-family: 'Cambria';
    position: relative;
    z-index: 992;
}
ul.op_step li:last-child, .op_txt.last-child {
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.op_txt {
    background: #ffffff;
    position: absolute;
    z-index: 990;
    top: 50px;
    width: 100%;
padding: 12px 0 0px 0;
box-sizing: border-box;
border-right: 1px solid #eeeeee;
height: 248px;
}
.op_txt p {
font-size: 16px;
font-weight: 600;
font-family: 'Cambria';
}
ul.op_step li:hover .op_txt {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
	background:#d7d7d7;
	
}

.swm_widget_box {
    display: block;
    /*background: #e6e6e6;*/
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.swm_widget_content {
    width: 100%;
    display: block;
    border-radius: 3px;
    padding: 15px 20px;
}
.recent_work_widget ul {
    margin: 0;
    padding: 0;
    border: none;
}
.recent_work_widget ul li {
    float: left;
    list-style: none;
    border: none;
    line-height: 0;
    padding: 0;
    width: auto;
	padding-bottom:7px;
}
.recent_work_widget img, .recent_work_widget a img {
    max-width: auto;
    float: left;
    width: 100%;
    height: 85px;
    margin: 0 6px 6px 0;
    display: inline-block;
    padding: 0px;
    border-radius: 3px;
    #border: 1px solid #CECCCC;
    box-shadow: 0 0 10px -4px rgba(68,68,68,.2);
}

.title-1{
color: #1E4F9B;
font-weight: bold;
letter-spacing: 1px;
line-height: 54px;
margin-bottom: 10px;
font-size: 24px;
text-transform: capitalize;

}

.title-2{color: #e31e24;
font-weight: bold;
letter-spacing: 1px;
line-height: 35px;
margin-bottom: 10px;
font-size: 24px;
text-align: left;
}

.icon-box_aside {
    float: left;
    width: 67px;
    height: 67px;
    text-align: center;
    line-height: 67px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 15px;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.bg-secondary {
    background: #F44236;
}
.icon-box_cnt__no-flow {
    overflow: hidden;
}
.icon-box_cnt {
    padding-top: 9px;
}
.clr-secondary {
    color: #F44236;
	font-weight: 600;
	font-size: 13px;
	line-height: 16px;
	text-transform: uppercase;
}
.icon-box_cnt * + p {
    margin-top: 5px;
}
.icon-box_cnt p {
    font-size: 12px;
    color: #333;
    line-height: 15px;
}
.icon-box::after {
    clear: both;
}
.icon-box::before, .icon-box::after {
    display: table;
    content: "";
    line-height: 0;
}
.icon-box + .icon-box {
    margin-top: 30px;
}
.icon-box::before, .icon-box::after {
    display: table;
    content: "";
    line-height: 0;
}
.bg-primary {
    background: #01BBD4;	
}
.icon-box_cnt__no-flow {
    overflow: hidden;
}
.icon-box_cnt {
    padding-top: 9px;
}
.clr-primary {
    color: #01BBD4;
	font-weight: 600;
	font-size: 13px;
	line-height: 16px;
	text-transform: uppercase;	
}
.icon-box_cnt * + p {
    margin-top: 5px;
}
.icon-box_cnt p {
    font-size: 12px;
    color: #333;
    line-height: 15px;
}
.icon-box + .icon-box {
    margin-top: 30px;
}
.bg-secondary2 {
    background: #FEBD00;
}
.clr-secondary2 {
    color: #FEBD00;
	font-weight: 600;
	font-size: 13px;
	line-height: 16px;
	text-transform: uppercase;
}
.bg-secondary3 {
    background: #4BAF4F;
}
.bg-secondary3 {
    background: #4BAF4F;
}
.clr-secondary3 {
    color: #4BAF4F;
	font-weight: 600;
	font-size: 13px;
	line-height: 16px;
	text-transform: uppercase;
}
.icon-box_aside > * {
    display: inline-block;
    vertical-align: middle;
}
.icon-box:hover .icon-box_aside {
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


.about-item-step div::after {
    border-radius: 5px;
    color: #fff;
    content: "";
    font-size: 30px;
    height: 85px;
    left: 4px;
    line-height: 60px;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 78px;
    /*z-index: -1;*/
    -webkit-transition: all 350ms ease 0s;
    transition: all 350ms ease 0s;
 
transform:none;
}

.step-row1 div::after{
   background: url('../images/hexagon1.png');
}
.step-row1 div:hover{
   background: url('../images/hexagon.png');
}

.step-row2 div::after{
   background: url('../images/hexagon2.png');
}

.step-row3 div::after{
   background: url('../images/hexagon3.png');
}

.step-row4 div::after{
   background: url('../images/hexagon4.png');
}

.content-row1 > h4 span::after{
border-bottom: 3px solid #F2746F;
}

.content-row2 > h4 span::after{
border-bottom: 3px solid #FEBD00;
}

.content-row3 > h4 span::after{
border-bottom: 3px solid #66BB70;
}
.content-row4 > h4 span::after{
border-bottom: 3px solid #4682B4 ;
}

[class^="flaticon-"]::before{
  
    margin-left: 30px!important;
}



.fa-commercial:before{
    content:url("../images/shopping.png");
    width:45px;
    height:45px;
    display: inline-block;
    margin: 20px 0px 15px 20px;;
}

.fa-finance_ac:before{
    content:url("../images/finance_ac.png");
    width:45px;
    height:45px;
    display: inline-block;
    margin:22px 0px 15px 22px;
}

.fa-healthcare:before{
    content:url("../images/healthcare.png");
    width:45px;
    height:45px;
    display: inline-block;
    margin: 26px 0px 15px 24px;
}

.fa-hospitality:before{
   content:url("../images/hospitality.png");
   width: 45px;
   height: 45px;
   display: inline-block;
   margin: 24px 0px 15px 22px;
}

.fa-IT:before{
    content:url("../images/IT.png");
    width:45px;
    height:45px;
    display: inline-block;
    margin: 26px 0px 15px 23px;
}

.fa-manufacture:before{
    content:url("../images/manufacture.png");
    width:45px;
    height:45px;
    display: inline-block;
    margin: 22px 0px 15px 21px;
}

.fa-oil:before{
    content:url("../images/oil.png");
    width:45px;
    height:45px;
    display: inline-block;
    margin: 28px 0px 15px 28px;
}

.fa-construction:before{
    content:url("../images/construction.png");
    width:45px;
    height:45px;
    display: inline-block;
    margin: 22px 0px 15px 22px
}

.fa-transportation:before{
    content:url("../images/transportation.png");
    width:45px;
    height:45px;
    display: inline-block;
    margin: 22px 0px 15px 20px
}

.main-menu .navigation > li.current > a::before{
/*background:none;*/
}

.home-title{
/*color: #e31e24;*/
/*text-transform: uppercase;*/
/*font-size: 30px;*/
/*font-weight: 700;*/
/*margin-bottom: 18px;*/
/*font-family: 'Cambria';*/
/*text-shadow: 0px 3px 2px #97261f;*/
color: navy;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 18px;
    font-family: 'Cambria';
    text-shadow: 1px 1px 1px teal;
}

/* on hover we animate the width to
 * 100% and opacity to 0 so the element
 * grows and fades out
 */
.tiny_img:hover {
    text-shadow: -1px 1px 20px #ffc, 1px -1px 20px #fff;

    -webkit-transition: text-shadow 250ms linear 0s;
    -moz-transition: text-shadow 250ms linear 0s;
    -o-transition: text-shadow 250ms linear 0s;
transition: text-shadow 250ms linear 0s;
}
.work
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.circle img
{
    margin: auto;
}

.work img
{
    margin: 20px auto;
    background: #fff;
    overflow: hidden;
    border-radius: 50%;
}

.circle{
    position: relative;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    text-align: center;
    display: block;
}

.work_desc{
    margin-top:9%;
}

.work_desc p{
    text-align: center;
}

.serve img{
    width: 200px;
    height: 200px;
    object-fit: contain;
}

@media screen and (max-width:900px) {
    .circle{
    position: relative;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    text-align: center;
    display: block;
}

.serve img{
   width: 200px;
    height: 200px;
    object-fit: contain;
}


#clients-list li img:hover{
        -webkit-transform:scale(1.5); /* Safari and Chrome */
    -moz-transform:scale(1.5); /* Firefox */
    -ms-transform:scale(1.5); /* IE 9 */
    -o-transform:scale(1.5); /* Opera */
     transform:scale(1.5);
     z-index:1000;
 }

.service-content-top .row
{
    /*display: flex;*/
    align-items: center;
}
}

.service-img{
	 -webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}
.service-img:hover{
	transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
}
.tiny_img img {
  max-width: 100%;

  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tiny_img:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.hoverg{
	transition-property: transform;
    transition-duration: 1s;
}
.hoverg:hover{
	animation-name: rotate;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}



/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}


/* footer social icons */

.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#8A2BE2;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	text-align:center;
	width: 30px;
	height: 30px;
	font-size:20px;
}
.social-circle li i {
	margin:0;
	line-height:50px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}
.icon {
    display: block;
    font-size: 30px;
    text-align: center;
    border-radius: 50%;
    margin: 0 auto 28px;
    width: 110px;
    height: 110px;
    border: 1px solid #8f8f8f;
    white-space: nowrap;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
/*Logo carousel*/

#clients {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#clients .clients-wrap {
  display: block;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
#clients .clients-wrap ul {
  display: block;
  list-style: none;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
#clients .clients-wrap ul li {
  display: block;
  float: left;
  position: relative;
  width: 220px;
  height: 105px;
  line-height: 100px;
  text-align: center;
}
#clients .clients-wrap ul li img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: 0 linear left;
  -moz-transition: 0 linear left;
 transition: 0 linear left;
 background: #fff;
border: 1px solid rgba(85, 85, 85, 0.4);
border-radius: 2px;
color: #000;
filter: alpha(opacity=40);
width: 210px;
-webkit-transition: 350ms;
transition: 350ms;

}
#clients .clients-wrap ul li img:hover {

}

.main-slider {
    background: url('../hpsldr/group-medic.jpg');
    background-color: #fff;
	background-position: 0px 0px;
	background-repeat: no-repeat;
    /*-webkit-animation: animate_background 95s linear 0s infinite;*/
    /*-moz-animation: animate_background 95s linear 0s infinite;*/
    /*-o-animation: animate_background 95s linear 0s infinite;*/
    /*animation: animate_background 95s linear 0s infinite;*/
	/*height:550px;*/
}

@-webkit-keyframes animate_background {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 3101px 0;
    }
}
@-moz-keyframes animate_background {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 3101px 0;
    }
}
@-o-keyframes animate_background {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 3101px 0;
    }
}
@keyframes animate_background {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 3101px 0;
    }
}

.marquee {
    background: #fff;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.marquee-heading ul li
{
    display: inline-block;
    padding: 10px 0;
}

.marquee-heading ul li a
{
    color: #ad0a04;
}

.marquee-heading ul li:after {
    content: "|";
    padding: 0 10px;
}

.marquee-heading ul li:last-child:after {
    content: "";
    padding: 0;
}

/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
    background: #fff;
    /*box-shadow: 0 0 10px #7e7e7e;*/
    /*border: 1px solid;*/
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2
{
    background: #97261f !important;
}

.specialisation
{
    
}

.specialisation img
{
    margin: auto auto 20px auto;
}

.bullet-list {
    margin-left: 20px;
}

.bullet-list li
{
    margin-bottom: 5px;
    font-size: 16px;
}

.bullet-list li:before {
    position: absolute;
    content: "●";
    margin-left: -15px;
    font-size: 10px;
}

/* Override bootstrap column paddings */
.container.gallery-container {
    /*background-color: #fff;*/
    /*color: #35373a;*/
    /*min-height: 100vh;*/
    /*padding: 30px 50px;*/
}

.tz-gallery .row > div {
    padding: 2px;
}

.achievement.lightbox {
    position: static;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
    padding: 10px;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'Glyphicons Halflings';
    content: '\e003';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(46, 132, 206, 0.7);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.blog-content ol li
{
    list-style: decimal;
    margin-left: 20px;
}

.blog-content ul li
{
    list-style: disc;
    margin-left: 20px;
}

/*Useful Links CSS*/

.flip-card {
  background-color: transparent;
  width: 100%;
  height: 300px;
  perspective: 1000px;
  text-align: center;
  margin-bottom: 50px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card-inner .outer-text {
    position: relative;
    z-index: 1;
    top: 100%;
    bottom: 0;
    margin-bottom: 50px;
    background: #a80a03;
    color: #fff;
    text-align: center;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: -1;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-front img
{
    width:100%;
    height:300px;
}

.flip-card-front img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.flip-card-back {
  background-color: #2980b9;
  color: white;
  transform: rotateY(180deg);
  /*opacity: 0.5;*/
}
.flip-card-back img
{
    opacity: 0.5;
    width:100%;
    height:300px;
}

.flip-card-back a {
    top: 50%;
    left: 17%;
    right: 17%;
    bottom: 25%;
    position: absolute !important;
    opacity: 1;
}