/* 
    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
    20. CUSTOMIZER STYLES    
    21. SHORTCODES
    22. DOWNLOADS
	23. TABLES
    24. PAGES TYPOGRAPHY
	25. MODAL / POPUPS
    26. EMPLOYMENT APPLICATION
/*



/*========================================
    1. GLOBAL STYLES
==========================================*/
/* === 1.1 Body === */

html {
    font-size: 100%;
}
body {
    background-color: #00142d;
    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 Hyperlinks === */
a {
    color: #ff781c;
	/*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 {
    color: #dbd9d6;
    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 {
    font-family: "Open Sans";
    margin: 0 0 20px;
    padding: 0px;
}

h1 {
    font-family: "Jura";
    color:#fff;	
	text-transform: uppercase;
    font-size: 36px;
    line-height: 52px;
}

h2 {
    font-family: "SkolaSans", 'Muli', 'Verdana', sans-serif;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
}

h3 {
    font-family: "SkolaSans", 'Muli', 'Verdana', sans-serif;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 32px;
}
h4 {
    font-family: "SkolaSans", 'Muli', 'Verdana', sans-serif;
    font-size: 24px;
    line-height: 38px;
}
h5 {
    font-family: "SkolaSans", 'Muli', 'Verdana', sans-serif;
    color: #55565a;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
}

h6 {
    font-family: "SkolaSans", 'Muli', 'Verdana', sans-serif;
    color: #fff;
    font-weight: 400;
    text-transform: none;
    font-size: 16px;
    letter-spacing: 0px;
     line-height: 20px;
}

/* === PARAGRAPH === */
p {
    font-family: "Encode Sans", sans-serif;
    color: #c7c8ca;
    font-size: 16px;
}


p2 {
    font-family: "SolPro","Open Sans";
    color: #bed7e6;
    font-weight: 400;
    font-size: 12px;
    line-height: 0px;
    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:25px 0px;
}   
.ptb-110{
	padding:110px 0;
}   

/* Miscellaneous Paddings */
.pt105-pb45{
	padding:105px 0  45px;
}
.pt105-pb60{
	padding:50px 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;
}
.padding-breadcrumbs{
	background-color: #ff781c;
    padding:185px 50px 15px 0px;
}



/* === 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:100%;
}

/*=== 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(93, 126, 149, 0.9) 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.25);
}
.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 {
   background-color: #bed7e6;
   opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

/*=== Section Title ===*/
.section-title {
	display: block;
	margin: 0 0 65px;
	padding: 0px;
	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;
}
.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 h2 span {
    color: #bed7e6;
}

.section-title-2 h3 {
	color: #bed7e6;
}

.section-title.white-text,
.section-title.white-text h2,
.section-title.white-text p{
	color:#ffffff;
}


/* === BUTTONS=== */
.btn {
}

.btn-lg {
}

.btn-sm {
	font-size: 13px;
	padding: 5px 18px;
}
.btn-xs {
	font-size: 12px;
	padding: 2px 15px;
}
.btn-primary {
    background-color: #ff781c;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.btn-primary:hover{
    background-color: #00142d;
	border: 1px solid rgba(0, 0, 0, 0.1);
	opacity:0.85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.btn-modal {
    background-color: #a9a8a9;
	border: 1px solid #55565a;
}
.btn-modal:hover{
    background-color: #77777a;
	border: 1px solid #77777a;
	-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: #636466;
}

.btn-orange:hover{
	color:#fff;
}

.btn-edifice {
    background-color: #bed7e6;
    border-radius: 5px;
	color: #fff;
}
.btn-edifice:hover {
    background-color: #bed7e6;
	border: 1px solid rgba(0, 0, 0, 0.1);
    color: #ffffff;
}

.btn-borders {
    background-color: #a9a8a9;
    border: 1px solid #55565a;
    border-radius: 5px;
}
.btn-flat{
	border-radius:0;
}
.btn-readmore {
	border-radius: 0;
	padding: 3px 12px;
	float:right;
}


/*========================================
    2. HEADER AREA STYLES
==========================================*/
.header-area {
	margin: 0px;
	padding: 0px;
	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 i{
	color:#bed7e6; 
}

.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: rgba(0,47,86,1);
    background: -moz-linear-gradient(left, rgba(0,20,45,1) 0%, rgba(0,20,45,1) 50%, rgba(0,20,45,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,20,45,1)), color-stop(50%, rgba(0,20,45,1)), color-stop(100%, rgba(0,20,45,1)));
    background: -webkit-linear-gradient(left, rgba(0,20,45,1) 0%, rgba(0,20,45,1) 50%, rgba(0,20,45,1) 100%);
    background: -o-linear-gradient(left, rgba(0,20,45,1) 0%, rgba(0,20,45,1) 50%, rgba(0,20,45,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,20,45,1) 0%, rgba(0,20,45,1) 50%, rgba(0,20,45,1) 100%);
    background: linear-gradient(to right, rgba(0,20,45,1) 0%, rgba(0,20,45,1) 50%, rgba(0,20,45,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f56', endColorstr='#002f56', GradientType=1 );
    background-color: rgba(85, 86, 90, 1);
	box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.0);	
	border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: #ff781c;
    left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 99;
}

/* Logo */
.logo {
    margin: 0px 0px 0px -25px;
    padding: 25px 25px 25px 25px;
    width: 125px;
}
.logo a {
    display: block;
}

/* Menu from Default-Color.css */
.menu > li:hover li:hover > a{
	color:#dbd9d6;	
}

/* Logo Title */
.logo-title {
    margin: 50px 0px 0px 0px;
    padding: 25px 25px 25px 25px;
    width: 375px;
}

.logo-title p {
    display: block;
    font-family: "Jura";
    font-size: 16px;
    color: #ff781c;
}

/* Edifice Nav */
nav.edifice-nav {
	float: left;
	width: 100%;
    font-family: "Jura";
    font-size: 12px;
    text-transform: uppercase;
}

.edifice-nav ul.menu {
    float: right;
    margin-top: 4%;
    margin-left: -20%;
    
}

.edifice-nav ul{
	list-style:none;
	display:block;
	margin:-20%;
	padding:0px;	
}

.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: #dbd9d6;	
	display:block;
    font-size: 12px;
}
.edifice-nav .menu > li {
	float:left;
}

.edifice-nav ul.menu > li > a {
    color:#dbd9d6;		
    font-family: "Jura";
	font-size: 16px;
    padding: 45px 30px;
	font-weight: 700;
    text-transform: uppercase;
	letter-spacing: 0px;
    opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.edifice-nav .menu > li:last-child > ul ul {
    left: auto;
    right: 100%;
    
}
.edifice-nav .menu > li ul {
    background-color: #00142d;
    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;
    border-style: solid;
    border-width: 2px;
    border-color: #ff781c;
    border-radius: 10px 10px 10px 10px;
    width: 260px;
    margin: -10px 0px 0px 0px;
    z-index: 99;
}

.edifice-nav .menu > li > ul li a {
    padding: 5px 20px 5px 20px;
}

.edifice-nav .menu > li > ul > li > ul {
    left: 100%;
    padding: 10px 0px;	
    top: 0px;
}

.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: 600px;
}
.edifice-nav .menu .mega-menu.three-column {
    width: 700px ;
}
.edifice-nav .mega-menu.mega-center {
	left: 50%;
	margin-left: -200px;
}
.edifice-nav .mega-menu.mega-center.three-column {
    margin-left: -400px;
}
.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: 25%;
}
.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: #fff;
	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 {
	background-color: #fff;
    bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 50px;
}
.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 #ff781c;
	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:53%;
	margin-left:-4px;
}


/* Hover Color */
.edifice-nav .menu > li:hover a{
	color:#ff781c;	
}

.edifice-nav .menu > li:hover li a{
	color:#dbd9d6;
}
.edifice-nav .menu > li:hover li:hover > a{
	color:#ff781c;
    padding-left:23px;
}
.edifice-nav .menu > li:hover ul.mega-menu li:hover > a{
	padding-left:3px;	
}


/* Search  */
.search-area {
	padding: 42px 0;
	position: relative;
	text-align: center;
}

.searcn-btn {
	background-color: #bed7e6;
    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 {
    background-color: #bed7e6;
	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:600ms ease-in-out 0s normal none 1 running;
	animation-name: fadeInDown;
	left:0px;
	position:fixed;
	top:0;
	width:100%;
	z-index:99;
}
.logo {
    margin: 0px 0px 0px -50px;
    width: 175px;
}
.scroll-header .edifice-nav ul.menu > li > a {
    padding: 45px 30px;
}

.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: rgba(0,0,0, 1);
    background: -moz-linear-gradient(left, rgba(0,0,0,.5) 0%, rgba(119,119,122,0) 50%, rgba(0,0,0,.5) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,.5)), color-stop(50%, rgba(119,119,122,0)), color-stop(100%, rgba(0,0,0,.5)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,.5) 0%, rgba(119,119,122,0) 50%, rgba(0,0,0,.5) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,.5) 0%, rgba(119,119,122,0) 50%, rgba(0,0,0,.5) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,.5) 0%, rgba(119,119,122,0) 50%, rgba(0,0,0,.5) 100%);
    background: linear-gradient(to right, rgba(0,0,0,.5) 0%, rgba(119,119,122,0) 50%, rgba(0,0,0,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 4;
}

.slide-box {
	background-color: rgba(0, 0, 0, .75);
	border: 1px solid #ff781c;
	border-radius: 10px;
    margin: 0px 0px 0px 100px;
	max-width: 300px;
	padding: 15px;
}

.slide-box h1 {
    color: #ff781c;
    font-size: 24px;
    font-weight: bold;
    line-height: 60px;
    margin: 0px;

}

.slide-box h3 {
	color: #dbd9d6;
	font-size: 12px;
	line-height: 18px;
    letter-spacing: 2px;
	margin: 0;
}

.slide-box a {
    font-family:"SolPro","Open Sans";
    font-size: 14px;
    text-align: right;
    color:#fff;
    display:block;
    letter-spacing: 2px;
    }

/* === 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 {
	background-color: #bed7e6;
    border: 1px solid #ffffff;
	color: #ffffff;
	display: block;
	font-weight:600;
	padding: 5px 20px;
	text-transform: uppercase;
}
.slider-nav ul li a:hover{
	color: #bed7e6;  
    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 {
   	color:#bed7e6;
    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;  
}
.welcome-slides .slide-container p {
	animation-delay: 1.2s;
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 35px;
}
.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: 1%;
    position: absolute;
	padding: 20px 20px 20px 20px;
    right: 10%;
	z-index:9;
}
.welcome-slides .slick-dots > li {
    display: inline-block;
    width: 50%;
}

.welcome-slides .slick-dots > li > button {
	background-color: rgba(0, 20, 45, 1);
	border: 2px solid #ff781c;
	border-radius: 20px;
	display: block;
	width: 80px;
    height: 25px;
	margin: 0px 0px 0px 20px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	text-indent: -99999px;
}

.welcome-slides .slick-dots > li.slick-active > button,
.welcome-slides .slick-dots > li > button:hover {
     background-color: #ff781c;
    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: 100px;
	color: #ff781c;
}

.page-down-arrow a:hover{
	color: #636466;	
}

/*========================================
    4. PROMO AREA STYLES 
==========================================*/
.promo-area {
    background-color: #55565a;
    border-style: solid;
    border-width: 2px 0px 1px 0px;
    border-color: #014a7c;

}
.promo-area .btn-primary:hover{
	color:#bed7e6;
}

.promo-area h1 {
	font-family: "SkolaSans", 'Muli', 'Verdana', sans-serif;
    font-size: 28px;
    color: #a9a8a9;
	margin: 0px;
	padding-bottom: 10px;
}

.promo-area p {
	font-family: "Oxygen", "Open Sans";
    color: #dbd9d6;
	font-size: 16px;
	letter-spacing: 1px;
    margin: 0px;
}
.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: #bed7e6;
    color: #5d7e95;
    
}

/*========================================
    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;
    border-color:#bed7e6;
    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 {
	color: #bed7e6;
    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 {
	background-color: #bed7e6;
    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 {
    border: 1px solid #bed7e6;
}

.service-item:hover .service-content h6,

.service-item:hover .service-content h6::before {
	width: 100%;
}

.service-item:hover .service-icon i.base-icon {
    color: #bed7e6;
}

.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(93, 126, 149, .1) url("img/why/jackrabbit-office.jpg") repeat scroll 0 0;
	overflow: hidden;
	position: relative;
	background-attachment:fixed;
}
.secondary-title {
	display: block;
	margin-bottom: 60px;
	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: 25px;
    letter-spacing: 7.5px;
}
.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 {
	color: #bed7e6;
    float: left;
	font-size: 40px;
	margin: 0;
	padding: 12px 0 0;
	text-align: left;
	width: 55px;
}

.feature-content {
    padding-left: 55px;
}
.feature-content h4 {
	font-family: "Oxygen", "open sans";
	color: #bed7e6;
    font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.feature-content p{
    font-family: "Oxygen", "open sans";
    color: #bed7e6;
    margin-bottom:0;
}

/* Get A Quote */
.quote-area-outer {
	float: right;
	padding-left: 30px;
	padding-right: 100px;
	position: relative;
	width: calc(40% - 85px);
}

.quote-form .btn-primary:hover{
	color:#5d7e95;
}

.quote-area-outer::before {
	background-color: #5d7e95;
    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: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}
.single-field > label {
    color: #333333;
    display: block;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 10px;
}
.single-field > input {
	font-family: "Jura";
	background-color: #dbd9d6;
    border: 2px solid #ff781c;
	border-radius: 5px;
	box-shadow: none;
	height: 50px;
	margin-bottom: 30px;
	padding: 0px 0px 0px 15px;
	width: 100%;
}

.single-field-orange > input {
	font-family: "Jura", sans-serif;
	text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    background-color: #ff781c;
    border: 0px solid #ff781c;
	border-radius: 5px;
	box-shadow: none;
	height: 50px;
	margin-bottom: 30px;
	padding: 0px 0px 0px 15px;
	width: 100%;
}

.half-field, .half-field-last {
    float: left;
    width: 100%;
}
.half-field-last {
    float: right;
}
.single-field > textarea {
	font-family: "Jura";
	background: #fff;
    border: 2px solid #ff781c;
	border-radius: 5px;
	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(190, 215, 230, 1);
	color: #5d7e95;
}
.quote-form .btn-primary:hover{
	background-color:#bed7e6;
}



/*========================================
   7. PROJECTS AREA STYLES
==========================================*/
.project-area{
	background-color:#5d7e95;
    border-top: 2px solid #014a7c;
}
.project-area > .row{
	margin-left:0px;
	margin-right:0px;
}

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 {
    background-color: #bed7e6;
    color: #fff;
}
.recent-projects {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.recent-projects > div{
	padding-left:2px;
	padding-right:2px;
}
.single-project {
    overflow: hidden;
    position: relative;
	margin-bottom:4px;
}                                   
.single-project > img {
    height: auto;
    left: 0px;
    position: relative;
    width: 100%;
}

.project-inof {
    background-color: #5d7e95;
    border-bottom: 2px solid #014a7c;
    border-top: 2px solid #014a7c;
    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);
	display: block;
	border: 1px solid #bed7e6;
    margin-bottom: 5px;
	position: relative;
}
.learder-thumb > img {
	display: block;
	outline: medium none;
	width: 100%;
}
.learder-info {
	overflow: hidden;
	padding: 10px;
}
.learder-name {
	display: block;
	margin-bottom: 50px;
}
.learder-name h1 {
    color: #bed7e6;
	font-size: 24px;
	font-weight: 400;
	line-height: 50px;
}
.learder-name p {
    color: #bed7e6;
    font-size: 18px;
}

.leader-bio {
	background-color: #1f2021;
    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 #131314;
	color: #ffffff;
	margin-bottom: 25px;
	padding-bottom: 15px;
	position: relative;
}
.leader-bio .learder-name::before {
	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{
	color:#bed7e6;
    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;
	border-top: 4px solid #bed7e6;
    margin-bottom: 5px;
	overflow: hidden;
	padding: 60px 50px;
	position: relative;
}

.testimonials-wrap .slick-arrow {
	background-color: #bed7e6;
}

.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: 2px solid #bed7e6;
    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 {
    color: #bed7e6;
    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 {
    background-color: #bed7e6;	
    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: 60px;
	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 {
    background-color: #bed7e6;
	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: #00142d;
	border-style: solid;
    border-width: 2px 0px 0px 0px;
    border-color: #ff781c;
}

.footer-area .contact-widget ul li i {
    color: #77777a;
}
.footer-area .contact-widget li a:hover{
	color:#55565a;
}
.footer-area .service-widget ul li a i {
    color: #55565a;
}

.footer-area .service-widget li a:hover{
	color:#55565a;
}

.footer-area .widget-title {
	border-bottom: 2px solid #636466;
	color: #ff781c;
	font-family: "Jura";
    font-size: 18px;
	line-height: 28px;
	margin-bottom: 30px;
	overflow: hidden;
	padding: 0px 0px 10px 0px;
	position: relative;
}
.footer-area .widget-title::before {
    border: 0 none;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.footer-area .widget {
	margin-bottom: 40px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
}
/* About Widget */
.widget a.footer-logo {
	display: block;
	padding-bottom: 20px;
}
.footer-area .widget.about-widget p {
	font-family: "KoHo",;
    font-size: 12px;
	font-style: italic;
	line-height: 16px;
	margin-bottom: 0;
}
.footer-area .widget p {
	color: #77777a;
	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;
	font-family: "Jura", 'Arial Narrow', 'Verdana', sans-serif;
    font-size: 14px;
	line-height: 18px;
    list-style: outside none none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.footer-area .contact-widget ul li {
    color: #77777a;
    list-style: outside none none;	
    line-height: 45px;
    padding: 0px 0px 0px 0px;
}
.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 {
    font-family: "Jura", 'Arial Narrow', 'Verdana', sans-serif;
    font-size: 14px;
	line-height: 18px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer-area .service-widget ul li{
	line-height:45px;
    padding: 0px 0px 0px 0px;
}
.footer-area .service-widget ul li a {
    color: #77777a;
    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;
}

.subscribe-form .widget-sbtn:hover {
    color: #bed7e6;
}

/* Footer Bottom */
.footer-bottom{
    padding: 10px;
    border-top: 0px solid #414141;
    position: relative;
}
.footer-bottom::before {
    border-top: 2px solid #414141;
    content: "";
    height: 100%;
    left: 0px;
    position: absolute;
    top: -3px;
    width: 100%;
}

/* Footer Legal */
.footer-legal{
    padding: 0px 0px 0px 0px;
    text-align: center;
}
.footer-legal p {
	font-family: "Jura";
    font-size: 14px;
    margin-bottom: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
    text-transform: uppercase;
}
.footer-legal a{
	color:#414141;
}
.footer-legal a:hover{
	color:#636466;
}


/* Copyright Text */
.copyright p {
	font-family: "Jura";
    font-size: 12px;
    color: #636466;
    margin-bottom: 0;
	padding: 20px 0;
    text-transform: uppercase;
}

/* ===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 {
	color: #bed7e6;
    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{
	color:#bed7e6;
    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;
}

.single-plan.plan-active .plan-head,
.single-plan:hover .plan-head{
	background-color:#bed7e6;
}
.single-plan.plan-active .plan-price span,
.single-plan:hover .plan-price span{
	color:#bed7e6;
}



.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;	
}

/* Certification Containers*/
.certs-box {
	background-color: #003056;
	border: 2px solid #003056;
	margin-bottom: 30px;
    border-radius: 10px;
}

.certs-box.box-active .plan-head,
.certs-box:hover .box-head{
	background-color: none;
}
.certs-box.box-active .box-price span,
.certs-box:hover .box-price span{
	color:#bed7e6;
}


.box-head {
	border-bottom: 1px solid #ddd;
	display: block;
	padding: 15px 0px 15px 0px;
}

.box-head > h2 {
	font-size: 28px;
	margin-bottom: 0px;
}
.box-price {
    display: block;
}
.box-price > p {
	font-size: 16px;
	margin-bottom: 0;
}
.box-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;		
}
.box-features {
	display: block;
	font-size: 16px;
	text-align: left;
    padding: 10px;
    margin-bottom: 40px;
}

.box-features-padding-adj-1 {
    text-align: left;
    padding: 10px;
    margin-bottom: 0px;
}
.box-features-padding-adj-2 {
    text-align: left;
    padding: 10px;
    margin-bottom: 0px;
}
.box-features-padding-adj-3 {
   	text-align: left;
    padding: 10px;
    margin-bottom: 0px;
}
.box-features-padding-adj-4 {
   	text-align: left;
    padding: 10px;
    margin-bottom: 0px;
}

.box-features > ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.box-features li {
    list-style: outside none none;
    margin: 0px;
    padding: 5px 0px;
}
.box-footer{
   display:block;
}

/* Certification Containers: Active */
.certs-box.box-active .box-head,
.certs-box:hover .box-head{
	border-bottom:0px solid #fb6339;
}
.certs-box.box-active .box-head h2,
.certs-box-plan:hover .box-head h2{
	color:#dbd9d6;
}
.certs-box.box-active .box-body,
.certs-box:hover .box-body{
	background-color:#a9a8a9;
	border-radius: 0px 0px 10px 10px;
    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{
	background-color:#bed7e6;
    color:#fff;
	border:1px solid rgba(0, 0, 0, 0.12);
}

.call-to-action.callto-primary{
	background-color:#bed7e6;
}
.call-to-action.callto-primary-borders{
	border: 1px solid #bed7e6;
    color:#bed7e6;
}
.call-to-action.callto-primary-borders h4{
    color:#bed7e6;
}
 /*========================================
   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 {
	border: 1px solid #dddddd;
	margin-bottom: 30px;
}
.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: 20px 15px;
}
.srvice-info h4 {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 8px;
	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) */
.projects-carousel .single-project{
	margin-left:2px;
	margin-right:2px;
}
.projects-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;
}
.projects-carousel .arrow-prev,
.projects-carousel .arrow-next {
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility:hidden;		
}
.projects-carousel .arrow-prev {
    left: 0;
}
.projects-carousel .arrow-next {
    right: 0;
}
.projects-carousel:hover .arrow-prev,
.projects-carousel:hover .arrow-next{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility:visible;		
}
.projects-carousel:hover .arrow-prev{
	left: 20px;
}
.projects-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: 20px 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:hover a {
    color: #bed7e6;
}
.footer-menu ul li a {
    color: #666;
}
 /*========================================
   17.1 ABOUT US STYLES
==========================================*/    
.page-header {
	background-color: #ffffff;
	display: block;
	margin: 0px;
	max-height: 450px;
	overflow: hidden;
	padding: 0px;
	position: relative;
	width: 100%;
}
.banner-content {
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 10px;
	width: 100%;
	padding-top: 0px;
}
.page-title {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 36px;
	margin-bottom: 10px;
}
.page-header .page-title{
	color:#fff;
}


/* Breadcrumbs */
.breadcrumbs {
	display: block;
	list-style: outside none none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

.breadcrumbs li {
	font-family: "Jura", sans-serif;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
	font-size: 16px;
	letter-spacing: 10px;
    padding: 0px 20px 0px 2px;
	position: relative;
}
.breadcrumbs li a:hover{
	color: #636466;	
}
.breadcrumbs li::after {
	color: #00142d;
	content: "\f101";
	display: block;
	font-family: fontawesome;
	position: absolute;
	right: -2px;
	top: 0px;
}
.breadcrumbs li.active::after{
	display:none;
}
.breadcrumbs li a{
    color:#00142d;
}

.linkedin-follow-btn {
    align-content: right;    
}


/* Content Block Area Orange  */
.site-content-blue, .content-block-area-blue{
	background-color:#00142d;
    border-top: 2px solid #ff781c;
    overflow:hidden;
	padding: 20px;
}

.content-block-blue {
    margin-bottom: 0px;
}

.content-block-about-us{
    padding: 0px 0px 0px 0px;
}

.content-block-about-us p{
    font-size: 16px;
    line-height: 35px;
    margin: 0 0 10px;
}

.content-block-area-blue img{
	border: 2px solid #003056;
    border-radius: 10px;
    margin-bottom:40px;
}

.content-block-privacy {
	padding: 0px 0px 25px 0px;
}

.content-block-equal-opportunity {
	padding: 0px 0px 25px 0px;
	line-height: 35px;
}

.content-block-process-piping {
	padding: 0px 0px 25px 0px;
	line-height: 33px;
}

.content-block-modular-fabrication {
	padding: 0px 0px 25px 0px;
	line-height: 45px;
}

.content-block-pressure-vessels {
	padding: 0px 0px 25px 0px;
	line-height: 37px;
}

.content-block-engineering-design {
	padding: 0px 0px 25px 0px;
	line-height: 28px;
}

.content-block-engineering-design-2 {
	padding: 0px 0px 25px 0px;
	line-height: 20px;
}

.content-block-certifications {
	padding: 0px 0px 25px 0px;
	line-height: 30px;
}

.content-block-certifications h1 {
    font-family: "Jura", sans-serif;
    color: #ff781c;
    font-size: 24px;
    line-height: 60px;
    margin: 0px;
}

.content-block-certifications p {
    font-family: "Encode Sans", sans-serif;
    color: #c7c8ca;
    font-size: 16px;
    line-height: 42px;
    margin: 0px;
}

.content-block-contact {
    letter-spacing: 1px;
    padding: 0px 0px 30px 0px;
}

.icon-list {
    font-family: "Encode Sans", sans-serif;
    font-size: 16px;
    color: #c7c8ca;
    text-transform: none;
    letter-spacing: 1px;
    list-style: outside none none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
}

.icon-list-privacy {
    font-family: "Sura", sans-serif;
    color: #dbd9d6;
	font-size: 14px;
    list-style: outside none none;
	letter-spacing: 1px;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
}

.icon-list li{
    line-height:28px;	
	position:relative;
}

.icon-list li i {
	color: #003056;
    font-size: 15px;
	margin-right: 4px;
	position: relative;
	top: 1px;
}

.exclamation-yellow {
	color: yellow;
    font-size: 15px;
	margin-right: 0px;
	position: relative;
	top: 2px;
}

.icon-list.circle li::before,
.icon-list.square li::before {
	background-color: #ff781c;
}

/* Content Block Area Medium Gray  */
.site-content-medgray, .content-block-area-medgray{
	background-color:#636466;
    border-top: 1px solid #ff781c;
    border-bottom: 1px solid #ff781c;
    overflow:hidden;	
}

.content-block-medgray {
    margin-bottom: 0px;
}

.content-block-about-us-medgray{
    padding: 0px 0px 20px 0px;
    line-height: 35px;   
}

.content-block-area-medgray img{
	border: 2px solid #ff781c;
    border-radius: 10px;
    margin-bottom:40px;
}

.icon-list-medgray{
    font-family: "SkolaSans", sans-serif;
    color: #012035;
    list-style: outside none none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 35px 0px;
}
.icon-list-medgray li{
    
	line-height:28px;	
	position:relative;
}
.icon-list-medgray li i {
	color: #ff781c;
    font-size: 15px;
	margin-right: 4px;
	position: relative;
	top: 1px;
}
.icon-list.circle-medgray li::before,
.icon-list.square-medgray li::before {
	background-color: #003056;
}

/* Content Block Area Dark Gray  */
.site-content-dkgray, .content-block-area-dkgray{
	background-color:#414141;
    border-top: 1px solid #ff781c;
    border-bottom: 1px solid #ff781c;
    overflow:hidden;	
}

.content-block-dkgray {
    margin-bottom: 0px;
}

.content-block-about-us-dkgray{
    padding: 0px 0px 20px 0px;
    line-height: 35px;   
}

.content-block-area-dkgray img{
	border: 2px solid #ff781c;
    border-radius: 10px;
    margin-bottom:40px;
}

.content-block-area-dkgray h2{
	font-family: "Jura", sans-serif;
    color: #c7c8ca;
    font-size: 24px;
}

.icon-list-dkgray{
    font-family: "SkolaSans", sans-serif;
    color: #012035;
    list-style: outside none none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 35px 0px;
}
.icon-list-dkgray li{
    
	line-height:28px;	
	position:relative;
}
.icon-list-dkgray li i {
	color: #ff781c;
    font-size: 15px;
	margin-right: 4px;
	position: relative;
	top: 1px;
}
.icon-list.circle-dkgray li::before,
.icon-list.square-dkgray li::before {
	background-color: #003056;
}

/*========================================
   17.2 PROJECT PAGE
==========================================*/ 
.project-gall-area h4 {
	color: #bed7e6;
    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 {
	color: #bed7e6;
    display: block;
	font-weight: 700;
}
.project-gallery.carousel-arrows .slick-arrow{
	color:#ff781c;
	visibility:hidden;
}
.project-gallery.carousel-arrows:hover  .arrow-prev{
    left: 20px;
	visibility:visible;
}
.project-gallery.carousel-arrows:hover  .arrow-next{
    right: 20px;	
	visibility:visible;	
}
/*========================================
   17.3 BLOG PAGE
==========================================*/ 
/* Pagination */
.pagination {
	border-radius: 0;
	margin: 20px 0 30px;
}
.pagination > li > a,
.pagination > li > span {
    border: 1px solid #bed7e6;
	color: #bed7e6;
	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 {
	background-color: #bed7e6;
    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 {
	background-color: #bed7e6;
    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;
}
.widget-post .post-content a:hover {
    color: #bed7e6;	
}
/* 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 {
	background-color: #bed7e6;
    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 {
	background-color: #bed7e6;
    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 {
	color: #bed7e6;
    font-size: 16px;
	font-weight: bold;
	margin: 0;
}
.widget-author-name span {
    margin-bottom: 0;
}

.widget-testimonials-wrap {
	border-top: 1px solid #bed7e6;
}

.widget-testimonials-wrap .slick-arrow {
	background-color: #bed7e6;
    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 {
	color: #bed7e6;
    padding-right: 5px;
}
/* Blockquote */
blockquote.blockquote-primary {
	background-color: #f7f7f7;
    border-left: 5px solid #bed7e6;  
}
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 {
	font-family: "SkolaSans", 'Muli', 'Verdana', sans-serif;
	color: #55565a;
	font-size: 14px;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 0px;
}
/* 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 {
	background-color: #00142d;
	border: 2px solid #ff781c;
	margin-bottom: 20px;
	padding: 12px;
	border-radius: 5px;
}

.section-title-contact h1 {
	font-size: 24px;
	color: #dbd9d6;
}

.single-location h2 {
    font-family: "Jura", sans-serif;
    color: #ff781c;
	font-size: 16px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 0px;
}

.single-location p {
	font-family: "Open Sans";
    color: #a9a8a9;
	font-size: 12px;
	letter-spacing: 1px;
	margin: 0px 0px 5px 0px;
}

.application-disclaimer p {
	font-family: "Jura", sans-serif;
    color: #dbd9d6;
	font-size: 12px;
	letter-spacing: 1px;
	margin: 0px 0px 5px 0px;
}


.single-location span{
	display:block;
}
.single-location a {
    color: #fff;
}

.single-location a:hover{
    color: #a9a8a9;
}

.contact-us-form .single-field{
	margin-bottom:30px;
}
.contact-us-form .single-field > textarea {
    background-color: #c7c8ca;
}
.contact-us-form .single-field > input {
	background-color: #c7c8ca;
	margin-bottom:0px;
}

.g-recaptcha {
    padding: 0px 0px 20px 0px;
}


/*========================================
   17.4 TERMS PAGE
==========================================*/ 
	/* Heading for section title */
.section-title-heading h1 {
 font-size: 28px;
 line-height: 40px;
} 
/*========================================
   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: #a9a8a9;
    overflow: hidden;
}





/*=======================
   18. SCROLL UP STYLE
=========================*/
#scrollUp {
    background-color:#00142d;
	bottom: 75px;
	border-radius:10px;
	border: 2px solid #ff781c;
    font-size: 30px;
	height: 38px;
    width: 38px;
	line-height: 0px;
	right: 25px;
	text-align: center;
}
#scrollUp:hover{
	opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}





/*=======================
   19. PRELOADER STYLE
=========================*/
.preloader-wrap {
    background-color:#ff781c;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}
.loader{
	position: relative;
	width: 150px;
	height: 150px;
	left: 45%;
	margin-top: 0px;	
	border-radius: 125px;
	background-color: rgba(0, 20, 45, 0);
	border-width: 5px;
	border-style: solid;
	top: 50%;
	border-color:transparent  #00142d;
	    -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 1s ease-in infinite;
	   -moz-animation: loader 1s ease-in infinite;
	 -ms-animation: loader 1s ease-in infinite;
	animation: loader 1s ease-in 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;
    
}

/*=================================
   21. SHORTCODES
===================================*/
/* Shortcodes */
.accordion-primary .panel-default {
    border-color: #000;
}
.accordion-primary .panel-default > .panel-heading {
	background-color: #000;
	border-color: #000;
}
.alert-primary {
	background-color: #bed7e6;
	border-color: #bed7e6;
}

.shortcode-icons .sample-icon a:hover{
	background-color:#bed7e6;
}

.nav-tabs li a:hover {
    border-top: 3px solid #bed7e6;
}
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
	border-top: 3px solid #bed7e6;
	color: #bed7e6;
}
.tabs.tabs-bottom .nav-tabs li a:hover {
    border-bottom: 3px solid #bed7e6;
}
.tabs.tabs-bottom .nav-tabs li.active a,
.tabs.tabs-bottom .nav-tabs li.active a:hover,
.tabs.tabs-bottom .nav-tabs li.active a:focus {
	border-bottom: 3px solid #bed7e6;
}
.tabs-left .nav-tabs > li a:hover {
    border-left-color: #bed7e6;
}
.tabs-right .nav-tabs > li a:hover {
    border-right-color: #bed7e6;
}
.tabs-right .nav-tabs > li.active a,
.tabs-right .nav-tabs > li.active a:hover,
.tabs-right .nav-tabs > li.active a:focus {
    border-right: 3px solid #bed7e6;
}
.nav-tabs.nav-justified li.active a,
.nav-tabs.nav-justified li.active a:hover,
.nav-tabs.nav-justified li.active a:focus {
    border-top-color: #bed7e6;
}
.highlight.default {
	background-color:#bed7e6;
}
.tabs-left .nav-tabs > li.active a,
.tabs-left .nav-tabs > li.active a:hover,
.tabs-left .nav-tabs > li.active a:focus {
    border-left: 3px solid #55565a;
}
.dropcap {
	color: #bed7e6;
}
.dropcap_block {
	background-color: #bed7e6;
}
.dropcap_block.default {
    background-color: #bed7e6;
}

/*
Template  Name: Edifice Multipurpose Buisness Template;
Template URI: www.bootitems.com
Description: This is a multipurpose Business template;
Author: Masud Rana
Author URI: www.bootitems.com
Version: 1.0  

Note: This is Short code style file. All Short code related style included in this file. 
---------------------------------------------------------------------------------------
CSS INDEX
===================
   1. Accordions
   2. Alarts 
   3. Call To Actions
   4. Icons 
   5. Social Buttons 
   6. Tabs
   7. Typography 
--------------------------------------*/

/*============================================ 
    1. Accordions - Home Page
==============================================*/
.panel{
	background-color: #fff;

}

/*==Panel - Home page=========*/
.panel-homepg{
    border: 0px solid #55565a;
    padding: 20px 0px 0px 0px;
}
/*==Panel - Home page=========*/

/*==Panel - Facilites=========*/
.panel-body-facilities{
    background-color: #00142d;
    border: 2px solid #ff781c;
    border-radius: 0px 0px 10px 10px; 
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
}

/*==Panel - Facilites=========*/


/*==Panel - Certifications=========*/
.panel-heading-cert, .panel-group-cert .panel
{
    background-color: #00142d;
    border-radius: 10px 10px 10px 10px; 
    padding: 10px 10px 10px 10px;
}

.panel-heading-cert h1{
    font-size: 18px;
    color: #ff781c;
    letter-spacing: 5px;
}

.panel-body-cert{
    border: 0px solid #fff;
    border-radius: 0px 0px 10px 10px; 
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
}

.panel-heading-cert .panel-title a{
	display:block;
	position:relative;
}

.panel-heading-cert .panel-title a:after{
	position:absolute;
	right:0px;
	top:0px;
	content:"\f0a5";
	font-family:icofont;
	font-size:30px;
}

/*==Panel - Certifications=========*/


/*==Panel - Privacy Policy=========*/
.panel-heading-policy, .panel-group-policy .panel
{
    background-color: #00142d;
    border-radius: 10px 10px 10px 10px; 
    padding: 10px 10px 10px 10px;
}

.panel-heading-policy h1{
    font-size: 14px;
    color: #ff781c;
    letter-spacing: 5px;
}

.panel-body-policy{
    border: 0px solid #fff;
    border-radius: 0px 0px 10px 10px; 
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
}

.panel-heading-policy .panel-title a{
	display:block;
	position:relative;
}

.panel-heading-policy .panel-title a:after{
	position:absolute;
	right:0px;
	top:0px;
	content:"\f0a5";
	font-family:icofont;
	font-size:30px;
}
/*==Panel - Privacy Policy=========*/


.panel-heading, .panel-group .panel
{
    background-color: #ff781c;
    border-radius: 10px 10px 0px 0px; 
    padding: 10px 10px 10px 10px;
}

.panel-group .panel
{
	border-radius: 10px 10px 10px 10px; 
}

.panel-heading h2{
    font-family: "Jura";
    font-size: 24px;
    color: #00142d;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 5px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.panel-heading-insight, .panel-group-insight .panel-insight
{
    background-color: #55565a;
    border-radius: 10px 10px 0px 0px; 
    padding: 10px 10px 10px 10px;
}

.panel-heading-insight h2{
   font-family: "SkolaSans", 'Muli', 'Verdana', sans-serif;
    font-size: 14px;
    color: #a9a8a9;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 5px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


.panel-heading h3{
    font-size: 12px;
    color: #a9a8a9;
    letter-spacing: 2px;
}

.panel-body{
    background-color: #636466;
    border: 0px solid #014a7c;
    border-radius: 0px 0px 10px 10px; 
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
}

.panel-body p{
    font-family: "Encode Sans", sans-serif;;
    font-size: 16px;
    color: #c7c8ca;
    text-transform: none;
    letter-spacing: 1px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.panel-heading .panel-title a{
	display:block;
	position:relative;
}

.panel-heading .panel-title a:after{
	position:absolute;
	right:0;
	top:0;
	content:"\f0a5";
	font-family:icofont;
	font-size:16px;
    
}
.panel-heading.active .panel-title a:after{
	content:"\f074";
	font-size:16px;
}



/*============================================ 
   2. Alerts 
 =============================================*/
.alert a:hover{
	text-decoration:underline;
	color:inherit;
}
.alert-default {
	background-color: #f1f1f1;
	border-color: #ddd;
	color: #353535;
}
.alert-dark {
	background-color: #333a44;
	border-color: #07080a;
	color: #ced3db;
}
.alert-primary {
	color: #fff;
}
.alert-secondary {
	background-color: #b83932;
	border-color: #981912;
	color: #fff;
}
.alert-tertiary {
	background-color: #0199ed;
	border-color: #0887db;
	color: #fff;
}
.alert-quaternary {
	background-color: #ffac0e;
	border-color: #e99600;
	color: #fff;
}
.alert-quinary {
	background-color: #fcda9a;
	border-color: #e4c282;
	color: #fff;
}
.alert.alert-sm {
	font-size: 0.9em;
	padding: 5px 10px;
}
.alert.alert-lg {
	font-size: 1.2em;
	padding: 20px;
}
.alert .fa {
	font-size: 1.1em;
	margin-right: 8px;
}
.alert-primary a,
.alert-secondary a,
.alert-tertiary a,
.alert-quaternary a,
.alert-quinary a{
    color:#fff;
}
.alert .close{
	
	opacity:0.75;
}
.alert .mb-30{
	margin-bottom:30px !important;
}

/*============================================ 
   3. Call To Actions 
 =============================================*/
.call-to-action{
	border: 1px solid #e7e7e7;
	border-radius: 4px;
	padding: 35px 25px;
	display:block;
	height:auto;
	overflow:hidden;
	width: 100%;	
}
.call-to-action.callto-primary{
	color:#fff;
}
.call-to-action.callto-primary h4{
	color:#fff;
}

/*============================================ 
   4. Icons 
 =============================================*/
.shortcode-icons .sample-icon a {
	display: block;
	padding: 6px 20px;
}
.shortcode-icons .sample-icon a:hover{
	color:#fff;
}
.shortcode-icons .sample-icon a:hover .text-muted {
    color: #fff;
}

/*============================================ 
   5. Social Buttons 
 =============================================*/
ul.social-links {
    list-style: outside none none;
    margin: 0px;
    padding: 0px;
}
.social-links > li {
	float: left;
	list-style: outside none none;
	margin: 0 10px 0 0;
	padding: 0px;
}
.social-links li a {
	background-color: #012035;
    display: block;
	border: 1px solid #77777a;	
	border-radius: 5px;
    text-align: center;
    
}
.social-links li a:hover {
	opacity:0.75;
}
.social-links.social-lg li a {
	font-size: 18px;
	height: 42px;
	line-height: 42px;
	width: 42px;
}
.social-links li a, .social-links.social-md li a {
	height: 32px;
	line-height: 32px;
	width: 32px;
}
.social-links.social-sm li a {
	color: #77777a;
    font-size: 15px;
	height: 26px;
	line-height: 25px;
	width: 26px;
}
.social-links.social-xs li a {
	font-size: 11px;
	height: 22px;
	line-height: 22px;
	width: 22px;
}
.social-links.btn-circle li a{
	
    border-radius:50%;
}
.social-links.bg-color li a.facebook {
    
    background-color: #395f9f;
}
.social-links.bg-color li a.twitter {
    
    background-color: #1590c7;
}
.social-links.bg-color li a.linkedin {
    
    background-color: #005a99;
}
.social-links.bg-color li a.google-plus{
    
    background-color: #d72626;
}
.social-links.bg-color li a.behance{
    background-color: #0896cd;
}
.social-links.bg-color li a.instagram{
    background-color: #a16a4a;
}
.social-links.bg-color li a.youtube{
    background-color: #d92624;
}
.social-links.bg-color li a.pinterest{
    background-color: #bd2125;
}
.social-links.bg-color li a.skype{
    background-color: #62b1f6;
}
.social-links.bg-color li a.dribbble{
    background-color: #eb4095;
}
.social-links.bg-color li a.rss{
    background-color: #ffa500;
}
.social-links.bg-color li a.github{
    background-color: #17aee1;
}
.social-links.bg-color li a.vimeo{
    background-color: #808080;
}
.social-links.bg-color li a.tumblr{
    background-color: #a6d785;
}
.social-links.bg-color li a{
	border: 1px solid rgba(0, 0, 0, 0.1);	
	color: #fff;	
}

/*============================================ 
   5. Lists 
 =============================================*/
.icon-list.icon-sm li{
    line-height:28px;	
}
.icon-list.icon-sm li i {
	font-size: 12px;
	margin-right: 2px;
}
.icon-list.icon-lg li{}
.icon-list.icon-lg li i {
	font-size: 20px;
	margin-right: 6px;
}
.icon-list.circle li,
.icon-list.square li {
    padding: 0 0 0 24px;
}
.icon-list.circle li::before,
.icon-list.square li::before {
	border-radius: 50%;
	color: #ffffff;
	content: "";
	display: inline-block;
	font-family: FontAwesome;
	height: 16px;
	left: 0px;
	line-height: 14px;
	position: absolute;
	text-align: center;
	top: 5px;
	width: 16px;
}
.icon-list.square li::before {
    border-radius: 0px;	
}
.icon-list.circle.icon-lg li,
.icon-list.square.icon-lg li{
	padding: 0 0 0 28px;
}
.icon-list.circle.icon-lg li::before,
.icon-list.square.icon-lg li::before {
	font-size: 18px;
	height: 20px;
	line-height: 18px;
	width: 20px;
}
.icon-list.circle.icon-sm li,
.icon-list.square.icon-sm li{
	padding: 0 0 0 20px;
}
.icon-list.circle.icon-sm li::before,
.icon-list.square.icon-sm li::before {
	font-size: 10px;
	height: 13px;
	line-height: 13px;
	top: 7px;
	width: 13px;
}

/*============================================ 
   6. Tabs 
 =============================================*/
.tabs {
    border-radius: 4px;
    margin-bottom: 20px;
}
.nav-tabs {
    border-bottom-color: #cccccc;
    font-size: 0;
    margin: 0;
    padding: 0;
}
.nav-tabs li {
    display: inline-block;
    float: none;
}
.nav-tabs li:last-child a {
    margin-right: 0;
}
.nav-tabs li a {
    font-size: 14px;
    margin-right: 1px;
	border-radius:0;
}
.nav-tabs li a,
.nav-tabs li a:hover {
    background: #f4f4f4 none repeat scroll 0 0;
    border-color: #cccccc #cccccc -moz-use-text-color;
    border-style: solid solid none;
    border-width: 3px 1px medium;
	color:#303030;
}
.nav-tabs li a:hover {
    border-bottom-color: rgba(0, 0, 0, 0);
    box-shadow: none;
}
.nav-tabs li a:active,
.nav-tabs li a:focus {
    border-bottom: 0 none;
}
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
	background: #ffffff none repeat scroll 0 0;
	border-left-color: #cccccc;
	border-right-color: #cccccc;
	border-radius:0;
	border-bottom: none;
}
.tab-content {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #ffffff;
	border-color: -moz-use-text-color #cccccc #cccccc;
	border-image: none;
	border-style: none solid solid;
	border-width: 0 1px 1px;
	border-color:#cccccc;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	padding: 15px;
}
.nav-tabs.nav-right {
    text-align: right;
}
/* Tab Bottom */
.tabs.tabs-bottom {
    margin: 0 0 20px;
    padding: 0;
}
.tabs.tabs-bottom .tab-content {
    border-bottom: 0 none;
    border-top: 1px solid #cccccc;
}
.tabs.tabs-bottom .nav-tabs {
    border-bottom: medium none;
    border-top: 1px solid #cccccc;
}
.tabs.tabs-bottom .nav-tabs li {
    margin-bottom: 0;
    margin-top: -1px;
}
.tabs.tabs-bottom .nav-tabs li:last-child a {
    margin-right: 0;
}
.tabs.tabs-bottom .nav-tabs li a {
    font-size: 14px;
    margin-right: 1px;
}
.tabs.tabs-bottom .nav-tabs li a,
.tabs.tabs-bottom .nav-tabs li a:hover {
	border-bottom: 3px solid #cccccc;
	border-top: 1px solid #f4f4f4;
}
.tabs.tabs-bottom .nav-tabs li a:hover {
    border-top: 1px solid #f4f4f4;
}
.tabs.tabs-bottom .nav-tabs li.active a,
.tabs.tabs-bottom .nav-tabs li.active a:hover,
.tabs.tabs-bottom .nav-tabs li.active a:focus {
	border-top-color: rgba(0, 0, 0, 0);
}
/* Tab Vertical */
.tabs-vertical {
    border-top: 1px solid #cccccc;
    display: table;
    padding: 0;
    width: 100%;
}
.tabs-vertical .tab-content {
    display: table-cell;
    vertical-align: top;
}
.tabs-vertical .nav-tabs {
    border-bottom: medium none;
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
}
.tabs-vertical .nav-tabs > li {
    display: block;
}
.tabs-vertical .nav-tabs > li a {
    display: block;
    padding-top: 10px;
}
.tabs-vertical .nav-tabs > li a,
.tabs-vertical .nav-tabs > li a:hover,
.tabs-vertical .nav-tabs > li a:focus {
    border-bottom: medium none;
    border-top: medium none;
}
.tabs-vertical .nav-tabs > li.active a,
.tabs-vertical .nav-tabs > li.active a:hover,
.tabs-vertical .nav-tabs > li.active:focus {
    border-top: medium none;
}
/* Tab Left */
.tabs-left {
    padding: 0;
}
.tabs-left .tab-content {
    border-left: medium none;
}
.tabs-left .nav-tabs > li {
    margin-right: -1px;
}
.tabs-left .nav-tabs > li:last-child a {
    border-bottom: 1px solid #cccccc;
}
.tabs-left .nav-tabs > li a {
    border-left: 3px solid #cccccc;
    border-right: 1px solid #f4f4f4;
    margin-left: -3px;
    margin-right: 1px;
}
.tabs-left .nav-tabs > li.active a,
.tabs-left .nav-tabs > li.active a:hover,
.tabs-left .nav-tabs > li.active a:focus {
    border-right-color: #ffffff;
}
/* Tabs Right */
.tabs-right {
    padding: 0;
}
.tabs-right .tab-content {
    border-right: medium none;
}
.tabs-right .nav-tabs > li {
    margin-left: -1px;
}
.tabs-right .nav-tabs > li:last-child a {
    border-bottom: 1px solid #cccccc;
}
.tabs-right .nav-tabs > li a {
    border-left: 1px solid #f4f4f4;
    border-right: 3px solid #cccccc;
    margin-left: 1px;
    margin-right: 1px;
}
.tabs-right .nav-tabs > li.active a,
.tabs-right .nav-tabs > li.active a:hover,
.tabs-right .nav-tabs > li.active a:focus {
    border-left: 1px solid #ffffff;
}
/* Tab Justified */
.nav-tabs.nav-justified {
    margin-bottom: -1px;
    padding: 0;
}
.nav-tabs.nav-justified li {
    margin-bottom: 0;
}
.nav-tabs.nav-justified li a {
    border-bottom: 1px solid #f4f4f4;
    margin-right: 0;
	border-radius:0;
}
.nav-tabs.nav-justified li a:hover,
.nav-tabs.nav-justified li a:focus {
    border-bottom: 1px solid #f4f4f4;
}
.nav-tabs.nav-justified li.active a,
.nav-tabs.nav-justified li.active a:hover,
.nav-tabs.nav-justified li.active a:focus {
    background: #ffffff none repeat scroll 0 0;
    border-left-color: #cccccc;
    border-right-color: #cccccc;
    border-top-width: 3px;
}
.nav-tabs.nav-justified li.active a {
    border-bottom: 1px solid #ffffff;
}
.nav-tabs.nav-justified li.active a,
.nav-tabs.nav-justified li.active a:hover,
.nav-tabs.nav-justified li.active a:focus {
    border-top-width: 3px;
}
.nav-tabs.nav-justified li.active a:hover {
    border-bottom: 1px solid #ffffff;
}
/* Tab Bottom */
.tabs.tabs-bottom {
    padding: 0;
}
.tabs.tabs-bottom .nav.nav-tabs.nav-justified {
    border-top: medium none;
}
.tabs.tabs-bottom .nav.nav-tabs.nav-justified li a {
    border-top-color: rgba(0, 0, 0, 0);
    margin-right: 0;
}
.tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a {
    margin-right: 0;
}
.tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a,
.tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:hover,
.tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:focus {
    border-top-color: rgba(0, 0, 0, 0);
}
.tabs-center .nav-tabs {
    margin: 0 auto;
    text-align: center;
}

/*============================================ 
   7. Typography 
 =============================================*/
.highlight {
	color: #ffffff;
	padding: 0 6px 2px;
}

.highlight.gray {
    background: #4c4c4c none repeat scroll 0 0;
}
.highlight.light {
    background: #aaaaaa none repeat scroll 0 0;
}
.dropcap {
	float: left;
	font-size: 58px;
	line-height: 54px;
	margin-top: 8px;
	padding: 6px 10px 8px;
}
.dropcap_block {
	color: #ffffff;
	float: left;
	font-size: 50px;
	line-height: 50px;
	margin-right: 10px;
	margin-top: 8px;
	padding: 6px 10px 8px;
}

/*========================================
    22. DOWNLOADS
==========================================*/
.downloads-area {
    background-color: #00142d;
    border-style: solid;
    border-width: 2px 0px 2px 0px;
    border-color: #ff781c;

}
.downloads-area .btn-primary:hover{
	color:#bed7e6;
}

.downloads-area h1 {
	font-family: "SkolaSans", 'Muli', 'Verdana', sans-serif;
    font-size: 28px;
    color: #003056;
	margin: 0px;
	padding-bottom: 0px;
}

.downloads-area p {
	font-family: "Oxygen", "Open Sans";
    color: #55565a;
	font-size: 16px;
	letter-spacing: 1px;
    margin: 0px 0px 10px 0px;
}
.downloads-area .btn-primary {
	background-color: #dbd9d6;
	border: 2px solid #77777a;
	margin-top: 10px;
}
.downloads-area .btn-primary:hover{
	background-color: #003056;
    color: #a9a8a9;
    
}

/* ==========================================================================
   =Embed YT Video
   ========================================================================== */

.embed-container { 
	border: 6px solid #003056;
    border-radius: 0px;
    position: relative; 
	padding-bottom: 50%; 
	height: 0px; overflow: hidden; 
	max-width: 100%;
   	} 

.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%; 
	}

/* ==========================================================================
   =Interactive Panels
   ========================================================================== */

.interactive-container { 
	border: 6px solid #003056;
    border-radius: 0px;
    position: relative; 
	padding-bottom: 50%; 
	height: 0px; overflow: hidden; 
	max-width: 100%;
   	} 


/*========================================
  23. TABLES
==========================================*/ 

table{
	background-color:transparent;
}

th{
	font-family: "SkolaSans", 'Muli', 'Verdana', sans-serif;
    font-size: 14px;
    color:#55565a;
    letter-spacing: 0px;
	text-align:left;
	text-transform: uppercase;
}

td{
	font-family: "SkolaSans", 'Muli', 'Verdana', sans-serif;
    font-size: 12px;
    color:#003056;
    letter-spacing: 1px;
	text-align:left;
	text-transform: uppercase;
	padding: 25px 0px 25px 5px;
	
}
table{
	width:100%;
	max-width:100%;
	margin-bottom: 0px;
}

table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{
	padding:8px;
	line-height:50px;
	vertical-align:top;
	border-top: 2px solid #55565a;
	
	
}
.table>thead>tr>th{
	vertical-align:bottom;
	border-bottom: 2px solid #55565a;
	
	
}
table>tbody+tbody{
	border-top:2px solid #000;
}

table a{
	font-family: "SkolaSans", 'Muli', 'Verdana', sans-serif;
	color:#003056;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}
table a:hover{
	color:#a9a8a9;
}

.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{
	border:0px solid #ddd;
}
.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{
	border:0px solid #ddd;
}
.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{
	border-bottom-width: 0px;
}
.table-striped>tbody>tr:nth-of-type(odd){
	background-color:#77777a;
}
.table-hover>tbody>tr:hover{
	background-color:#f5f5f5;
}
.table col[class*="col-"]{
	position:static;
	float:none;
	display:table-column;
}
table td[class*="col-"],table th[class*="col-"]{
	position:static;
	float:none;
	display:table-cell
}

/*============================================ 
   24. PAGES TYPOGRAPHY NON-STANDARD
 =============================================*/
/* Home Page */
.mission-values-typeface h2 {
    line-height: 45px;
}
.mission-values-typeface h3 {
    color:#003056;	
}
.mission-values-typeface p {
     line-height: 40px;
}
.mission-values-typeface p2 {
    font-family: "Gidolinya", 'Arial Narrow', 'Verdana', sans-serif;
    font-size: 16px;
    color: #dbd9d6;
}

.animation-heading h1 {
    font-size: 28px;
    color: #003056;
}

.walkthrough-text {
  	font-size: 16px;
    color: #dbd9d6;
	letter-spacing: 3px;
}

.interactive-text {
  	font-size: 14px;
    color: #dbd9d6;
	letter-spacing: 1px;
	line-height: 20px;
}

/* Contact Page */
.contact-typeface h1 {
    font-size: 24px;
    color: #dbd9d6;
}

/* Career Positions Page */
.position-paragraph-text h2 {
	color: #55565a;
    font-size: 24px;
}

.position-paragraph-text h3 {
	color: #012035;
    font-size: 14px;
}

.position-paragraph-text p {
	color: #012035;
    font-size: 14px;
}


.share-title-positions {
	font-family: "SkolaSans", 'Muli', 'Verdana', sans-serif;
	color: #003056;
	font-size: 14px;
	letter-spacing: 3px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0px;
}


/* Site Map*/

.sitemap h1 {
    font-size: 28px;
    color: #ff781c;
}
.sitemap h2 {
    font-size: 24px;
    color: #ff781c;
}
.sitemap h3 {
    font-size: 20px;
    color: #ff781c;
}
.sitemap p {
    font-size: 18px;
    color: #c7c8ca;
	text-transform: uppercase;
	line-height: 50px;
}

.sitemap a{
	font-size: 18px;
	color:#a9a8a9;
}
.sitemap a:hover{
	font-size: 17px;
    color: #ffffff;
}

.sitemap-alt a{
	font-size: 28px;
	color:#ff781c;
}
.sitemap-alt a:hover{
	font-size: 27px;
    color: #ffffff;
}

/* Page Banners  */
.banner-parallax {
	border-bottom: 2px solid #ff781c;
}

/*========================================
    25. MODAL / POPUPS
==========================================*/
.modal {
	background-color: rgba(0, 0, 0, 0.25);
	
}
.modal-dialog {
	
}
.modal-content {
	background-color: #dbd9d6;
	
}
.modal-title {
	font-family: "SkolaSans", 'Muli', 'Verdana', sans-serif;
	color: #003056;
	font-size: 24px;
	letter-spacing: 5px;
	text-transform: uppercase;
	
}
.modal-body {
	
	background-color: #a9a8a9;
}

.modal-footer {
	
}

/*========================================
    26. EMPLOYMENT APPLICATION
==========================================*/

.employment-application {
}

h1 {
    color:#ff781c;	
}

h5 {
    color:#55565a;	
}


.fullwide-map {
    border: 2px solid #ff781c;
    border-radius: 0px; 
}