/* 

==========================================
    TABLE CONTENTS
==========================================
    1. GLOBAL STYLES
    2. HEADER AREA STYLES;
    3. SLIDER STYLES
    4. WORKING STEPS AREA
	5. WELCOME AREA STYLES
	6. SERVICE AREA STYLES
	7. CALLTO ACTION AREA
	8. TEAM AREA STYLES
	9. PORTFOLIO AREA STYLES
	10. TESTIMONIAL AREA STYLES
	11. EXPERIENCE AREA STYLES
	12. BRANDS LOGO AREA
	13. FOOTER AREA STYLES
	14. HOME TWO STYLES
	15. HOME THREE STYLES
	16. BLOG PAGE STYLES
	16. CONTACT PAGE STYLES
	17. SCROLL UP STYLE	
	18. PRELOADER STYLES
/*

/* Google Fonts */
@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700|Oswald:300,400,500,600,700');
/*========================================
    1. GLOBAL STYLES
==========================================*/
/* === 1.1 Body === */
html{
	font-size:100%;
}
body{
	margin:0;
	color:#555555;
	padding:0;
	font-weight:normal;
	background-color:#e1ece7;
	line-height:26px;
	-webkit-text-size-adjust:100%;
	-webkit-overflow-scrolling:touch;
	-webkit-font-smoothing:antialiased !important;
	font-family: 'Droid Sans', sans-serif;
	font-size:14px;
}
/* === 1.2 Hyperlink === */
a{
	color:#d13f31;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	text-decoration:none;
}
a,
a > *{
	outline:none;
	cursor:pointer;
	text-decoration:none;
}
a:focus,
a:hover{
	outline:none;
	color:#d13f31;
	text-decoration:none;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { 
	color: inherit 
}
/* === 1.3 Headings ===*/
h1,
h2,
h3,
h4,
h5,
h6{
	padding:0;
	color:#d13f31;
	margin:0 0 20px;
	font-family: 'Oswald', sans-serif;
	font-weight:normal;
}
h1,
h2 {
	font-weight: normal;
}
h1 {
	font-size: 32px;
	line-height: 48px;
}
h2 {
	font-size: 28px;
	line-height: 32px;
}
h3 {
	font-size: 24px;
	line-height: 38px;
}
h4 {
	font-size: 20px;
	line-height: 30px;
}
h5 {
	font-size: 18px;
	line-height: 28px;	
}
h5 {
	font-size: 16px;
	line-height: 24px;	
}
h6 {
	font-size: 14px;
	line-height: 24px;	
}
/* === 1.4 PARAGRAPH ===*/
p{
	margin:0 0 20px;
}
b, strong {
	font-weight: 600;
}
/* === 1.5 OTHER FIXES === */
 *,
*:before,
*:after{
	box-sizing:border-box;
}
.trans{
	   -webkit-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
}
img {
  
    height: auto
}
hr, hr.hr-1{
	border-color:#ccc;
}
.fw7{
	font-weight:700;
}
.container{
	width:1200px;
}
/* === Buttons CSS === */
.btn {
	padding: 9px 20px;
}
.btn-default {
	background-color: transparent;
	border-color: #555555;
	color: #555555;
}
.btn-default.white {
	border-color: #ffffff;
	color: #ffffff;
}
.btn-default:hover {
	background-color: #d13f31;
	border-color: rgba(0, 0, 0, 0.15);
	color: #fff;
}
.btn.btn-lilima {
	background-color: #d13f31;
	border:1px solid rgba(0, 0, 0, 0.15);
	color: #ffffff;
}
.btn.btn-lilima:hover {
	background-color: #c23022;
}
.btn-borders {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ffffff;
    border-radius: 3px;
}
.btn-flat{
	border-radius:0;
}
.btn-readmore {
	border-radius: 0;
	padding: 3px 12px;
	float:right;
}
/* Buttons Sizes */
.btn-lg {
	font-size: 16px;
	padding: 13px 20px;
}
.btn-sm {
	font-size: 13px;
	padding: 4px 18px;
}
.btn-xs {
	font-size: 13px;
	padding: 2px 15px;
}
.btn-stl-2{
	border-radius:0 20px;
}
/* =======================================
Basic margin paddings ===============*/
/* Margin Left */
.ml-10 { margin-left: 10px;}
.ml-20 { margin-left: 20px;}
.ml-30 { margin-left: 30px;}
/* Margin Left */
.mr-5 { margin-right: 5px;}
/* Margin Bottom */
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
/* Margin Bottom */
.mb-5{margin-bottom:5px;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-60{margin-bottom:60px;}
.mb-80{margin-bottom:80px;}
.mb-110{margin-bottom:110px;}
/* Margin TOP Bottom */
.mtb-110{margin:110px 0}
.mtb-35{margin:35px 0}
/* Padding Left */
.pl-0{padding-left:0;}
.pr-0{padding-right:0;}
/* Padding Bottom */
.pb-80{padding-bottom:80px}
.pb-110{padding-bottom:110px}
/* Padding Top */
.pt-35{padding-top:35px;}
.pt-75{padding-top:75px;}
.pt-80{padding-top:80px;}
/* Padding Top Bottom */
.ptb-50{padding:50px 0}
.ptb-70{padding:70px 0}
.ptb-75{padding:75px 0}
.ptb-80{padding:80px 0}
.ptb-100{padding:100px 0}
.ptb-105{padding:105px 0}
.ptb-110{padding:110px 0}
.ptb-115{padding:115px 0}
.pt75-pb30{padding:75px 0 30px;}
.pt105-pb65{padding:105px 0 65px;}
.pt105-pb80{padding:105px 0 80px;}
.pt105-pb75{padding:105px 0 75px;}
.pt105-pb45{padding:105px 0 45px;}
.pt105-pb15{padding:105px 0 15px;}
.pt100-pb110{padding:100px 0 110px}
.pt105-pb110{padding:105px 0 110px}
.pt110-pb105{padding:110px 0 105px}
.pt95-pb105{padding:95px 0 110px}
.pt95-pb110{padding:95px 0 110px}
.pt80-pb110{padding:80px 0 110px}

/* === Custom Backgrounds === */
.bg-dark{
	background-color:#1a202c;
}
.bg-white{
	background-color:#fff;
}
/* Overlay Layers */
.overlay-layer, 
.overlay-layer7,  
.overlay-layer5 {
	position: relative;
}
.overlay-layer:before, 
.overlay-layer7:before, 
.overlay-layer5:before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.overlay-layer:before {
	
}
.overlay-layer7:before {
	background-color: rgba(0, 0, 0, 0.70);
}
.overlay-layer5:before {
	background-color: rgba(0, 0, 0, 0.50);
}
/* === section titles === */
.section-title {
	display: block;
	padding-bottom: 43px;
}
.section-title h2 {
	display: inline-block;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0.4px;
	line-height: 28px;
	margin-bottom: 45px;
	position: relative;
	text-transform: uppercase;
}
.section-title h2:before {
	background-color: #2e817b;
	bottom: -20px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 110px;
}
.section-title h2:after {
	background-color: #d13f31;
	bottom: -20px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 35px;
}
.section-title.text-center h2:before {
	left: 50%;
	-webkit-transform: translateX(-50%);
	    transform: translateX(-50%);
}
.section-title.text-center h2:after {
	left: 50%;
	-webkit-transform: translateX(-50%);
	    transform: translateX(-50%);
}
.section-title p {
	font-size: 16px;
	line-height: 26px;
}
/* Sub Title */
h5.sub-title {
	line-height: 16px;
	text-transform: uppercase;
	margin-bottom: 30px;
}
/* ======================================
   2. HEADER AREA STYLES;
=========================================*/
.logo {
	margin-left: 15px;

}
.top-contact {
	padding: 30px 0 15px;
}
.top-contact ul{}
.top-contact ul, .top-contact li {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.top-contact li {
	display: inline-block;
	margin-right: 80px;
	text-align: left;
}
.top-contact li:last-child{
	margin-right:0;
}
.top-contact .icon {
	float:left;
	border: 1px solid #d13f31;
	color: #d13f31;
	font-size: 16px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 25px;
}
.contact-text {
	float: left;
	line-height: 20px;
}
.contact-text span {
	color: #ffffff;
	display: block;
	left: 10px;
	position: relative;
	top: -4px;
}
.contact-text a {
    color: #ffffff;
}
.contact-text a:hover {
    color: #d13f31;
}
/* Social Top Social */
.top-social ul.social-links {
	margin-right: 15px;
	padding: 30px 0 20px;
}
.top-social .social-links li {
	margin: 0 1px 0 0;
}
/* Main Menu */
.lilima-navigation{
	position:relative;
}
.navigation-area {
	background-color: #d13f31;
	display: inline-block;
	float: left;
	height: 72px;
	width: 100%;
	position:relative;
}
nav.lilima-nav {
	float: none;
	width: 100%;
}
.lilima-nav ul{
	list-style:none;
	display:block;
	margin:0;
	padding:0;	
}
.lilima-nav .menu li {
	position: relative;
	-webkit-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	list-style:none;
}
.lilima-nav .menu li a {
	color: #c6c6c6;	
	display:block;
	text-transform: uppercase;
	position: relative;
}
.lilima-nav .menu > li {
    float:left;
	border-left:1px solid #b01e10;
	border-right:1px solid #ea584a;
}
.lilima-nav .menu > li:last-child {
	border-right:none;	
}
.lilima-nav ul.menu > li > a {
	color: #ffffff;
	font-family: "Oswald",sans-serif;
	font-size: 16px;
	letter-spacing: 0.5px;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	padding: 23px 26px;
}
.lilima-nav ul.menu > li:hover > a {
	background-color:#e1ece7;
	color:#1a202c;
}
.lilima-nav .menu > li ul {
	background-color: #e1ece7;
	border-bottom: 3px solid #d13f31;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	padding: 10px 0;
	position: absolute;
	-webkit-transform: translate3d(0px, 10px, 0px);
	    transform: translate3d(0px, 10px, 0px);
	-webkit-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 200px;
	z-index: 99;
}
.lilima-nav .menu > li:last-child > ul ul {
	left: auto;
	right: 100%;
}
.lilima-nav .menu > li > ul li a {
	padding: 8px 20px;
	color:#1a202c;
}
.lilima-nav .menu > li > ul li:hover a,
.lilima-nav .menu > li > ul li:hover li a:hover  {
	background-color:#ffffff;
}
.lilima-nav .menu > li > ul li:hover li a {
	background-color:#e1ece7;	
}
.lilima-nav .menu > li > ul > li > ul {
	left: 100%;
	padding: 0;	
	top: 0;
}
.lilima-nav .menu > li:hover > ul {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: translate3d(0px, 0px, 0px);
	    transform: translate3d(0px, 0px, 0px);
	visibility: visible;
}
.lilima-nav .menu > li > ul > li:hover > ul,
.lilima-nav .menu > li:hover .mega-menu ul {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: translate3d(0px, 0px, 0px);
	    transform: translate3d(0px, 0px, 0px);
	visibility: visible;
}
/* Mega Menu */
.lilima-nav .menu .mega-menu {
	padding: 20px;
	width: 490px;
}
.lilima-nav .menu > li .mega-menu ul {
	width: 100% !important;
}
.lilima-nav .menu .has-dropdown.mega-parent.full{
    position:static !important;
}
.lilima-nav .menu .mega-parent.full .mega-menu {
	width: 100% !important;
	left:0;
}
.lilima-nav .menu .mega-menu.three-column {
    width: 680px ;	
}
.lilima-nav .mega-menu.mega-center {
	left: 50%;
	margin-left: -245px;
}
.lilima-nav .mega-menu.mega-center.three-column {
    margin-left: -340px;
}
.lilima-nav .mega-menu.mega-right{
    right:0;
}
.lilima-nav .menu .mega-menu > li.mega-col {
	float:left;
	padding: 0 5px;	
	overflow: hidden;
	width: 50%;
}
.lilima-nav .menu .mega-menu.three-column > li.mega-col {
    width: 33.33%;
}
.lilima-nav .menu .mega-menu.four-column > li.mega-col {
    width: 25%;	
}
.lilima-nav .menu .mega-menu ul {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border-bottom: 0 none;
	left: auto;
	padding: 0;
	position: relative;
}
.lilima-nav .menu li.mega-col li {
	display: block;
	width: 100%;
}
.lilima-nav .menu li.mega-col li a {
	padding: 5px 15px;
}
/* Meag Menu Title */
.mega-menu .title {
	color: #1a202c;
	display: block;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 12px;
	padding: 0 15px 5px;
	position: relative;
	text-transform: uppercase;
}
.lilima-nav .mega-menu .title:before {
	background: #d13f31 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 2px;
	left: 15px;
	position: absolute;
	width: 30px;
}
/* Extra Feautres */
.lilima-nav .menu li.has-dropdown > a:after {
	content: "";
	font-family: fontawesome;
	font-size: 14px;
	margin-top: -11px;
	position: absolute;
	right: 12px;
	top: 50%;
}
.lilima-nav .menu li ul li.has-dropdown > a::after {
	content: "";
	margin-top: -13px;
	right: 18px;
}
.lilima-nav .menu > li > ul.mega-menu:before{
	left:50%;
	margin-left:-4px;
}
@media (min-width: 768px) and (max-width: 991px) {
.mega-menu .title {
	color: #fff;
	margin-bottom: 0;
	padding: 10px 20px;
}
}
@media (max-width: 767px) {
.mega-menu .title {
	color: #fff;
	margin-bottom: 0;
	padding: 10px 20px;
}
}
/* Fixed Header */
.scroll-header{
	background-color: #1a202c;	
	-webkit-animation:300ms ease-in-out 0s normal none 1 running;	
	    animation:300ms ease-in-out 0s normal none 1 running;
	-webkit-animation-name: fadeInDown;
	    animation-name: fadeInDown;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:99;
}
.scroll-header .navigation-area{
	background-color: #1a202c;		
}
.scroll-header .lilima-nav .menu > li {
	border-left: 1px solid #2b313d;
	border-right: 1px solid #0d131f;
}
.scroll-header .lilima-nav .menu > li:last-child {
	border-right:none;	
}
.scroll-header .mean-container a.meanmenu-reveal {
	background-color: #353b47;
	border: 1px solid #3f4551;
}
/* Top Search */
.top-search {
	float: right;
	padding: 18px 15px 19px 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
.top-search form{
	position:relative;
	height: 35px;
}
.top-search input[type="text"] {
	background-color: rgba(255, 255, 255, 0.2);
	border: medium none;
	border-radius: 3px;
	color: #fff;
	font-size: 16px;
	height: 35px;
	padding-left: 15px;
	padding-right: 46px;
	width: 240px;
}
.top-search input::-moz-placeholder {
    color: #f7f7f;
}
.top-search input::-webkit-input-placeholder {
    color: #fff;
}
.top-search button {
	background-color: rgba(255, 255, 255, 0);
	border: medium none;
	border-radius: 0 3px 3px 0;
	color: #fff;
	font-size: 16px;
	height: 35px;
	top:0;
	margin-left: -4px;
	position: absolute;
	right: 0;
	width: 40px;
	z-index: 1;
}
.top-search button:hover {
    background-color: rgba(255, 255, 255, 0.3);	
}
/*========================================
	3. SLIDER STYLES
==========================================*/
.slide-item {
	background-color: #134844;
	background-position: right top;
	display: block;
}
.slide-content {
    padding: 148px 0;
}
.hero-slider .slide-content *, 
.hero-slider .slide-content h1 span{	
    -webkit-animation-duration: 1s;	
        animation-duration: 1s;
    -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
	color:#fff;
}
.hero-slider .slide-content h1 span{
	color:#d13f31;	
}
.hero-slider .slide-content h3 {
	-webkit-animation-delay: 0.4s;
	    animation-delay: 0.4s;		
	margin-bottom: 0;
	font-weight: 700;
	text-transform:uppercase; 
	font-family: 'Droid Sans', sans-serif;  
}
.hero-slider .slide-content h1, .hero-slider .slide-content h1 span {
	-webkit-animation-delay: 0.8s;
	    animation-delay: 0.8s;	
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 0.5px;
	margin-bottom: 15px;
	text-transform:uppercase;
}
.hero-slider .slide-content p {
	-webkit-animation-delay: 1.2s;
	    animation-delay: 1.2s;		
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 30px;
}
.hero-slider .slide-image{
	padding-top:18px;
}
.hero-slider .slide-image img {
	-webkit-animation-delay: 1.8s;
	    animation-delay: 1.8s;	
}
.slide-item .slide-image img, 
.slide-item .slide-image2 img {	
    -webkit-animation-duration: 1s;	
        animation-duration: 1s;
    -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
	-webkit-animation-name: fadeOut;
	    animation-name: fadeOut;
}
.slide-item .slide-image2 img {
    padding: 50px 0;
}
.slide-item.slick-active .slide-content h1 span {
    -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp;	
}
.slide-item.slick-active .slide-content h1 {
    -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp;	
}
.slide-item.slick-active .slide-content h3 {

    -webkit-animation-name: bounceInDown;

        animation-name: bounceInDown;	
}
.slide-item.slick-active .slide-content p {
    -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp;	
}
.slide-item.slick-active .slide-content a.btn {
    -webkit-animation-name: zoomInDown;
        animation-name: zoomInDown;
	-webkit-animation-delay: 1.6s;
	    animation-delay: 1.6s;	
}
.slide-item.slick-active .slide-content a.btn2 {
	-webkit-animation-name: zoomInDown;
	    animation-name: zoomInDown;
	-webkit-animation-delay: 2s;
	    animation-delay: 2s;	
}
.slide-item.slick-active .slide-image img {
    -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    -webkit-animation-delay: 1s;
        animation-delay: 1s;	
}
.slide-item.slick-active .slide-image2 img {
	-webkit-animation-delay: 1s;
	    animation-delay: 1s;
	-webkit-animation-name: fadeInLeft;
	    animation-name: fadeInLeft;
}
/* Slider Controls */
.hero-slider .slick-arrow {
    color: #ffffff;
    cursor: pointer;
    font-size: 42px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    -webkit-transition:all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 5;
}
.hero-slider .arrow-prev, .hero-slider .arrow-next {
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}
.hero-slider .arrow-prev {
    left: 0;
}
.hero-slider .arrow-next {
    right: 0;
}
.hero-slider:hover .arrow-prev, .hero-slider:hover .arrow-next {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}
.hero-slider:hover .arrow-prev {
    left: 20px;
}
.hero-slider:hover .arrow-next {
    right: 20px;
}
.hero-slider .slick-arrow:hover {
	color:#d13f31;
}
.slide-arrow-2 .slick-arrow{
	background-color: #d13f31;
	height: 45px;
	text-align: center;
	width: 45px;
	line-height:45px;
}
.arrow-circle .slick-arrow {
	background-color: #d13f31;
	height: 52px;
	text-align: center;
	width: 52px;
	line-height:52px;
    border-radius:26px;	
}
.slide-arrow-2 .slick-arrow:hover,
.arrow-circle .slick-arrow:hover {
	opacity:0.55;
	color:#ffffff;
}
/*========================================
	4. WORKING STEPS AREA
==========================================*/
.working-steps-area {
	overflow: hidden;
	width: 100%;
}
.single-step {
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	overflow: hidden;
	position: relative;
	width: calc(20% - 4px);
}
.single-step:before{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.7);
	content:"";
	z-index:2;
	-webkit-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.single-step:hover:before{
    background-color: rgba(209, 63, 49, 0.65);	
}
.single-step:first-child {
	margin-left: 0;
}
.single-step > img {
	position: relative;
	z-index: 1;
}
.step-name {
	bottom: 0;
	left: 0;
	padding: 30px;
	position: absolute;
	width: 100%;
	z-index: 2;
}
.step-name h4 {
	color: #ffffff;
	display: block;
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 36px;
	padding-top: 36px;
	text-transform: uppercase;
}
.step-name .btn-lilima:hover{
	background-color:transparent;
	border:1px solid #ffffff;
}
/*========================================
	5. WELCOME AREA STYLES
==========================================*/
.welcome-area .section-title {
    padding-bottom: 10px;
}
.welcome-inner {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	position: relative;
}
.welcome-inner:before, .welcome-inner:after {
	background-color: #ffffff;
	content: "";
	height: 100%;
	left: -35px;
	position: absolute;
	top: 0;
	width: 35px;
}
.welcome-inner:after{
	left: inherit;
	right: -35px;	
}
.welcome-left p{
	margin-bottom:20px;
}
.welcome-left .btn{
	margin-top:20px;
}
.welcome-right {
	margin-top: 35px;
	overflow: hidden;
	position: relative;
}
.welcome-right img {
	position: relative;
	display: block;
	margin: auto;
}
.overlay-caption {
	background-color: rgba(26, 32, 44, 0.75);
	bottom: -75px;
	height: 75px;
	left: 0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position: absolute;
	visibility: hidden;
	width: 100%;
	-webkit-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.welcome-right:hover .overlay-caption{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility:visible;
	bottom:0;
}
.overlay-caption p {
	color: #fff;
	line-height: 26px;
	padding: 12px 35px;
	text-align: center;
}
/* Funfacts */
.single-fact {
	text-align: center;
	margin-bottom: 60px;
}
.fact-icon {
	background-color: #dddddd;
	border-radius: 54px;
	color: #d13f31;
	font-size: 26px;
	height: 65px;
	line-height: 65px;
	margin: auto auto 18px;
	-webkit-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 65px;
}
.single-fact:hover .fact-icon {
	background-color: #d13f31;
	color: #fff;
}
.fact-info span.counter{
	color: #303030;
	display: block;
	font-size: 24px;
	font-weight: 700;
	margin-bottom:4px;
}
.fact-info span {
	font-family: droid sans;
	font-weight: 700;
	text-transform: uppercase;
}
.fact-info h5{
	color:#ffffff;
}
/*========================================
	6. SERVICE AREA STYLES
==========================================*/
.single-service {
	background-color: #ffffff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
	margin-bottom: 30px;
	padding: 35px 35px 30px;
	-webkit-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	position: relative;
}
.single-service:hover {
	box-shadow: 0 5px 5px 1px rgba(0, 0, 0, 0.1);
}
.service-icon {
	border: 1px solid #d13f31;
	height: 75px;
	margin: auto auto 25px;
	position: relative;
	width: 75px;
	color: #d13f31;
	font-size: 24px;
	line-height: 75px; 
}
.service-icon i {
	z-index: 2;
	position: relative;
}
.single-service h5 {
	color: #303030;
	font-family: "Droid Sans",sans-serif;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 25px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.single-service p {
	line-height: 24px;
}
.service-icon:after {
	background-color: #d13f31;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position: absolute;
	top: 0;
	-webkit-transform: scale(0.5);
	    transform: scale(0.5);
	-webkit-transition:all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 100%;
	z-index: 1;
}
.lern-more i {
	color: #d13f31;
}
.single-service:hover .service-icon:after{
	-webkit-transform: scale(0.95);
	    transform: scale(0.95);
	visibility:visible;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
}
.single-service:hover .service-icon i {
	color:#fff;
}
.lern-more {
	color: #555555;
	font-weight: bold;
	line-height:24px;
	letter-spacing: 0.4px;
	padding:0;
}
.lern-more:hover {
    letter-spacing: 1px;
}
.service-icon.rounded, 
.service-icon.rounded:after{
    border-radius: 50%;	
}
.service-icon.icon-xs {
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	width: 40px;
}
.service-icon.icon-sm{
	width:50px;
	line-height: 50px;
	height:50px;	
}
.service-icon.icon-md{
	width:60px;
	line-height: 60px;
	height:60px;
}
.service-icon.icon-lg{
	width:75px;
	line-height: 75px;
	height:75px;
	font-size:30px;
}
/*Service Icon Style 2*/
.service-icon.icon-style-2 {
	border-radius: 0 25px;
	-webkit-transition:all 0.5s ease 0s;
	transition: all 0.5s ease 0s;  
}
.service-icon.icon-style-2:after {
	border-radius: 0 25px;
}
.single-service:hover .service-icon.icon-style-2{
	-webkit-transform:rotate(45deg);
	    transform:rotate(45deg);
}
.single-service:hover .service-icon.icon-style-2 i{
	-webkit-transform:rotate(-45deg);
	    transform:rotate(-45deg);	
}
.service-icon.icon-style-2.icon-sm, 
.service-icon.icon-style-2.icon-sm:after{
	border-radius: 0 18px;	
}
.service-icon.icon-style-2.icon-xs, 
.service-icon.icon-style-2.icon-xs:after{
	border-radius: 0 15px;	
}
.single-service.br-30{
	border-radius:0 45px;
}
/*========================================
	7. CALLTO ACTION AREA
==========================================*/
.callto-action-area {
	background: rgba(0, 0, 0, 0) url("../img/project/1.jpg") no-repeat scroll center top;
	background-attachment:fixed;
}
.callto-action-area .callto-content {
	padding: 0 45px;
	text-align: center;
}
.callto-content h3 {
	color: #fff;
	letter-spacing: 0.4px;
	text-transform: uppercase;
}
.callto-action-area .callto-content p {
	color: #fff;
	font-size: 16px;
	line-height: 1.75;
}
/*========================================
	8. TEAM AREA STYLES
==========================================*/
.our-team {
	border: 1px solid rgba(0, 0, 0, 0.1);
	overflow: hidden;
	position: relative;
	text-align: center;
}
.our-team img {
	display: block;
	margin: auto;
	padding-top: 7px;
}
.our-team .team-content{
	width: 100%;
	background-color: #1a202c;
	color: #fff;
	padding: 15px 0 10px 0;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	-webkit-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.our-team:hover .team-content{
	padding-bottom: 40px;
}
.our-team .team-content:before,
.our-team .team-content:after{
	content: "";
	width: 60%;
	height: 38px;
	background: #1a202c;
	position: absolute;
	top: -18px;
	-webkit-transform: rotate(15deg);
	   transform: rotate(15deg);
	z-index: -1;
}
.our-team .team-content:before{
	left: -3%;
}
.our-team .team-content:after{
	right: -3%;
	-webkit-transform: rotate(-15deg);
	   transform: rotate(-15deg);
}
.our-team .title {
	color: #ffffff;
	font-size: 16px;
	letter-spacing: 0.4px;
	line-height: 24px;
	margin: 0 0 3px;
	position: relative;
	text-transform: uppercase;
}
.our-team .title:before, .our-team .title:after {
	background: #d13f31 none repeat scroll 0 0;
	content: "";
	height: 230px;
	position: absolute;
	top: -146px;
	-webkit-transform: rotate(-75deg);
	    transform: rotate(-75deg);
	width: 7px;
	z-index: -2;
}
.our-team .title:before{
	left: 32%;
}
.our-team .title:after{
	right: 32%;
	-webkit-transform: rotate(75deg);
	    transform: rotate(75deg);
}
.our-team .post{
	display: block;
	font-size: 14px;
	text-transform: capitalize;
	margin-bottom: 8px;
}
/* Social Links */
.social-links{
	list-style: outside none none;
	margin: 0;
	padding: 0;
	-webkit-transition:all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.social-links li{
	display: inline-block;
	float: none;
	list-style: outside none none;
	margin: 0 5px 0 0;
	padding: 0;
}
.social-links li a{
	display: block;
	font-size: 16px;
	color: #d13f31;
	margin-right: 6px;
	-webkit-transition:all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.social-links li:last-child a{
	margin-right: 0;
}
.social-links li a:hover{
	color: #d13f31;
}
.social-links.btn-circle li a {
	border-radius: 50%;
	border:1px solid #d13f31;
	color:#d13f31;
}
.social-links.social-sm li a {
	font-size: 13px;
	height: 28px;
	line-height: 27px;
	text-align: center;
	width: 28px;
}
.social-links.btn-circle li a:hover {
	background-color: #d13f31;
	color: #fff;
	opacity: 1;
}
.social-links.bg-color li a {
	border: 1px solid rgba(0, 0, 0, 0.1);
	color: #ffffff;
}
.social-links.social-sm li a {
	font-size: 13px;
	height: 26px;
	line-height: 25px;
	width: 26px;
	text-align:center;
}
.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;
}
/* Team Social Links */
.our-team .social-links{
	padding: 0 0 15px 0;
	right: 0;
	left: 0;	
	position: absolute;
	bottom: -40px;
}
.our-team:hover .social-links{
	bottom: 0;
}
.our-team .social-links li{
	margin: 0;	
}
.our-team .social-links li a {
	border: medium none;
	color: #ffffff;
	height: inherit;
	line-height: inherit;
	margin-right: 8px;
	width: inherit;
}
.our-team .social-links li a:hover{
	color: #d13f31;
}
/*========================================
	9.PORTFOLIO AREA STYLES
==========================================*/
/* .row.no-gutters { */
	/* margin-right: 0; */
	/* margin-left: 0; */
/* } */
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
	padding-right: 0;
	padding-left: 0;
} 
.single-portfolio {
	overflow: hidden;
	position: relative;
}
.single-portfolio img {
	max-width: none;
	width: calc(100% + 60px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition:opacity 0.35s, -webkit-transform 0.35s;
	transition:opacity 0.35s, transform 0.35s;
	transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
	-webkit-transform: translate3d(-50px,0,0);
	transform: translate3d(-50px,0,0);
}
.single-portfolio .portfolio-content {
	background: rgba(26, 32, 44, 0.8) none repeat scroll 0 0;
	color: #fff;
	height: 100%;
	left: 0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	padding:50px;
	position: absolute;
	text-align: center;
	top: 0;
	-webkit-transform: translate3d(-10px, 0px, 0px);
	    transform: translate3d(-10px, 0px, 0px);
	-webkit-transition:opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
	transition:opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
	transition:opacity 0.35s ease 0s, transform 0.35s ease 0s;
	transition: opacity 0.35s ease 0s, transform 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
	width: 100%;
}
.single-portfolio .portfolio-content:before {
	border: 1px solid #ffffff;
	bottom: 10%;
	content: "";
	left: 9%;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position: absolute;
	right: 9%;
	top: 10%;
	-webkit-transform: translate3d(-20px, 0px, 0px);
	    transform: translate3d(-20px, 0px, 0px);
	-webkit-transition:opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
	transition:opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
	transition:opacity 0.35s ease 0s, transform 0.35s ease 0s;
	transition: opacity 0.35s ease 0s, transform 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
	z-index: -1;
}
.portfolio-inner {
	padding: 25px 20px 0;
}
.portfolio-content h5 {
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.4px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.portfolio-content p {
	color: #fff;
	letter-spacing: 0;
	line-height: 24px;
}
.portfolio-inner a.btn {
  text-transform: uppercase;
}
.single-portfolio:hover img {
	opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.single-portfolio:hover .portfolio-content:before,
.single-portfolio:hover .portfolio-content {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*========================================
	10. TESTIMONIAL AREA STYLES
==========================================*/
.single-testimonial {
    margin-bottom: 30px;
}
.testi-content {
	background-color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
	margin-bottom: 30px;
	padding: 30px 25px;
	position: relative;
}
.testi-content:before {
	border-right: 20px solid transparent;
	border-top: 20px solid #fff;
	content: "";
	height: 0;
	left: 65px;
	position: absolute;
	top: 100%;
	width: 0;
}
.testi-content p {
	font-style: italic;
	letter-spacing: 0.4px;
	line-height: 26px;
	margin: 0;
}
.testi-content i {
	color: #d13f31;
	font-style: italic;
}
.testi-author-info {
	display: block;
	margin-left: 25px;
	overflow: hidden;
}
.testi-author-info .testi-pic {
	background-color: #e6e6e6;
	border: 2px solid #d13f31;
	border-radius: 50%;
	float: left;
	height: 84px;
	overflow: hidden;
	width: 84px;
}
.testi-author {
	padding-left: 100px;
	padding-top: 18px;
}
.testi-author h5 {
	color: #303030;
	font-family: droid sans;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: 4px;
	text-transform: uppercase;
}
.testi-author p {
	font-size: 13px;
	line-height: 20px;
}
.carousel-dots .slick-dots {
	line-height: 0;
	list-style: outside none none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.carousel-dots .slick-dots li {
	display: inline;
	line-height: 0;
}
.carousel-dots .slick-dots li button {
	border: 1px solid #d13f31;
	height: 8px;
	margin-right: 5px;
	margin-top: 25px;
	text-indent: -9999px;
	-webkit-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 50px;
}
.carousel-dots .slick-dots li:hover button,
.carousel-dots .slick-dots li.slick-active button{
	background-color: #d13f31;
}
/*========================================
	11.EXPERIENCE AREA STYLES
==========================================*/
.experience-area {
	background: rgba(0, 0, 0, 0) url("../img/skill/1.jpg") repeat scroll center center;
}
.experience-area-parallax {
	background: rgba(0, 0, 0, 0) url("../img/skill/1.jpg") repeat scroll center center;
	background-attachment:fixed;
	position:relative;
}
.skills-content h3 {
	color: #ffffff;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.skills-content {
	color: #fff;
}
.skills-content ul {
	list-style: outside none none;
	margin: 0 0 30px;
	padding-left: 0;
	padding-top: 5px;
}
.skills-content li {
	padding-bottom: 5px;
}
.skills-content li i {
	color: #d13f31;
	padding-right: 9px;
}
/* progressbar */
.our-skills {
	text-align: center;
}
.skills .bars {
	position: relative;	
}
.skills .jqbar.vertical {
	display: inline-block;
	margin-left: 60px;
	position: relative;
}
.skills .jqbar.vertical span {
	display: block;
	font-size: 20px;
	color: #fff;
}
.skills .jqbar.vertical .bar-percent {
	color: #ffffff;
	font-size: 16px;
	margin-bottom: -2px;
	margin-left: 0;
	position: absolute;
	text-align: center;
	top: -30px ;
	width: 100%;
	z-index: 1;
}
.skills .bar-level-wrapper {
	background: #fff 
} 
.skills .jqbar.vertical .bar-level-wrapper { 
    display: inline-block;
	float: left;
	margin-top: 0px;
	overflow: hidden;
	position: relative; 
}
.skills .jqbar.vertical span.bar-label {
	bottom: 7px;
	display: inline-block;
	font-size: 16px;
	height: auto;
	left: -35px;
	position: absolute;
	text-transform: uppercase;
	-webkit-transform: rotate(-90deg);
	    transform: rotate(-90deg);
	width: 100%;
}
.skills .jqbar.vertical .bar-level {
	position: absolute;
	background: #d13f31 !important; 
}
/*========================================
	12.BRANDS LOGO AREA
==========================================*/
.brands-area{
	background:#fff
}
.single-brand img {
	display: block;
	margin: auto;
	outline: medium none;
	padding: 0;
}
.brand-logos .slick-arrow {
	color: #585858;
	cursor:pointer;
	font-size: 42px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
}
.brand-logos .arrow-prev{
	left:-30px;
}
.brand-logos .arrow-prev:hover{
	color:#d13f31;
}
.brand-logos .arrow-next{
	right:-30px;
}
.brand-logos .arrow-next:hover{
	color:#d13f31;
}
/*========================================
	13.FOOTER AREA STYLES
==========================================*/
.footer-area{
	padding:0;
}
.footer-top {
	background-color: #1a202c;
	color: #6e7b84;
	overflow: hidden;
}
/* Footer widget */
.footer-widget{
	overflow:hidden
}
.footer-widget p {
	margin-bottom: 10px;
}
.footer-widget ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.footer-widget ul li {
	display: block;
	line-height: 28px;
}
.footer-widget ul li a{
	color:#6e7b84;
}
.footer-widget ul li:hover a {
	color: #d13f31;
}
.footer-widget ul li i {
	color: #d13f31;
	margin-right: 4px;
}
/* About Widget */
.footer-area .widget-title {
	color: #ffffff;
	font-size: 16px;
	letter-spacing: 0.5px;
	margin-bottom: 25px;
	text-transform: uppercase;
}
.widget.about-widget > ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.widget.about-widget ul li {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-bottom: 8px;
}
.widget.about-widget ul li i {
	color: #d13f31;
	padding-right: 13px;
	position: relative;
	top: 9px;
}
/* Service Widget */
.footer-widget.service-widget li {
	margin-bottom: 4px;
}
/* Twitter Widget */
.footer-widget.twiter-widget li {
	line-height: 26px;
	margin-bottom: 15px;
	overflow: hidden;
}
.tweet-ico {
	float: left;
	height: 25px;
	width: 25px;
}
.footer-widget.twiter-widget ul li i {
	color: #1da1f2;
	font-size:24px;
}
.footer-widget.twiter-widget p {
	padding-left: 33px;
	word-break: break-all;
}
.footer-widget.twiter-widget p span {
    font-weight: 600;
}
.footer-widget.twiter-widget a{
	color:#d13f31;
}
/* Recent Post Widget */
.recent-post-widget {
    padding-top: 3px;
}
.recent-post-widget li {
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
}
.footer-widget .widget-blog-thumb img {
	margin-top: 5px;
}
.widget-blog-thumb {
	float: left;
	height: 80px;
	width: 80px;
}
.widget-blog-content {
	margin-top: -6px;
	padding-left: 90px;
}
.widget-blog-content > p {
	line-height: 23px;
	margin: 5px 0;
}
/* Newsleter Widget */
.newsleter-widget p {
	margin-bottom: 25px;
}
.newsleter-widget input {
	background-color: #1a202c;
	border: 1px solid #435059;
	border-radius: 3px;
	height: 35px;
	margin-bottom: 14px;
	padding-left: 15px;
	width: 100%;
}
.newsleter-widget button {
	background-color: #d13f31;
	border: 1px solid transparent;
	border-radius: 3px;
	color: #fff;
	margin-bottom: 0;
	padding: 0 20px;
	-webkit-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.newsleter-widget button:hover {
	background-color:#c23022;
}
/* Istragram Widget */
.inst-photos {
	display: block;
	list-style: outside none none;
	margin: 0;
	overflow: hidden;
	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)";
}
/* follow-widget */
.follow-widget h5 {
	color: #fff;
	letter-spacing: 0.4px;
	text-transform: uppercase;
}
.follow-widget .social-links.btn-circle li a {
	background-color: #435059;
	border: medium none;
	color: #ffffff;
	line-height: 27px;
}
.follow-widget .social-links.btn-circle li:hover a {
	background-color: #d13f31;
}
/* Footer Bottom */
.footer-bottom {
	background-color: #d13f31;
	padding: 22px 0;
}
.copyright-text p {
	color: #fff;
	margin-bottom: 0;
}
.footer-menu > ul {
	float: right;
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.footer-menu ul li {
    display: inline-block;
}
.footer-menu ul li a {
	color: #ffffff;
	padding: 20px 18px;
}
.footer-menu ul li:last-child a {
	padding-right: 0;
}
.footer-menu ul li:hover a {
	color: #d13f31;
}
/* =========================================
	14. HOME TWO STYLES
============================================*/
/* 14.1 PRICING TABLE */
.single-plan {
	background-color: #ffffff;
	padding: 30px;
	position: relative;
}
.single-plan:before {
	color: #dddddd;
	content: "";
	font-family: fontawesome;
	font-size: 30px;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position: absolute;
	right: 35px;
	top: 28px;
	-webkit-transform: scale(0);
	   transform: scale(0);
	-webkit-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	visibility: hidden;
}
.single-plan:hover:before {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: scale(1);
	    transform: scale(1);
	visibility: visible;
}
.plan-head {
	display: block;
	position: relative;
}
.plan-head > h4 {
	color: #303030;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 0;
	text-transform: uppercase;
}
.plan-hand {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	float: left;
	height: 100%;
	padding-left: 60px;
	padding-top: 64px;
	position: relative;
	text-align: center;
	width: 25%;
	-webkit-transition:0.3s;
	transition: 0.3s;
}
.single-plan:hover .plan-hand {
	padding-left: 70px;
}
.plan-content {
	overflow: hidden;
}
.plan-content > div {
	display: inline-block;
}
.plan-body {
	float: left;
	padding: 30px 0 0 45px;
	width: 55%;
}
.plan-hand i {
	color: #dddddd;
	font-size: 48px;
}
.plan-price {
	display: block;
}
.plan-price > p {
	font-size: 14px;
	font-weight: 700;
	text-transform: capitalize;
}
.plan-price span {
	color: #d13f31;
	font-size: 26px;
}
.plan-features > ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.plan-features li {
	line-height: 30px;
}
.plan-features ul li i {
	color: #d13f31;
	padding-right: 5px;
}
.plan-footer {
	bottom: 35px;
	float: left;
	position: absolute;
	width: 20%;
}
/* === 14.2.Award Area ===*/
.award-area {
	background-image: url("../img/award/1.jpg");
	background-position: center center;
}
.award-area-parallax {
	background-image: url("../img/award/1.jpg");
	background-position: center center;
	background-attachment:fixed;
}
.award-head {
    margin-bottom: 35px;
}
.award-head h3 {
	color: #ffffff;
	letter-spacing: 0.4px;
	text-transform: uppercase;
}
.award-head p {
	color: #ffffff;
	font-size: 16px;
	line-height: 28px;
}
.single-award{
    color: #ffffff;
}
.single-award img {
	display: block;
	margin: auto auto 25px;
}
.single-award h6 {
	color: #ffffff;
	font-family: droid sans;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 28px;
	margin-bottom: 3px;
	text-transform: uppercase;
}
.single-award p {
	line-height: 24px;
	margin-bottom: 0;
}
.award-wrap .slick-arrow {
	color: #ffffff;
	cursor:pointer;
	font-size: 42px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
}
.award-wrap .slick-arrow:hover {
	color:#d13f31;
}
.award-wrap .arrow-prev{
    left:-30px;
}
.award-wrap .arrow-next{
    right:-30px;
}
/* =========================================
	15. HOME THREE STYLES
============================================*/
/* === 15.1 Portfolio === */
.filter-menu {
	background: #ffffff none repeat scroll 0 0;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
	display: inline-block;
	float: none;
	list-style: outside none none;
	margin: auto auto 55px;
	padding: 0 55px;
}
.filter-menu.borders{
	border-radius: 0 30px;	
}
.filter-menu li {
	color: #303030;
	cursor: pointer;
	display: inline-block;
	font-family: "Oswald",sans-serif;
	margin: 0 20px;
	padding: 8px 0;
	position: relative;
	text-transform: uppercase;
	-webkit-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.filter-menu li:before {
	background-color: #d13f31;
	content: "";
	height: 1px;
	left: -50%;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position: absolute;
	top: 50%;
	visibility: hidden;
	width: 100%;
	z-index: 1;
	-webkit-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.filter-menu li:hover,
.filter-menu li.mixitup-control-active{
    color:#d13f31;
}
.filter-menu li:hover:before, 
.filter-menu li.mixitup-control-active:before {
	visibility: visible;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	left: 0%;
}
.effect-goliath {
	background: #fff;
	overflow:hidden;
	position:relative;
}
.effect-goliath img {
	max-width: none;
	-webkit-transition:-webkit-transform 0.25s ease 0s;
	transition:-webkit-transform 0.25s ease 0s;
	transition:transform 0.25s ease 0s;
	transition: transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s;
	width: calc(100% + 30px);
}
.effect-goliath .portfolio-info {
	background-color: #ffffff;
	color: #303030;
	left: 0;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	padding: 15px 25px;
	position: absolute;
	text-transform: none;
	top: 100%;
	-webkit-transform: translate3d(0px, 100px, 0px);
	    transform: translate3d(0px, 100px, 0px);
	-webkit-transition:opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
	transition:opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
	transition:opacity 0.35s ease 0s, transform 0.35s ease 0s;
	transition: opacity 0.35s ease 0s, transform 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
	width:100%;
}
.effect-goliath h2 {
	color: #303030;
	font-size: 16px;
	letter-spacing: 0.4px;
	line-height: 28px;
	margin-bottom: 4px;
	text-transform: uppercase;
}
.effect-goliath p {
	line-height: 22px;
	margin-bottom: 0;
}
.effect-goliath:hover img {
	-webkit-transform: translate3d(0,-80px,0);
	    transform: translate3d(0,-80px,0);
}
.effect-goliath:hover .portfolio-info {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	top:inherit;
	bottom:0;
	-webkit-transform: translate3d(0,0,0);
	    transform: translate3d(0,0,0);
}
/* === 15.2 Countdown Area === */
.countdown-area {
	background: rgba(0, 0, 0, 0) url("../img/skill/1.jpg") repeat scroll center center;
}
.countdown-area .fact-info span {
	color: #ffffff;
}
/*========================================
	16. BLOG PAGE STYLES
==========================================*/
.page-header {
	background-image:url(../img/banners/1.jpg);
	background-color: #ffffff;
	background-position: right top;
	background-repeat: no-repeat;
	min-height: 280px;
	position: relative;
	margin: 0;
	padding: 0;
	background-attachment:fixed;
}
.banner-content {
    position: relative;
}
.page-header h2.page-title {
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 32px;
	margin-bottom: 0;
	padding-top: 110px;
}
/* 15. Breadcrumbs */
.breadcrumbs {
	display: block;
	list-style: outside none none;
	margin: 0;
	padding: 0;
	text-align: right;
	padding-top: 95px;
}
.breadcrumbs li {
	color: #d13f31;
	display: inline-block;
	font-size: 16px;
	padding: 0 8px;
	position: relative;
}
.breadcrumbs > li:first-child {
	color: #fff;
}
.breadcrumbs li:first-child:after{display:none;}

.breadcrumbs li:first-child{padding-right:0;}
.breadcrumbs li:after {
	color: #ffffff;
	content: "\f101";
	display: block;
	font-family: fontawesome;
	position: absolute;
	right: -6px;
	top: 0;
}
.breadcrumbs li.active:after{
	display:none;
}
.breadcrumbs li a{
    color:#ffffff;
}
.breadcrumbs li a:hover{
	color: #d13f31;	
}
.single-post {
	background-color: #ffffff;
	margin-bottom: 30px;
	overflow: hidden;
	padding: 30px 25px;
}
.post-thumbnail {
	margin-bottom: 25px;
	overflow: hidden;
	position: relative;
}
.single-post .post-thumbnail img {
	position: relative;
	z-index: 1;
	width: 100%;
	-webkit-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single-post .entry-meta {
	background-color: rgba(0, 0, 0, 0.75);
	bottom: -35px;
	height: 35px;
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 2;
	-webkit-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	visibility:hidden;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.single-post .entry-meta p {
	color: #fff;
	font-size: 12px;
	line-height: 35px;
	margin-bottom: 0;
}
.single-post:hover .entry-meta {
	bottom: 0;	
	visibility:visible;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.single-post .entry-meta p span {
	margin: 0 4%;
}
.single-post .entry-meta p span:first-child {
	margin-left:0;
}
.single-post .entry-meta p span:last-child {
	margin-right:0;
}
.single-post .entry-meta p span i {
	color: #d13f31;
	padding-right: 5px;
}
.single-post .entry-header h5 {
	font-size: 16px;
	letter-spacing: 0.4px;
	margin-bottom: 13px;
	text-transform: uppercase;
}
.single-post .entry-content p{
	margin-bottom:20px;
}
.single-post:hover .post-thumbnail img{
	-webkit-transform:scale(1.075) rotate(-2deg);
	    transform:scale(1.075) rotate(-2deg);
}
.single-post:hover {
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
}
.blockquote-primary {
	background: #eeeeee none repeat scroll 0 0;
	border-left: 5px solid #d13f31;
}
/* Share button */
.entry-content .share-btns {
	display: block;
	margin-bottom: 35px;
	margin-top: 35px;
	overflow: hidden;
}
.share-title {
	color: #d13f31;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
/* Blog Comments */
.comments-area {
	background: #ffffff none repeat scroll 0 0;
	display: block;
	margin-bottom: 30px;
	padding: 30px 25px;
}
.comments-area ul, .comments-area li{
	margin:0;
	padding:0;
	list-style:none;
}
.comment-body h5.comment-heading {
	color: #555555;
	display: block;
	line-height: 16px;
	margin-bottom: 12px;
}
.comment-body {
    overflow: hidden;
}
.comment-body > p {
	margin: 0;
}
li.single-comment {
	display: block;
	overflow: hidden;
	margin-bottom: 45px;
}
ul.comments-list li.single-comment:nth-child(2n) {
	margin-left: 95px;
}
li.single-comment:last-child {
	margin-bottom: 0;
}
.comment-thumb {
	display: inline-block;
	float: left;
	margin-right: 15px;
	padding: 0;
}
.comment-date {
	display: inline-block;
	font-size: 12px;
	margin-bottom: 10px;
}
.reply {
	color: #555555;
	float: right;
}
.reply a{
	color:inherit;
}
.reply a:hover{
	color:#d13f31;
}
/*  Comments Forms Area*/
.comment-form-area {
	background-color: #ffffff;
	padding: 30px 25px;
	overflow: hidden;
}
.single-field {
    height: auto;
    margin: 0 0 15px;
    padding: 0;
    width: 100%;
}
.single-field > input {
	background-color: #eeeeee;
	border:none;	
	box-shadow: none;
	height: 42px;
	margin-bottom: 15px;
	padding: 0 15px;
	width: 100%;
}
.half-field, .half-field-last {
    float: left;
    width: 48%;
}
.half-field-last {
    float: right;
}
.single-field > textarea {
	background-color: #eeeeee;
	border: medium none;
	height: auto;
	padding: 10px 15px;
	width: 100%;
	margin-bottom: 10px;
}
/* Widget Area */
.widget-area .widget {
	background-color: #ffffff;
	margin-bottom: 30px;
	overflow: hidden;
	padding: 30px 25px;
	position: relative;
}
.widget-area h4.widget-title {
	color: #d13f31;
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 30px;
	text-transform: uppercase;
}
/* widget-search */
.search-form{
	display: block;
	position: relative;	
}
.widget-search .search-field {
	border: 1px solid #dddddd;
	height: 45px;
	padding: 0 46px 0 10px;
	width: 100%;
}
.widget-search .search-form button {
	background-color: #d13f31;
	border: medium none;
	color: #ffffff;
	height: 45px;
	position: absolute;
	right: 0;
	top: 0;
	width: 56px;
	z-index: 2;
}
/* widget-category */
.widget-area .widget ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.widget.widget-category > ul li {
	border-bottom: 1px dashed #555555;
	font-size: 14px;
	line-height: 14px;
	padding: 15px 0;
}
.widget.widget-category a {
	color: #555555;
}
.widget.widget-category a:hover {
	color: #d13f31;
}
.widget.widget-category > ul li:first-child {
    padding-top: 0;
}
.widget.widget-category > ul li:last-child {
	border-bottom: medium none #000080;
	padding-bottom: 0;
}
/* Recent Post */
.widget.widget-blog {
	padding-bottom: 15px;
}
.widget-post {
	display: block;
	overflow: hidden;
	width: 100%;
}
.widget-post img {
	float: left;
	height: 85px;
	overflow: hidden;
	width: 85px;
	margin-bottom: 15px;
}
.widget-post .post-content {
	display: block;
	margin: 0;
	padding-left: 100px;
}
.widget-post .post-content a.title {
	color: #d13f31;
}
.widget-post .post-content a:hover {
	color: #d13f31;	
}
.widget-post .post-content p {
	color: #303030;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 0;
}
/* Tags Widget */
.widget.widget-tags {
	padding-bottom: 20px;
}
.tags-cloud-list > li {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
.tags-cloud-list li a.active {
	background-color: #d13f31;
	color: #fff;
}
.tags-cloud-list li a {
	border: 1px solid #ddd;
	color: #666666;
	display: block;
	padding: 2px 9px;
}
.tags-cloud-list li:hover a {
	background-color: #d13f31;
	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: 45px;
	padding: 0 100px 0 8px;
	width: 100%;
}
.widget-newsletter button {
	background-color: #D13F31;
	border: medium none;
	color: #ffffff;
	font-weight: bold;
	height: 45px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 0;
	width: 90px;
}
/* Pagination */
.pagination {
	border-radius: 0;
	margin: 25px 0 -10px;
}
.pagination > li > a, 
.pagination > li > span {
	background-color: transparent;
	border: 1px solid #D13F31;
	color: #D13F31;
	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: #d13f31;
	border-color: #d13f31;
	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;
}
/*========================================
	2.CONTACT US STYLES
==========================================*/
.contact-form-wrap{
	background-color: #ffffff;
	overflow: hidden;
	padding: 30px 25px;	
}
.contact-info {
	background: #ffffff none repeat scroll 0 0;
	padding: 30px 25px;
}
.contact-info h5 {
	margin-bottom: 25px;
}
.contact-info p:nth-of-type(1) {
	margin-bottom: 25px;
}
.contact-info  p:nth-of-type(2) {
	margin-bottom: 16px;
}
ul.info-detail {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
ul.info-detail li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 8px;
	position: relative;
}
ul.info-detail li i {
    color: #d13f31;
    padding-right: 13px;
    position: relative;
    top: 7px;
}
ul.info-detail li a {
    color: #555555;
}
ul.info-detail li a:hover {
    color: #d13f31;
}
.googlemap{
	width:100%;
	height:auto;
	border:2px solid #dddddd;
}
/*=======================
   18. SCROLL UP STYLE	
=========================*/
#scrollUp {
	background-color: #d13f31;
	border-radius: 3px;
	bottom: 75px;
	color: #fff;
	font-size: 32px;
	height: 38px;
	line-height: 34px;
	right: 8px;
	text-align: center;
	width: 38px;
}
#scrollUp:hover{
	opacity:0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
/*=======================
   19. PRELOADER STYLE	
=========================*/
.preloader-wrap {
	background-color: #1A202C;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}
.loader {
	height: 50px;
	margin: -25px auto auto;
	perspective: 100px;
	perspective-origin: 50% 100%;
	position: relative;
	top: 50%;
	transform: translateZ(-1px);
	transform-style: preserve-3d;
	width: 56px;
}
.loader .loader-inner{
    width: 50%;
    height: 100%;
    background: #fff;
    border: 3px solid #fc440f;
    position: absolute;
    right: 0;
    transform-origin: 0% 100%;
}
.loader .loader-inner:first-child{
    left: 0;
}
.loader .loader-inner hr{
    margin: 3px 3px 6px;
    border: 1px solid rgba(252,68,15, 0.9);
}
.loader .loader-inner.box{
    -webkit-animation: loading-1 3.6s infinite ease-in-out;
    animation: loading-1 3.6s infinite ease-in-out;
}
.loader .loader-inner.box-1{
    animation-delay: .2s;
}
.loader .loader-inner.box-2{
    animation-delay: .4s;
}
.loader .loader-inner.box-3{
    animation-delay: 0.6s;
}
.loader .loader-inner.box-4{
    animation-delay: 0.8s;
}
.loader .loader-inner.box-5{
    animation-delay: 1.8s;
}
.loader .loader-inner.box-6{
    animation-delay: 2.2s;
}
@-webkit-keyframes loading-1{
    25%,100%{
        transform: translateX(3px) rotateY(-180deg);
    }
}
@keyframes loading-1{
    25%,100%{
        transform: translateX(3px) rotateY(-180deg);
    }
}



/*=======================
   21. Daktilo Yazı
=========================*/

.daktilo{
-webkit-animation: typing 15s steps(65, end);

border-right: .1em solid black;
width: 20em;
width: 150ch;
white-space: nowrap;
overflow: hidden;
}

@-webkit-keyframes typing {
from { width:0; }
}



/*=======================
   21. Daktilo Yazı
=========================*/

/*=======================
   21. Mobile 
=========================*/


@media screen and (max-width: 640px) {
	table {
		overflow-x: auto;
		display: block;
	}
}



@media screen and (max-width: 640px) {
	contact-form {
		overflow-x: auto;
		display: block;
	}
}
/*=======================
   21.  Mobile 
=========================*/



div.image {

  background-image:url(data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...);
}