/* 
    Template  Name: Edifice Multipurpose Buisness Template;
	Description: This is a multipurpose Business template;
	Version:  1.0
    Authot:   Md.Masud Rana
    Website:  www.bootitems.com
==========================================
    TABLE CONTENTS
==========================================
    1. GLOBAL STYLES
    2. HEADER AREA STYLES;
    3. SLIDER STYLES
    4. PROMO AREA STYLES
	5. SERVICE AREA STYLES
	6. FEATURES AREA STYLES
    7. PROJECTS AREA STYLES
	8. VIDEO AREA STYLES
	9. TEAM AREA STYLES
	10. TESTIMONIAL AREA STYLES
	11. LEADERSHIP AREA STYLES
	12. LATEST NEWS STYLES
	13. BRAND LOGOS STYLES
	14. FOOTER AREA STYLES
	15. HOME 02 STYLES
	16. HOME 03 STYLES
	17. PAGES
	    17.1 ABOUT US STYLES
		17.2 PROJECT PAGE
		17.3 BLOG PAGE
		17.4 CONTACT US PAGE
		17.5 404 PAGE
	18. SCROLL UP STYLE	
	19. PRELOADER STYLE
/*

/* Google Fonts */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,400i,600,600i,700,700i');
/*========================================
    1. GLOBAL STYLES
==========================================*/
/* === 1.1 Body === */
html {
    font-size: 100%;
}
body {
    background-color: #fff;
    color: #666;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    margin: 0;
    padding: 0;
}
/* ========================================
   2. Typography
=========================================== */
/* === 1.2 Hyperlink === */
a {
    color: #303030;
	/*transition*/
	   -webkit-transition:all 0.3s ease-in-out;
	  -moz-transition:all 0.3s ease-in-out;
	 -o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	text-decoration:none;
}
a, a > * {
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
}
a:focus,
a:hover {
    outline: medium none;
    text-decoration: none;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { 
    color: inherit 
}
/* === 2.1 Headings === */
h1, h2, h3, h4, h5, h6 {
    color: #303030;
    font-family: "Montserrat",sans-serif;
    margin: 0 0 20px;
    padding: 0;
}
h1 {
    font-size: 36px;
    line-height: 52px;
}
h2 {
    font-size: 32px;
    line-height: 48px;
}
h3 {
    font-size: 28px;
    line-height: 32px;
}
h4 {
    font-size: 24px;
    line-height: 38px;
}
h5 {
    font-size: 20px;
    line-height: 30px;
}
h6 {
    font-size: 18px;
}
/* === PARAGRAPH === */
p {
    margin: 0 0 10px;
}
b, strong {
    font-weight: 600;
}
/* =======================================
   Basic Margins Paddings ===============*/
/* === Margin Top === */
.mt-15{
	margin-top:15px;
}
.mt-35{
	margin-top:35px;
}
/* === Margin Bottom === */
.mb-0{
	margin-bottom:0;
}
.mb-20{
	margin-bottom:20px;
}
.mb-30{
	margin-bottom:30px;
}
.mb-35{
	margin-bottom:35px;
}
.mb-40{
	margin-bottom:40px;
}
.mb-45{
	margin-bottom:45px;
}
.mb-50{
	margin-bottom:50px;
}
.mb-55{
	margin-bottom:55px;
}
.mb-60{
	margin-bottom:60px;
}
.mb-70{
	margin-bottom:70px;
}
.mb-80{
	margin-bottom:80px;
}
/* === Margin Left === */
.ml-5{
	margin-left:5px;
}
.ml-10{
	margin-left:10px;
}
/* === Margin Right === */
.mr-5{
	margin-right:5px;
}
.mr-10{
	margin-right:10px;
}
.mr-20{
	margin-right:20px;
}
/* === Margin Top Bottom ===*/
.mtb-10{
	margin:10px 0;
}  
.mtb-20{
	margin:20px 0;
}  
.mtb-30{
	margin:30px 0;
}  
/* === Padding Top === */
.pt-10{
	padding-top:10px;
}
.pt-20{
	padding-top:20px;
}
.pt-30{
	padding-top:30px;
}
.pt-35{
	padding-top:35px;
}
.pt-40{
	padding-top:40px;
}
.pt-50{
	padding-top:50px;
}
.pt-55{
	padding-top:55px;
}
.pt-75{
	padding-top:75px;
}
.pt-80{
	padding-top:80px;
}
.pt-100{
	padding-top:100px;
}
.pt-105{
	padding-top:105px;
}
 /* === Padding  Bottom === */    
.pb-10{
	padding-bottom:10px;
}
.pb-20{
	padding-bottom:20px;
}
.pb-35{
	padding-bottom:35px;
}
/*=== Padding Top Bottom ===*/  
.ptb-45{
	padding:45px 0; 
}
.ptb-50{
	padding:50px 0; 
}
.ptb-60{
	padding:60px 0; 
}
.ptb-80{
	padding:80px 0;
}   
.ptb-90{
	padding:90px 0;
}   
.ptb-100{
	padding:100px 0;
}   
.ptb-105{
	padding:105px 0;
}   
.ptb-110{
	padding:110px 0;
}   
/* Miscellaneous Paddings */
.pt45-pb45{
	padding:45px 0  45px;
}
.pt105-pb45{
	padding:105px 0  45px;
}
.pt105-pb60{
	padding:105px 0 60px;
}
.pt105-pb75{
	padding:105px 0 75px;
}
.pt105-pb80{
	padding:105px 0 80px;
}
.pt105-pb85{
	padding:105px 0 85px;
}
.pt105-pb10{
	padding:105px 0 10px;
}
/* === 1.5 OTHER FIXES === */
 *,
*:before,
*:after{
	  -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
	box-sizing:border-box;
}
.trans{
	   -webkit-transition:all 0.3s ease 0s;
	  -moz-transition:all 0.3s ease 0s;
	 -o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;	
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.uppercase{
	text-transform:uppercase;
}
.floatleft {
    float: left
}
.floatright {
    float: right
}
.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px
}
.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px
}
.aligncenter {
    display: block;
    margin: 0 auto 15px
}
img {
    max-width: 100%;
    height: auto
}
.container{
	width:1200px;
}
/*=== Background Overlay === */
.overlay-bg, .overlay-bg-2,
.overlay-bg5, .overlay-bg7,
.overlay-bg8, .overlay-primary {
    position: relative;
	overflow:hidden;	
}
.overlay-bg::before, .overlay-bg-2::before,
.overlay-bg5::before, .overlay-bg7::before,
.overlay-bg8::before, .overlay-primary::before{
    /*background: rgba(0, 0, 0, 0.92) none repeat scroll 0 0;*/	
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;	
}
.overlay-bg-2::before {
    background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
}
.overlay-bg5::before {
    /*background: rgba(0, 0, 0, 0.5);*/
}
.overlay-bg7::before {
    background: rgba(0, 0, 0, 0.7);
}
.overlay-bg8::before {
    background: rgba(0, 0, 0, 0.80) none repeat scroll 0 0;
}
.overlay-primary:before {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
/*=== Section Title ===*/
.section-title {
	display: block;
	margin: 0 0 35px;
	padding: 0;
	width: 100%;
}
.section-title h2 {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 22px;
    text-transform: uppercase;
}
.section-title-2 h3 {
	font-size: 28px;
	line-height: 42px;
	margin-bottom:5px;
}
.section-title p {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 0;
}
.section-title-3 h3 {
    color: #303030;
    font-size: 16px;
    text-transform: uppercase;
}
.section-title.white-text,
.section-title.white-text h2,
.section-title.white-text p{
	color:#ffffff;
}
/* === Buttons CSS === */
.btn {
    font-family: open sans;
    font-size: 14px;
    font-weight: 600;
	padding: 9px 20px;
}
.btn-lg {
	font-size: 16px;
	padding: 13px 20px;
}
.btn-sm {
	font-size: 13px;
	padding: 5px 18px;
}
.btn-xs {
	font-size: 12px;
	padding: 2px 15px;
}
.btn-primary {
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.btn-primary:hover{
	border: 1px solid rgba(0, 0, 0, 0.1);
	opacity:0.85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary.focus:active{
	background-color: #f9562a;
}
.btn-edifice {
	border-radius: 0;
	color: #fff;
}
.btn-edifice:hover {
    background-color: #e14419;
	border: 1px solid rgba(0, 0, 0, 0.1);
    color: #ffffff;
}
.btn-borders {
    background-color:transparent;
    border: 1px solid #ffffff;
    border-radius: 3px;
}
.btn-flat{
	border-radius:0;
}
.btn-readmore {
	border-radius: 0;
	padding: 3px 12px;
	float:right;
}

.specif-bx { background:#f5f5f5; padding:10px; border-radius:4px; margin:15px 0px;}
.specif-bx h4 { color:#fb5e33;}
.specif-bx span { color:#000; font-weight:600; width:200px;}
/*========================================
    2. HEADER AREA STYLES
==========================================*/
.header-area {
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	z-index: 999;
}
/* Header Topbar */
.header-topbar {
	background-color: #19181a;
	color: #ffffff;
	margin: 0;
	padding: 12px 0;
}
.header-topbar p {
    margin-bottom: 0;
}
.header-topbar ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.header-topbar ul li {
	display: inline-block;
	list-style: outside none none;
	margin: 0 0 0 16px;
	padding: 0;
}
.header-topbar ul li a {
    color: #ffffff;
}
.header-topbar ul li a:hover{
	opacity:0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.header-topbar ul li i{
	margin-right:4px;  
}
/* Navigation-area */
.navigation-area {
	position: relative;
}
.navigation-container {
	background-color: rgba(214, 221, 236, 0.75);
	box-shadow: 0 0 9.5px 0.5px rgba(0, 0, 0, 0.5);	
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 99;
}
/* Logo */
.logo {
    padding: 27px 0;
}
.logo a {
    display: block;
}
/* Edifice Nav */
nav.edifice-nav {
	float: left;
	width: 100%;
}
.edifice-nav ul.menu {
    float: right;
}
.edifice-nav ul{
	list-style:none;
	display:block;
	margin:0;
	padding:0;	
}
.edifice-nav .menu li {
    position: relative;
	   -webkit-transition: all 0.3s ease 0s;
	  -moz-transition: all 0.3s ease 0s;
     -ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
	list-style:none;
}
.edifice-nav .menu li a {
    color: #c6c6c6;	
	display:block;
    font-size: 13px;
}
.edifice-nav .menu > li {
	float:left;
}
.edifice-nav ul.menu > li > a {
    color:#303030;		
	font-family: "Montserrat",sans-serif;
	font-size: 14px;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	padding: 45px 25px;
	text-transform: uppercase;
}
.edifice-nav .menu > li:last-child > ul ul {
    left: auto;
    right: 100%;
}
.edifice-nav .menu > li ul {
    background-color: rgba(25, 24, 26, 0.95);
    opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding: 15px 0;
    position: absolute;
	    -webkit-transform: translate3d(0px, 10px, 0px);
	   -moz-transform: translate3d(0px, 10px, 0px);
	  -ms-transform: translate3d(0px, 10px, 0px);
	 -o-transform: translate3d(0px, 10px, 0px);
	transform: translate3d(0px, 10px, 0px);
	   -webkit-transition: all 0.3s ease 0s;
	  -moz-transition: all 0.3s ease 0s;
     -ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 230px;
    z-index: 99;
}

.edifice-nav .menu > li > ul li a {
    padding: 5px 20px;
}
.edifice-nav .menu > li > ul > li > ul {
    left: 100%;
    padding: 10px 0;	
    top: 0;
}
.edifice-nav .menu > li:hover > ul {
    opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	    -webkit-transform: translate3d(0px, 0px, 0px);
	   -moz-transform: translate3d(0px, 0px, 0px);
	  -ms-transform: translate3d(0px, 0px, 0px);
	 -o-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
    visibility: visible;
}
.edifice-nav .menu > li > ul > li:hover > ul,
.edifice-nav .menu > li:hover .mega-menu ul {
    opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	    -webkit-transform: translate3d(0px, 0px, 0px);
	   -moz-transform: translate3d(0px, 0px, 0px);
	  -ms-transform: translate3d(0px, 0px, 0px);
	 -o-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
    visibility: visible;
}
/* Mega Menu */
.edifice-nav .menu .mega-menu {
	padding: 20px;
	width: 400px;
}
.edifice-nav .menu .mega-menu.three-column {
    width: 600px ;
}
.edifice-nav .mega-menu.mega-center {
	left: 50%;
	margin-left: -200px;
}
.edifice-nav .mega-menu.mega-center.three-column {
    margin-left: -300px;
}
.edifice-nav .mega-menu.mega-right{
	right:0;
}
.edifice-nav .menu .mega-menu > li.mega-col {
	float:left;
    padding: 0 10px;	
	overflow: hidden;
	width: 50%;
}
.edifice-nav .menu .mega-menu.three-column > li.mega-col {
    width: 33.33%;
}
.edifice-nav .menu .mega-menu ul {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	left: auto;
	    -webkit-transform: translate3d(0px, 0px, 0px);
	   -moz-transform: translate3d(0px, 0px, 0px);
	  -ms-transform: translate3d(0px, 0px, 0px);
	 -o-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);	
	padding: 0;
	position: relative;
}
.edifice-nav .menu li.mega-col li {
	display: block;
	width: 100%;
}
.edifice-nav .menu li.mega-col li a {
    padding: 5px 0;
}
/* Meag Menu Title */
.mega-menu .title {
	color: #c6c6c6;
	display: block;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 12px;
	padding: 0 0 6px;
	position: relative;
	text-transform: capitalize;
}
.edifice-nav .mega-menu .title::before {
	bottom: 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 30px;
}
.edifice-nav .menu li.has-dropdown > a::after {
	content: "";
	font-family: fontawesome;
	font-size: 14px;
	margin-top: -11px;
	position: absolute;
	right: 12px;
	top: 50%;
}
.edifice-nav .menu li ul li.has-dropdown > a::after {
	content: "";
	right: 18px;
}
.edifice-nav .menu > li > ul::before {
	border-bottom: 8px solid #292929;
	border-left: 8px solid rgba(0, 0, 0, 0);
	border-right: 8px solid rgba(0, 0, 0, 0);
	content: "";
	left: 45px;
	position: absolute;
	top: -8px;
}
.edifice-nav .menu > li > ul.mega-menu::before{
	left:50%;
	margin-left:-4px;
}
/* Hover Color */
.edifice-nav .menu > li:hover li a{
	color:#c6c6c6;
}
.edifice-nav .menu > li:hover li:hover > a{
	padding-left:23px;
}
.edifice-nav .menu > li:hover ul.mega-menu li:hover > a{
	padding-left:3px;	
}
/* Mobile Menu */
.navigation-area .col-xs-2.col-sm-8.col-md-9{
	position:static;
}
.mean-container .mean-bar {
	margin-top: 31px;
	position: inherit;
}
.scroll-header .mean-container .mean-bar {
	margin-top: 31px;
}
.mobile-menu-area .mean-nav {
	left: 0;
	position: absolute;
	top: 100px;
}
.mean-nav .mega-menu .title {
	margin-bottom: 0;
	padding: 12px 20px;
}
/* Search  */
.search-area {
	padding: 42px 0;
	position: relative;
	text-align: center;
}
.searcn-btn {
	border-radius: 3px;
	color: #ffffff;
	float: right;
	height: 30px;
	line-height: 30px;
	padding: 0;
	text-align: center;
	width: 30px;
	cursor: pointer;	
}
.searcn-btn:hover{
	opacity:0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.top-search-form {
	background-color: #19181a;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
	padding: 10px 25px;
	position: absolute;
	right: 0;
	top: 125px;
	    -webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
	 -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
	width: 370px;
	z-index: 4;
	visibility:hidden;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.top-search-form.active{
    top: 115px;
	visibility:visible;
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
}
.top-search-form input[type="text"] {
	background-color: #b1b7c6;
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 3px 0 0 3px;
	color: #19181a;
	float: left;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
	width: 272px;
}
.top-search-form button {
	border: medium none;
	border-radius: 0 3px 3px 0;
	color: #ffffff;
	font-size: 16px;
	height: 40px;
	text-align: center;
	    -webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
	 -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
	width: 48px;
}
.top-search-form button:hover {
	opacity:0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
/* Fixed Header */
.scroll-header{
	background-color: rgba(214, 221, 236, 0.95);	
	animation:300ms ease-in-out 0s normal none 1 running;
	animation-name: fadeInDown;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:99;
}
.scroll-header .logo {
    padding: 20px 0;
}
.scroll-header .edifice-nav ul.menu > li > a {
    padding: 38px 25px;
}

.scroll-header .search-area {
    padding: 35px 0;
}
.scroll-header .top-search-form.active {
	opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  	
	top: 100px;
	visibility: visible;
}
/*========================================
    3. SLIDER STYLES
==========================================*/
.tbl {
    display: table;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.tbl-cell {
    display: table-cell;
    vertical-align: middle;
}
.slider-area {
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.single-slide {
    background-position: center center;
    background-size: cover;
    color: #fff;
    position: relative;
    z-index: 1;
}
.single-slide .slide-content {
	/*background-color: rgba(0, 0, 0, 0.6);*/
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 4;
}
.slide-box {
	background-color: rgba(255, 255, 255, 0.2);
	border: 2px solid #dddddd;
	margin-left: 45px;
	max-width: 525px;
	padding: 45px;
}
.slide-box h3 {
	color: #ffffff;
	font-size: 28px;
	line-height: 42px;
	margin: 0;
}
.slide-box h1 {
    font-size: 48px;
    font-weight: bold;
    line-height: 60px;
    margin: 0;
}
.slide-box a {
    font-size: 18px;
    text-align: right;
	color:#fff;
	display:block;
	font-family:"Montserrat",sans-serif;
}
/* === Slider Navigation === */
.slider-navigation {
	background: rgba(255, 255, 255, 0.6);
	height: auto;
	left: 0;
	position: absolute;
	bottom: 12%;
	width: 100%;
	z-index: 99;
}
.slider-nav {
	display: block;
	padding: 35px 0;
}
.slider-nav ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
.slider-nav ul li {
	display: inline-block;
	list-style: outside none none;
	margin: 12px;
}
.slider-nav ul li a {
	border: 1px solid #ffffff;
	color: #ffffff;
	display: block;
	font-weight:600;
	padding: 5px 20px;
	text-transform: uppercase;
}
.slider-nav ul li a:hover{
	background-color: #ffffff;
	border: 1px solid #f7f7f7;
}
/* Slider Two */
.welcome-slides .slide-container{
	padding-top:100px;
}
.welcome-slides .slide-container *,
.welcome-slides .slide-container h1 span {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeOutDown;
	color:#fff;
}
.welcome-slides .slide-container h3 {
	animation-delay: 0.4s;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0.5px;
	margin-bottom: 10px;
}
.welcome-slides .slide-container h1 {
	animation-delay: 0.8s;
	color: #ffffff;
	font-size: 48px;
	font-weight: 700;
	line-height: 56px;
	letter-spacing:0.5px;
	text-shadow: 2px 2px 2px #000000;
}
.welcome-slides .slide-container p {
	animation-delay: 1.2s;
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 35px;
	text-shadow: 2px 2px 2px #000000;
}
.welcome-slides .slide-container a.btn {
    animation-delay: 1.6s;
	font-size:16px;
    font-family: "Montserrat",sans-serif;
	letter-spacing:0.4px;
	text-transform:uppercase;
	font-weight:normal;
}
.welcome-slides .slide-container a.btn2 {
    animation-delay: 2s;
}
.welcome-slides .slick-active .slide-container h3{
    animation-name: fadeInUp;	
}
.welcome-slides .slick-active .slide-container h3 span{
    animation-name: fadeInUp;	
}
.welcome-slides .slick-active .slide-container h1,
.welcome-slides .slick-active .slide-container h1 span{
    animation-name: fadeInUp;	
}

.welcome-slides .slick-active .slide-container p{
    animation-name: fadeInUp;	
}
.welcome-slides .slick-active .slide-container a.btn {
    animation-name: fadeInUp;
}
.welcome-slides .slick-active .slide-container a.btn2 {
    animation-name: fadeInUp;
}
/* Slider Controls */
.welcome-slides .slick-dots {
	bottom: 25px;
	position: absolute;
	right: 100px;
	z-index:9;
}
.welcome-slides .slick-dots > li {
    display: inline-block;
}
.welcome-slides .slick-dots > li > button {
	background-color: rgba(0, 0, 0, 0);
	border: 2px solid #ffffff;
	border-radius: 20px;
	display: block;
	height: 20px;
	margin: 5px 7px;
	opacity: 0.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	text-indent: -99999px;
	width: 20px;
}
.welcome-slides .slick-dots > li.slick-active > button,
.welcome-slides .slick-dots > li > button:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  	
}
.page-down-arrow {
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 8;
}
.page-down-arrow a {
    text-decoration:none;
	font-size: 50px;
	color: #fff;
}
/*========================================
    4. PROMO AREA STYLES 
==========================================*/
.promo-area h5 {
	color: #ffffff;
	margin: 0;
	padding-bottom: 5px;
}
.promo-area p {
	color: #ffffff;
	font-size: 16px;
	margin: 0;
}
.promo-area .btn-primary {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #ffffff;
	margin-top: 6px;
}
.promo-area .btn-primary:hover{
	background-color: #ffffff;
}
/*========================================
    5. SERVICE AREA STYLES
==========================================*/
.service-area{
	background-color:#ffffff;
}
.service-area.gray-bg{
	background-color:#f7f7f7;
}
.service-item {
	border: 1px solid #dddddd;
	margin-bottom: 100px;
	    -webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
	 -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.service-content {
	padding: 35px 21px;
	text-align: center;
}
.service-icon {
	background-color:#ffffff;
	border: 1px solid #dddddd;
    border-radius: 3px;	
	    -webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
	 -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
	height: 78px;
	margin: -40px auto auto;
	position: relative;
	text-align: center;
	width: 78px;
	position:relative;
}
.service-icon:before, .service-icon:after {
    content: "";
    border-style: solid;
    position: absolute;
    border-radius: 3px;
    box-sizing: content-box;
	    -webkit-transition: all 0.5s ease 0s;
	   -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
	 -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.service-icon:before {
    width: 0;
    height: 100%;
    border-width: 1px 0 1px 0;
    top: -1px;
    left: 0;
}
.service-icon:after {
    width: 100%;
    height: 0;
    border-width: 0 1px 0 1px;
    top: 0;
    left: -1px;
}
.service-item:hover .service-icon:before {
    width: 100%;
}
.service-item:hover .service-icon:after {
    height: 100%;
}
.service-icon i.top-icon {
	font-size: 35px;
	left: 20px;
	position: absolute;
	top: 20px;
	z-index: 2;
}
.service-icon i.base-icon {
	color: #f0f0f0;
	font-size: 66px;
	line-height: 75px;
	position: relative;
	text-align: center;
	z-index: 1;
	    -webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
	 -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.service-content h6 {
	display: inline-block;
	font-family: open sans;
	font-weight: 600;
	margin-bottom: 35px;
	position: relative;
}
.service-content h6:before {
	bottom: -15px;
	content: "";
	height: 2px;
	left: 50%;
	position: absolute;
		-webkit-transform: translatex(-50%);
	   -moz-transform: translatex(-50%);
	  -ms-transform: translatex(-50%);
	 -o-transform: translatex(-50%);
	transform: translatex(-50%);
	    -webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
	 -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
	width: 50%;
}
.service-content p{
	margin-bottom:0;
}
.service-item:hover .service-content h6::before {
	width: 100%;
}
.service-item:hover .service-icon i.top-icon{
		-webkit-transform: scale(0);
	   -moz-transform: scale(0);
	  -ms-transform: scale(0);
	 -o-transform: scale(0);
	transform: scale(0);
	    -webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
	 -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
/*========================================
   6. FEATURES AREA STYLES
==========================================*/
.features-area {
	background: rgba(0, 0, 0, 0) url("img/why/bg.jpg") repeat scroll 0 0;
	overflow: hidden;
	position: relative;
	background-attachment:fixed;
}
.secondary-title {
	display: block;
	margin-bottom: 62px;
	padding: 0;
	position: relative;
}
.secondary-title h4 {
    line-height: 28px;
}
.secondary-title h3 {
	color: #ffffff;
	display: block;
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
}
.secondary-title p {
    color: #ffffff;
    margin-bottom: 30px;
}
/* Why Choose */
.why-choose-outer {
	float: left;
	padding: 105px 30px 60px 100px;
	position: relative;
	width: calc(60% - 85px);
}
.single-feature {
    color: #ffffff;
    display: block;
	margin-bottom:45px;
}
.feature-icon {
	float: left;
	font-size: 36px;
	margin: 0;
	padding: 12px 0 0;
	text-align: left;
	width: 55px;
}
.feature-content {
    padding-left: 55px;
}
.feature-content h4 {
	font-family: open sans;
	font-size: 18px;
	font-weight: 600;
	line-height: 36px;
	margin-bottom: 8px;
}
.feature-content p{
	margin-bottom:0;
}
/* Get A Quote */
.quote-area-outer {
	float: right;
	padding-left: 30px;
	padding-right: 100px;
	position: relative;
	width: calc(40% - 85px);
}
.quote-area-outer::before {
	content: "";
	height: 222%;
	left: -118px;
	position: absolute;
	top: 0;
		-webkit-transform: rotate(15deg);
	   -moz-transform: rotate(15deg);
	  -ms-transform: rotate(15deg);
	 -o-transform: rotate(15deg);
	transform: rotate(15deg);
	width: 250%;
	z-index: 1;
}
.quote-area-inner {
	overflow: hidden;
	padding-bottom: 105px;
	padding-top: 105px;
	position: relative;
	z-index: 2;
}
.single-field {
    height: auto;
    margin: 0 0 15px;
    padding: 0;
    width: 100%;
}
.single-field > label {
    color: #333333;
    display: block;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 10px;
}
.single-field > input {
	background: #f7f7f7 none repeat scroll 0 0;
	border: 1px solid #e0e0e0;
	box-shadow: none;
	height: 40px;
	margin-bottom: 20px;
	padding: 0 15px;
	width: 100%;
}
.half-field, .half-field-last {
    float: left;
    width: 48%;
}
.half-field-last {
    float: right;
}
.single-field > textarea {
	border: 1px solid #e0e0e0;
	height: auto;
	padding: 10px 15px;
	width: 100%;
}
.quote-form{
	text-align:center;
}
.quote-form .single-field{
	margin-bottom:5px;
}
.quote-form .single-field > textarea {
    margin-bottom: 15px;
}
.quote-form .single-field > input,
.quote-form .single-field > textarea {
	background-color: rgba(255, 255, 255, 0.25);
	color: #ffffff;
}
.quote-form .btn-primary:hover{
	background-color:#ffffff;
}
/*========================================
   7. PROJECTS AREA STYLES
==========================================*/
.project-area{
	background-color:#ffffff;
}
.project-area > .row{
	margin-left:0;
	margin-right:0;
}
ul.filter-menu {
    list-style: outside none none;
    padding: 0;
}
ul.filter-menu li {
	color: #303030;
	cursor: pointer;
	display: inline-block;
	font-weight: 600;
	padding: 3px 22px;
	    -webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
	 -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
ul.filter-menu li:hover,
ul.filter-menu li.mixitup-control-active {
    color: #fff;
}
.recent-porjects {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.recent-porjects > div{
	padding-left:2px;
	padding-right:2px;
}
.single-project {
    overflow: hidden;
    position: relative;
	margin-bottom:4px;
}
.single-project > img {
    height: auto;
    left: 0;
    position: relative;
    width: 100%;
}
.project-inof {
    border-bottom: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    color: #ffffff;
    left: 0;
    margin-top: -46px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding: 20px 0;
    position: absolute;
    text-align: center;
    top: 100%;
	    -webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
	 -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: 3;
}
.project-inof h6 {
	color: #ffffff;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 2px;
	text-transform: uppercase;
}
.project-inof a {
    color: #ffffff;
    display: block;
	font-weight:600;
	    -webkit-transition: all 0.5s ease 0s;
	   -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
	 -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;	
}
.project-inof a:hover{
	color:#ffffff;
	letter-spacing:0.5px;
	opacity:0.75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
.single-project:before {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
	    -webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
	 -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: 2;
}
.single-project:hover:before {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}
.single-project:hover .project-inof {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    top: 50%;
    visibility: visible;
}
/*========================================
   8. VIDEO AREA STYLES
==========================================*/
.video-area {
    background: rgba(0, 0, 0, 0) url("img/video/video-bg.jpg") no-repeat scroll left bottom;
    display: block;
    overflow: hidden;
}
.play-btn {
    color: #e62117;
    display: block;
    font-size: 60px;
}
.video-content > h5 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 10px;
}
.video-content p {
	color: #ffffff;
	margin-bottom: 0;
}
.video-content a i {
    font-size: 60px;
}
.play-btn:hover {
    color: #d21e2d;
}
/*========================================
   9. TEAM AREA STYLES
==========================================*/
.team-area{
	background-color:#ffffff;
}
.team-learder {
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
	display: block;
	margin-bottom: 5px;
	position: relative;
}
.learder-thumb > img {
	display: block;
	outline: medium none;
	width: 100%;
}
.learder-info {
	overflow: hidden;
	padding: 30px 20px;
}
.learder-name {
	display: block;
	margin-bottom: 15px;
}
.learder-name h4 {
	font-size: 18px;
	font-weight: 700;
	line-height: 18px;
	margin-bottom: 5px;
}
.learder-name p {
    margin-bottom: 0;
}
.leader-bio {
	color: #ffffff;
	height: 100%;
	left: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	padding: 50px 20px 0;
	position: absolute;
	top: 0;
	    -webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
	 -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 100%;
		-webkit-transform:scalex(0.5);
	   -moz-transform:scalex(0.5);
	  -ms-transform:scalex(0.5);
	 -o-transform:scalex(0.5);
	transform:scalex(0.5);
}
.leader-bio .learder-name h4 {
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 3px;
}
.leader-bio .learder-name {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	color: #ffffff;
	margin-bottom: 25px;
	padding-bottom: 15px;
	position: relative;
}
.leader-bio .learder-name::before {
	border-bottom: 1px solid rgba(255, 255, 155, 0.15);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	width: 100%;
}
.leader-bio > p {
    margin-bottom: 20px;
}
.contacts {
	display: block;
	margin-bottom: 20px;
}
.contacts > p {
    margin-bottom: 0;
}
.leader-bio .social-links li a {
    border: 1px solid #ffffff !important;
}
.leader-contacts > ul {
    list-style: outside none none;
    margin-top: 20px;
    padding: 0;
}
.leader-contacts a {
    color: #fff;
}
.team-learder:hover .leader-bio {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
	    -webkit-transform:scalex(1);
	   -moz-transform:scalex(1);
	  -ms-transform:scalex(1);
	 -o-transform:scalex(1);
	transform:scalex(1);
}
.team-learder:hover .social-links li a {
    color: #fff;
    position: relative;
}
.team-learder:hover .social-links li a:hover{
	background-color:#ffffff;
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*========================================
   10. TESTIMONIAL AREA STYLES
==========================================*/
.testimonial-area {
    position: relative;
}
.testimonials-wrap {
	background-color: #ffffff;
	margin-bottom: 5px;
	overflow: hidden;
	padding: 60px 50px;
	position: relative;
}
.testimonials-wrap::before {
	color: #f7f7f7;
	content: "";
	font-family: fontawesome;
	font-size: 65px;
	font-style: normal;
	left: 10px;
	position: absolute;
	top: 50px;
	width: 100%;
}
.single-testimonial {
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.testimonial-content {
	margin-bottom: 35px;
	position: relative;
}
.testimonial-content > p {
	font-size: 16px;
	font-style: italic;
	line-height: 28px;
}
.testauthor-info {
	display: block;
	float: right;
}
.author-picture {
	border-radius: 50%;
	display: inline-block;
	float: left;
	height: 100px;
	overflow: hidden;
	width: 100px;
}
.author-picture > img {
	display: block;
	height: 100%;
	width: 100%;
}
.author-name > h4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 0;
}
.author-name {
    display: inline-block;
    margin-left: 15px;
    margin-top: 25px;
}
.testimonials-wrap .slick-arrow {
	color: #ffffff;
	cursor:pointer;
	font-size: 24px;
	height: 26px;
	line-height: 20px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 20px;
}
.testimonials-wrap .arrow-prev{
	right:20px;
}
.testimonials-wrap .arrow-next{
	right:0;
}
/* PROGRESS BAR */
.progress-title {
	color: #555555;
	font-family: "Open Sans",sans-serif;
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 10px;
}
.progress {
    background: #dddddd none repeat scroll 0 0;
	border-radius:0;
    box-shadow: none;
    height: 15px;
    line-height: 15px;
    margin-bottom: 30px;
    overflow: visible;
}
.progress .progress-bar {
    position: relative;
}
/*========================================
   11. LEADERSHIP AREA STYLES
==========================================*/
.leadership-area {
	background: rgba(0, 0, 0, 0) url("img/leadership/1.jpg") no-repeat scroll center center;
	background-attachment:fixed;
	background-size:cover;
}
.leadership-area-2 {
    background: rgba(0, 0, 0, 0) url("img/leadership/2.jpg") no-repeat scroll center center;
}
.single-leadership h5 {
	color: #ffffff;
	font-size: 18px;
	line-height: 26px;
	text-transform: uppercase;
}
.single-leadership p {
	color: #ffffff;
	font-size: 16px;
	line-height: 28px;
}
.carousel-arrows .slick-arrow {
	color:#555;
	cursor:pointer;
	font-size: 42px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	z-index:9;
}
.carousel-arrows .arrow-prev{
	left:0;
}
.carousel-arrows .arrow-next{
	right:0;
}
.leadership-quotes .slick-arrow {
	color: #ffffff;
}
.leadership-quotes .slick-arrow:hover {
	opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.leadership-quotes .arrow-prev{
	left:-60px;
}
.leadership-quotes .arrow-next{
	right:-60px;
}
/*========================================
   12. LATEST NEWS STYLES
==========================================*/
.news-area{
	background-color: #ffffff;	
}
.news-area.gray-bg{
	background-color: #f7f7f7;	
}
.single-news {
	background-color: #ffffff;
	margin: 0 0 30px;
	padding: 0;
}
.post-thumbnai{
	position:relative;
	overflow:hidden;
}
.post-thumbnai img {
	display: block;
	margin: 0;
	outline: medium none;
	    -webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
	 -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
	width: 100%;
}
.single-news .entry-meta {
	color: #ffffff;
	display: block;
	margin: -20px auto 25px;
	padding: 8px;
	position: relative;
	text-align: center;
	width:96%;
	width: calc(100% - 30px);
	z-index: 1;
}
.single-news .entry-meta p {
	display: block;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 0;
}
.single-news .entry-meta span {
	margin: 0 4%;
}
.single-news .entry-meta span:first-child {
    margin-left: 0;
}
.single-news .entry-meta span:last-child {
    margin-right: 0;
}
.single-news .entry-header{
	display:block;
	padding:0 30px;
}
.single-news .entry-title {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 15px;
}
.single-news .entry-content {
	display: block;
	overflow: hidden;
	padding: 0 30px 35px;
}
.single-news .entry-content p{
	margin-bottom:16px;
}
.single-news:hover .post-thumbnai img{
	opacity: 0.75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	    -webkit-transform: rotate(2deg) scale(1.07);
	   -moz-transform: rotate(2deg) scale(1.07);
	  -ms-transform: rotate(2deg) scale(1.07);
	 -o-transform: rotate(2deg) scale(1.07);
	transform: rotate(2deg) scale(1.07);
}
/*========================================
   13. BRAND LOGOS STYLES
==========================================*/
.brands-area{
	background-color:#ffffff;	
	position:relative;
}
.brands-area-bg{
    background: rgba(0, 0, 0, 0) url("img/brands/bg.jpg") no-repeat scroll center center;	
}
.single-brand img {
	display: block;
	margin: auto;
	outline: medium none;
	padding: 0;
}
.brands-area-bg .slick-arrow{
	color: #ffffff;	
}
.brand-logos .slick-arrow:hover {
	opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.brand-logos .slick-arrow {
	cursor:pointer;
	font-size: 42px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
}
.brand-logos .arrow-prev{
	left:-15px;
}
.brand-logos .arrow-next{
	right:-15px;
}
/*========================================
   14. FOOTER AREA STYLES
==========================================*/
.footer-area {
    background-color: #111111;
}
.footer-area .widget-title {
	border-bottom: 1px solid #000;
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 30px;
	overflow: hidden;
	padding-bottom: 11px;
	position: relative;
}
.footer-area .widget-title::before {
    background-color: #1b1b1b;
    border: 0 none;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.footer-area .widget {
	margin-bottom:30px;
	overflow: hidden;
	padding: 0;
}
/* About Widget */
.widget a.footer-logo {
	display: block;
	padding-bottom: 12px;
}
.footer-area .widget.about-widget p {
	font-size: 12px;
	font-style: italic;
	line-height: 18px;
	margin-bottom: 0;
}
.footer-area .widget p {
	color: #888888;
	margin-bottom: 20px;		
}
.about-widget .social-links{
	margin-top:20px;
}
/* Contact Widget */
.footer-area .contact-widget ul {
	background: rgba(0, 0, 0, 0) url("img/map-bg.png") no-repeat scroll 0 10px;
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.footer-area .contact-widget ul li {
    color: #888888;
    list-style: outside none none;	
    line-height: 36px;
}
.footer-area .contact-widget ul li i {
    font-size: 16px;
	padding-right:5px;
}
.footer-area .contact-widget ul li a {
    color: #888888;
}
/* Service Widget */
.footer-area .service-widget ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer-area .service-widget ul li{
	line-height:28px;
}
.footer-area .service-widget ul li a {
    color: #888;
    display: block;
}
.footer-area .service-widget ul li a i {
    padding-right: 5px;
}
.footer-area .service-widget li a:hover{
	padding-left:3px;
}
/* Widget Photo Gallery */
.inst-photos {
    display: block;
    overflow: hidden;
    margin-left: -1%;
    margin-right: -1%;
    padding-top: 7px;
    list-style: outside none none;
    margin: 0;
    padding: 0;	
}
.inst-photos > li {
	float: left;
	margin-bottom: 2%;
	margin-left: 1%;
	margin-right: 1%;
	width: 31.33%;
}
.inst-photos > li img:hover{
	opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
/* Newsletter Widget */
.subscribe-form {
	display: block;
	margin-bottom: 20px;
	position: relative;
}
.subscribe-form .widget-input {
	background: #1a1a1a none repeat scroll 0 0;
	border: 1px solid #262626;
	box-shadow: none;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 50px 0 12px;
	position: relative;
	width: 100%;
	z-index: 1;
}
.subscribe-form .widget-sbtn {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	box-shadow: none;
	float: right;
	height: 36px;
	line-height: 36px;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 45px;
	z-index: 2;
}
/* Footer Bottom */
.footer-bottom{
    border-top: 1px solid #000;
    position: relative;	
}
.footer-bottom::before {
    border-top: 1px solid #1c1c1c;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
/* Copyright Text */
.copyright p {
	margin-bottom: 0;
	padding:12px 0;
}
/* ===Quote Form Widget===*/
.quote-form > input {
	background-color: #1a1a1a;
	border: 1px solid #262626;
	height: 32px;
	line-height: 32px;
	margin-bottom: 10px;
	padding: 4px 10px;
	width: 100%;
}
.quote-form textarea {
    background-color: #1a1a1a;
	box-shadow: none;
	color: #666;
	padding: 0 10px;
	width: 100%;
	margin-bottom:10px;
}
.quote-form-widget .quote-form textarea{
	border: 1px solid #262626;	
}
.quote-form button {
	display: block;
	float: right;
}
/*========================================
   15. HOME 02 STYLES
==========================================*/
/* welcome Area */
.welcome-content {
	background-color: #ffffff;
	padding: 100px 75px;
}
.welcome-content h2 {
	font-size: 28px;
	line-height: 32px;
}
.welcome-content p {
	font-size:16px;
	line-height:28px;
}
/* Service-2 */
.services-wrap {
    background-color: #ffffff;
}
.services-wrap .service-style-2 {
	border: 1px solid #f7f7f7;
	padding: 0;
}
.services-container {
	padding-left: 15px;
	padding-right: 15px;
}
.service-style-2 .service-item {
	border: medium none;
	margin-bottom: 0;
	padding: 50px 31px;
	    -webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
	 -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.service-style-2 .service-item:hover {
	border: medium none;
}
.service-style-2 .service-icon {
	border: medium none;
	border-radius: 0;
	height: 78px;
	margin: 0 auto 20px;
}
.service-style-2 .service-content {
	padding: 0;
	text-align: center;
}
.service-style-2 .service-icon::before, 
.service-style-2 .service-icon::after {
    display:none;
}
/* Request A Free Quote */
.quote-area-2 .secondary-title {
    margin-bottom: 40px;
}
.quote-area-2 .btn-primary{
	margin-bottom:35px;
}
.quote-area-2 .btn-primary:hover{
	background-color:#ffffff;
}
.quote-area-2 p.give-call{
	font-size:18px;
	color:#fff;
}
 /* Funfacts Area */  
.funfact-area {
	background: rgba(0, 0, 0, 0) url("img/funfacts/1.jpg") repeat scroll center center;
	position:relative;
}
.single-fact{
	margin-bottom:60px;
}
.single-fact .icon {
	border: 2px solid #ffffff;
	border-radius: 3px;
	color: #ffffff;
	float: left;
	font-size: 30px;
	height: 46px;
	line-height: 38px;
	text-align: center;
	width: 46px;
}
.single-fact .fact-info {
    padding-left: 58px;
}
.single-fact .fact-info span {
	display: block;
	font-weight: 600;
	margin: 0;
	padding: 0;
	color:#fff;
}
.single-fact  .fact-info span.counter {
	font-family: montserrat;
	font-size: 24px;
	font-weight: 700;
}
 /* Pricing Area */
.pricing-area{
	background-color:#ffffff;
} 
.single-plan {
	background-color: #f7f7f7;
	border: 1px solid #dddddd;
	margin-bottom: 30px;
}
.plan-head {
	border-bottom: 1px solid #ddd;
	display: block;
	padding: 15px 0;
}
.plan-head > h2 {
	font-size: 28px;
	margin-bottom: 0;
	    -webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
	 -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;	
}
.plan-price {
    display: block;
}
.plan-price > p {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0;
}
.plan-price span {
	font-size: 24px;
	font-weight: 700;
	    -webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
	 -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;		
}
.plan-features {
	display: block;
	font-size: 16px;
	margin-bottom: 38px;
}
.plan-features > ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.plan-features li {
    list-style: outside none none;
    margin: 0;
    padding: 5px 0;
}
.plan-footer{
	display:block;
}
.plan-footer .btn {
	height: 28px;
	line-height: 26px;
	padding: 0 12px;
}
/* Active Plan */
.single-plan.plan-active .plan-head,
.single-plan:hover .plan-head{
	border-bottom:1px solid #fb6339;
}
.single-plan.plan-active .plan-head h2,
.single-plan:hover .plan-head h2{
	color:#fff;
}
.single-plan.plan-active .plan-body,
.single-plan:hover .plan-body{
	background-color:#424242;
	color:#fff;	
}
 /* Static Area */    
.static-image-area {
	background: rgba(0, 0, 0, 0) url("img/callto-area/1.jpg") no-repeat scroll center top;
	position: relative;
}
.static-content h5{
	color:#fff;
}
 /* Call To Action */ 
.callto-action-area {
    background: rgba(0, 0, 0, 0) url("img/callto-area/3.jpg") repeat scroll center center;
	position:relative;
}
.callto-action-area h4 {
  color: #ffffff;
  margin-bottom: 0;
  padding-top: 5px;
}
.callto-action-area .btn{
	color:#fff;
}
.callto-action-area .btn:hover{
	color:#fff;
	border:1px solid rgba(0, 0, 0, 0.12);
}
 /*========================================
   16. HOME 03 STYLES
==========================================*/
 /* About Company on home 03*/ 
.welcome-area{
	background-color:#f7f7f7;
	overflow:hidden;	
}
.about-company {
	background-color: #f7f7f7;
	overflow: hidden;
}
.about-company .welcome-content {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	padding: 0 5px 0 30px;
}
.about-company  p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 30px;
}
/* Services on home 03 */
.our-service-area{
	background-color:#ffffff;
	overflow:hidden;
} 
.single-service {
	/*box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);*/
	margin-bottom: 30px;
	border:1px solid #f5f5f5;
}
.service-thumb {
	display: block;
	position: relative;
	overflow: hidden;
}
.service-thumb img {
	display: block;
	height: auto;
	width: 100%;
	    -webkit-transition: all 0.5s ease 0s;
	   -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
	 -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;  
}
.srvice-info {
    padding:15px;
}
.srvice-info h4 {
	font-size:16px;
	line-height:24px;
	margin-bottom:0px;
	text-transform:uppercase;
}
.srvice-info p {
    line-height: 24px;
	margin-bottom:0;
}
.single-service:hover {
	background-color:#f7f7f7;
}
.single-service:hover .service-thumb img{
	opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	
	    -webkit-transform: rotate(2deg) scale(1.07);
	   -moz-transform: rotate(2deg) scale(1.07);
	  -ms-transform: rotate(2deg) scale(1.07);
	 -o-transform: rotate(2deg) scale(1.07);
	transform: rotate(2deg) scale(1.07);
}
/* Why Choose Us (Home-3) */
.why-us-area {
    background: rgba(0, 0, 0, 0) url("img/service/1.jpg") repeat scroll 0 0;
}
.single-choose {
	display: block;
	margin-bottom: 45px;
}
.single-choose .choose-icon {
	border: 2px solid #ffffff;
	border-radius: 50%;
	color: #ffffff;
	float: left;
	font-family: "Montserrat",sans-serif;
	font-size: 18px;
	height: 40px;
	line-height: 36px;
	margin: 10px 0 0;
	text-align: center;
	width: 40px;
}
.choose-reason {
    padding-left: 55px;
}
.choose-reason h4 {
	color: #fff;
	font-size: 18px;
	line-height: 36px;
	margin-bottom: 8px;
}
.choose-reason p {
	color: #ffffff;
	margin-bottom: 0;
}
/* Project Carousel(Home-3) */
.porjects-carousel .single-project{
	margin-left:2px;
	margin-right:2px;
}
.porjects-carousel .slick-arrow {
	color: #ffffff;
	cursor: pointer;
	font-size: 42px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	    -webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
	 -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
	z-index: 9;
}
.porjects-carousel .arrow-prev,
.porjects-carousel .arrow-next {
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility:hidden;		
}
.porjects-carousel .arrow-prev {
    left: 0;
}
.porjects-carousel .arrow-next {
    right: 0;
}
.porjects-carousel:hover .arrow-prev,
.porjects-carousel:hover .arrow-next{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility:visible;		
}
.porjects-carousel:hover .arrow-prev{
	left: 20px;
}
.porjects-carousel:hover .arrow-next{
    right: 20px;	
}
/* Our Skills (Home-3) */
.ourskill-area {
	background: rgba(0, 0, 0, 0) url("img/skills/1.jpg") repeat scroll center center;
	position:relative;
}
.ourskill-area-parallax{
	background: rgba(0, 0, 0, 0) url("img/skills/1.jpg") repeat scroll center center;
	position:relative;
	background-attachment:fixed;	
}
.progress-circular {
    margin-bottom: 45px;
}
.progress-circular p {
	font-size: 16px;
	font-family: "Montserrat",sans-serif;	
	font-weight: 700;
	line-height: 16px;
	margin-bottom: 0;
	margin-top: 20px;
	text-transform: uppercase;
}
.ourskill-area .progress-circular p,
.ourskill-area-parallax .progress-circular p{
	color: #fff;	
}
.progress-circular input.knob{
	color:#ffffff !important;	
}
/* === Footer Menu === */
.footer-menu {
    padding:12px 0;
}
.footer-menu ul {
	list-style: outside none none;
	margin:0;
	padding: 0;
}
.footer-menu ul li {
	display:inline-block;
	margin-right: 40px;
}
.footer-menu ul li a {
    color: #666;
}
 /*========================================
   17.1 ABOUT US STYLES
==========================================*/    
.page-header {
	background-color: #ffffff;
	display: block;
	margin: 0;
	max-height: 450px;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
}
.banner-content {
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
	padding-top: 60px;
}
.page-title {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 36px;
	margin-bottom: 10px;
}
.page-header .page-title{
	color:#fff;	
	text-shadow: 2px 2px 2px #000000;
}
/* Breadcrumbs */
.breadcrumbs {
	display: block;
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.breadcrumbs li {
	display: inline-block;
	font-size: 16px;
	padding: 0 8px;
	position: relative;	
	text-shadow: 1px 1px 1px #000000;
	
}
.breadcrumbs li::after {
	color: #ffffff;
	content: "\f101";
	display: block;
	font-family: fontawesome;
	position: absolute;
	right: -6px;
	top: 0;
	
}
.breadcrumbs li.active::after{
	display:none;
}
.breadcrumbs li a{
    color:#ffffff;
}
/* Content Block Area */
.site-content, .content-block-area{
	background-color:#ffffff;
    overflow:hidden;	
}
.content-block{
	margin-bottom:40px;
}
.content-block-area img{
	margin-bottom:40px;
}
.content-block p {
    margin-bottom:10px;
}

.content-block a{ color:#fb5e33; text-decoration:none;}
.content-block a:hover{ color:#303030; text-decoration:none;}


.content-block h4 { margin-bottom:5px;}
.content-block h6 { margin-bottom:5px;}
.content-block ul { margin:0 0 10px 0;}
.icon-list{
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.icon-list li{
	line-height:28px;	
	position:relative;
}
.icon-list li i {
	font-size: 15px;
	margin-right: 4px;
	position: relative;
	top: 1px;
}
/*========================================
   17.2 PROJECT PAGE
==========================================*/ 
.project-gall-area h4 {
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
}
.project-gall-area p{
	margin-bottom:35px;
}
.single-info {
    margin-bottom: 25px;
}
.single-info p {
	margin-bottom: 0;
}
.single-info p span {
	display: block;
	font-weight: 700;
}
.project-gallery.carousel-arrows .slick-arrow{
	color:#ffffff;
	visibility:hidden;
}
.project-gallery.carousel-arrows:hover  .arrow-prev{
    left: 10px;
	visibility:visible;
}
.project-gallery.carousel-arrows:hover  .arrow-next{
    right: 10px;	
	visibility:visible;	
}
/*========================================
   17.3 BLOG PAGE
==========================================*/ 
/* Pagination */
.pagination {
	border-radius: 0;
	margin: 20px 0 30px;
}
.pagination > li > a,
.pagination > li > span {
	background-color: #fff;
	margin-left: 10px;
	padding: 4px 10px;
}
.pagination > li > a:hover,
.pagination > li > a.active,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	border-color: rgba(0, 0, 0, 0.15);
	color: #fff;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	font-weight: 700;
}
/* Widget Area */
.widget-area .widget {
	background-color: #fff;
	margin-bottom: 30px;
	padding: 20px 15px;
	position:relative;
	overflow:hidden;
}
/* widget-title */
.widget-area h4.widget-title {
	border-bottom: 1px solid #dddddd;
	color: #303030;
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 25px;
	padding-bottom: 10px;
	text-transform: uppercase;
}
/* widget-search */
.search-form{
	display: block;
	position: relative;	
}
.widget-search .search-field {
	border: 1px solid #dddddd;
	height: 36px;
	padding: 0 46px 0 10px;
	width: 100%;
}
.widget-search .search-form button {
	border: medium none;
	color: #ffffff;
	height: 36px;
	position: absolute;
	right: 0;
	top: 0;
	width: 45px;
	z-index: 2;
}
/* widget-category */
.widget-area .widget ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.widget.widget-category > ul li {
	padding-bottom: 10px;
	font-size:14px;
}
/* Recent Post */
.widget-post {
	display: block;
	overflow: hidden;
	width: 100%;
}
.widget-post img {
	float: left;
	height: 85px;
	overflow: hidden;
	width: 85px;
}
.widget-post .post-content {
	display: block;
	margin: 0;
	padding-left: 95px;
}
.widget-post .post-content a.title {
	color: #303030;
	font-family: "Montserrat",sans-serif;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px;
}
.widget-post .post-content p{
	color:#666666;
	font-size:13px;
}
/* Tags Widget */
.tags-cloud-list > li {
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
}
.tags-cloud-list li a {
	border: 1px solid #ddd;	
	color: #666666;
	display: block;
	padding: 4px 10px;
	text-transform: uppercase;
}
.tags-cloud-list li:hover a {
	border: 1px solid rgba(0, 0, 0, 0.15);
	color: #ffffff;
}
/* Widget Newsletter */
.newsletter-form {
	display: block;
	position: relative;
}
.widget-newsletter input {
	border: 1px solid #dddddd;
	height: 36px;
	padding: 0 80px 0 8px;
	width: 100%;
}
.widget-newsletter button {
	border: medium none;
	color: #ffffff;
	font-weight: bold;
	height: 36px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 0;
	width: 72px;
}
/* Widget Testimonial */
.widget-testimonials-wrap {
	overflow: hidden;
	position: relative;
	padding-top: 30px;
}
.widget-testimonial-content p i {
	color: #e8e8e8;
	font-size: 28px;
}
.widget-author-name h6 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}
.widget-author-name span {
    margin-bottom: 0;
}
.widget-testimonials-wrap .slick-arrow {
	color: #ffffff;
	cursor: pointer;
	font-size: 18px;
	height: 22px;
	line-height: 20px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 20px;
}
.widget-testimonials-wrap .arrow-prev {
    right: 20px;
}
.widget-testimonials-wrap .arrow-next {
    right: 0;
}
/* Blog Single Page */
.list-icons {
	list-style: outside none none;
	margin-bottom: 30px;
	margin-top: 30px;
}
.list-icons li {
	line-height: 28px;
	list-style: outside none none;
}
.list-icons > li > i {
	padding-right: 5px;
}
/* Blockquote */
blockquote.blockquote-primary {
	background-color: #f7f7f7;
}
blockquote footer {
	font-size: 12px;
	font-style: italic;
}
/* Social Share Buttons */
.entry-content .share-btns {
	display: block;
	margin-bottom: 35px;
	margin-top: 35px;
	overflow: hidden;
}
.share-title {
	color: #303030;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
/* Author */
.author-area {
	background-color: #ffffff;
	overflow: hidden;
	padding: 20px 30px;
}
.author-thumb {
	float: left;
}
.author-text {
	padding-left: 140px;
	padding-right: 30px;
}
.author-text h4.author-name {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 10px;
	margin-left: 0;
	margin-top: 0;
}
.author-name span {
	color: #666666;
	font-size: 14px;
	font-weight: normal;
	padding-left: 3px;
}
.author-text p {
    margin-bottom: 0;
}
/*===Comment Form=== */
.comment-form-area {
	background-color: #fff;
	padding: 35px 30px;
}
.comment-form-area h3 {
	font-size: 18px;
	font-weight: 700;
	line-height: 18px;
	margin-bottom: 50px;
	text-transform: uppercase;
}
.comment-form .single-field{
	margin-bottom:30px;
}
.comment-form .single-field > input {
	background-color: #f2f2f2;
	border: medium none;
	margin-bottom:0;
}
.comment-form .single-field > textarea {
	background-color: #f2f2f2;
	border: medium none;
}
/*========================================
   17.4 CONTACT US PAGE
==========================================*/ 
.single-location {
	border: 1px solid #dddddd;
	margin-bottom: 30px;
	padding: 20px;
}
.single-location h6 {
	color: #666666;
	font-size: 16px;
	margin-bottom: 15px;
}
.single-location p {
	color: #666666;
	font-size: 14px;
	margin: 0 0 8px;
}
.single-location span{
	display:block;
}
.single-location a {
    color: #666;
}
.contact-us-form .single-field{
	margin-bottom:30px;
}
.contact-us-form .single-field > textarea {
    background-color: #f7f7f7;
}
.contact-us-form .single-field > input {
	background-color: #f7f7f7;
	margin-bottom:0;
}
/*========================================
   17.5 404 PAGE
==========================================*/ 
.fourzero-wrap{
	background: rgba(0, 0, 0, 0) url("img/slides/1.jpg") no-repeat scroll 0 0;
	position: relative;	
}
.error-404 {
	color: #ffffff;
	display: block;
	padding: 365px 0 250px;
	position: relative;
}
.error-404 h1 {
	color: #ffffff;
	font-size: 120px;
	font-weight: bold;
	margin-bottom: 65px;
}
.error-404 h5 {
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}
.error-404 p {
    margin-bottom: 30px;
}
.gray-bg {
    background-color: #f7f7f7;
    overflow: hidden;
}
/*=======================
   18. SCROLL UP STYLE
=========================*/
#scrollUp {
	bottom: 75px;
	border-radius:3px;
	color: #fff;
	font-size: 32px;
	height: 38px;
	line-height: 34px;
	right: 8px;
	text-align: center;
	width: 38px;
}
#scrollUp:hover{
	opacity:0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
/*=======================
   19. PRELOADER STYLE
=========================*/
.preloader-wrap {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}
.loader{
	position: relative;
	width: 80px;
	height: 80px;
	left: 50%;
	margin-top: -40px;	
	border-radius: 50px;
	background-color: rgba(255, 255, 255, .2);
	border-width: 40px;
	border-style: double;
	top: 50%;
	border-color:transparent  #fff;
	    -webkit-transform-origin:  50% 50% ;
	   -moz-transform-origin:  50% 50% ;
	  -ms-transform-origin:  50% 50% ;
	 -o-transform-origin:  50% 50% ;
	transform-origin:  50% 50% ;
	    -webkit-animation: loader 2s linear infinite;
	   -moz-animation: loader 2s linear infinite;
	 -ms-animation: loader 2s linear infinite;
	animation: loader 2s linear infinite;
}
@keyframes loader{
    0%{
	 -webkit-transform:rotate(0deg);
	transform:rotate(0deg);
	}
    100%{
	 -webkit-transform:rotate(360deg);
	transform:rotate(360deg);
	}
}
/*=================================
   20. CUSTOMIZER STYLES
===================================*/
/* Background Patterns */
.pattern-1 {
    background-image: url("img/customizer/pattern/1.png");
}
.pattern-2 {
    background-image: url("img/customizer/pattern/2.png");
	
}
.pattern-3 {
    background-image: url("img/customizer/pattern/3.png");	
}
.pattern-4 {
    background-image: url("img/customizer/pattern/4.png");
}
.pattern-5 {
    background-image: url("img/customizer/pattern/5.png");
}
.pattern-6 {
    background-image: url("img/customizer/pattern/6.png");
}
.pattern-7 {
    background-image: url("img/customizer/pattern/7.png");
}
.pattern-8 {
    background-image: url("img/customizer/pattern/8.png");
}
/* Background Images */
.main-bg-1,.main-bg-2,.main-bg-3,.main-bg-4,.main-bg-5,.main-bg-6,.main-bg-7,.main-bg-8 {
    background-image: url("img/customizer/bodybg/01.jpg");
    background-repeat: repeat;
    background-attachment: fixed;
    position: relative;
}
.main-bg-2 {
    background-image: url("img/customizer/bodybg/02.jpg");
}
.main-bg-3 {
    background-image: url("img/customizer/bodybg/03.jpg");
}
.main-bg-4 {
    background-image: url("img/customizer/bodybg/04.jpg");
}
.main-bg-5 {
    background-image: url("img/customizer/bodybg/05.jpg");
}
.main-bg-6 {
    background-image: url("img/customizer/bodybg/06.jpg");
}
.main-bg-7 {
    background-image: url("img/customizer/bodybg/07.jpg");
}
.main-bg-8 {
    background-image: url("img/customizer/bodybg/08.jpg");
}
/* Box Layout */
.wrapper.boxed-layout {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  margin: auto;
  width: 1250px;
}
/*===END STYLES===*/