/**
 * ==========================================================
 *     Template Name: Bizli-Corporate HTML5 Template
 *     Created By: RegalTheme
 *     Envato Profile: https://themeforest.net/user/regaltheme
 *     Website: http://regaltheme.com
 *     Description: Bizli is Fully Responsive Corporate HTML5 Template with awesome features.
 *     Version: v1.1
 *     Support: http://regaltheme.com/support
 * ============================================================
 *
 * @format
 */

/*===========================================================
    CSS INDEX
    ===================
	
	[ 1. General Code ]
	[ 2. Typography ]
	[ 3. Global Classes ]
	[ 4. Home Version's ]
	[ 5. Pages ]
	[ 6. ScrollUp ]
==============================================================*/

/* 
[ 1. General Code ]
================ */

body {
	font-family: 'Poppins';
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	color: #a6a6a6;
	background-color: #ffffff;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
}

html {
	font-family: 'Poppins';
}

html,
body {
	width: 100%;
	height: 100%;
}

::-moz-selection {
	background: #3662df;
	text-shadow: none;
	color: #fff;
}

::selection {
	background: #3662df;
	text-shadow: none;
	color: #fff;
}

.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

img {
	max-width: 100%;
}

.fix {
	overflow: hidden;
}

hr.line {
	background: #474747 none repeat scroll 0 0;
	border: 0 none;
	height: 1px;
	margin: 0 auto;
	width: 100%;
}

.col-text-center {
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.clear {
	clear: both;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	opacity: 1;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	opacity: 1;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

input:focus,
textarea:focus {
	outline: 0px;
}

/* Link style
============== */

a {
	color: #ffffff;
	font-family: 'Montserrat';
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1;
}

a,
a > * {
	outline: none;
	cursor: pointer;
	text-decoration: none;
}

a:focus,
a:hover {
	color: #ffffff;
	outline: none;
	text-decoration: none;
}

/* Transition
=============== */

a,
.navbar a,
.form-control {
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* 
[ 2. Typography ]
==========================*/

p {
	font-family: 'Poppins';
	color: #8e8e8e;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Montserrat';
	font-weight: 600;
	color: #464545;
	margin: 0 0 10px;
	text-transform: uppercase;
}

h1 {
	font-size: 36px;
	font-family: 'Montserrat';
	font-weight: 600;
	color: #464545;
}

h2 {
	font-size: 30px;
	color: #ffffff;
	font-family: 'Montserrat';
	font-weight: 600;
}

h3 {
	font-size: 24px;
	color: #5b5b5b;
	font-weight: 400;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 13px;
}


/* --- */


@media screen and (max-width: 767px) {
  h1 {
    font-size: 2px;
  }
  
  h2 {
    font-size: 30px;
  }
  
  h3 {
    font-size: 24px;
  
  }
  
  h4 {
    font-size: 14px;
  }
  
  h5 {
    font-size: 16px;
  }
  
  h6 {
    font-size: 13px;
  }

}
/* 
[ 3. Global Classes ]
====================================== */

.poppins {
	font-family: 'Poppins', sans-serif;
}

.montserrat {
	font-family: 'Montserrat', sans-serif;
}

.no-margin {
	margin: 0;
}

.no-gutter > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}

.no-padding {
	padding: 0;
}

.section-padding {
	padding: 120px 0;
}

.section-pt {
	padding: 120px 0;
}

.section-pb {
	padding: 120px 0;
}

.white-color {
	color: #ffffff;
}

.theme-color {
	color: #3662df;
}

/* percentage
--------------*/

.percent-20 {
	width: 20%;
}

.percent-25 {
	width: 25%;
}

.percent-33 {
	width: 33.333%;
}

.percent-50 {
	width: 50%;
}

.percent-66 {
	width: 66.666%;
}

.percent-100 {
	width: 100%;
}

.height-100 {
	height: 100%;
}

/* Screen Support */

@media screen and (max-width: 767px) {
	.percent-20,
	.percent-25,
	.percent-33,
	.percent-50,
	.percent-66 {
		width: 100%;
	}
	.percent-50,
	.percent-25 {
		width: 50%;
	}

}

/*margin top
-------------*/

.mt-20 {
	margin-top: 20px;
}

.mt-25 {
	margin-top: 25px;
}

.mt-60 {
	margin-top: 60px;
}

/* Screen Support */

@media screen and (max-width: 767px) {
}

/*margin bottom
----------------*/

.mb-5 {
	margin-bottom: 5px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-35 {
	margin-bottom: 35px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-60 {
	margin-bottom: 60px;
}

.mb-70 {
	margin-bottom: 70px;
}

/* Screen Support */

@media screen and (max-width: 767px) {
	.mb-40 {
		margin-bottom: 20px;
	}
	.mb-60 {
		margin-bottom: 40px;
	}
	.mb-70 {
		margin-bottom: 50px;
	}
}

/*margin left
--------------*/

/* Screen Support */

@media screen and (max-width: 767px) {
}

/*margin right
--------------*/

.mr-20 {
	margin-right: 20px;
}

/* Screen Support */

@media screen and (max-width: 767px) {
}

/*padding-top
--------------*/

.pt-5 {
	padding-top: 5px;
}

.pt-10 {
	padding-top: 10px;
}

.pt-30 {
	padding-top: 30px;
}

.pt-40 {
	padding-top: 40px;
}

.pt-60 {
	padding-top: 60px;
}

.pt-80 {
	padding-top: 80px;
}

.pt-85 {
	padding-top: 85px;
}

.pt-120 {
	padding-top: 120px;
}

.pt-215 {
	padding-top: 215px;
}

/* Screen Support */

@media screen and (max-width: 767px) {
	.pt-80,
	.pt-85 {
		padding-top: 40px;
	}
	.pt-120 {
		padding-top: 80px;
	}
	.pt-215 {
		padding-top: 153px;
	}
}

/*padding-bottom
------------------*/

.pb-120 {
	padding-bottom: 120px;
}

/* Screen Support */

@media screen and (max-width: 767px) {
	.pb-120 {
		padding-bottom: 80px;
	}
}

/*padding top bottom
---------------------*/

.ptb-15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.ptb-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.ptb-35 {
	padding-top: 35px;
	padding-bottom: 35px;
}

.ptb-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.ptb-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.ptb-60 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.ptb-75 {
	padding-top: 75px;
	padding-bottom: 75px;
}

.ptb-80 {
	padding-top: 80px;
	padding-bottom: 80px;
}

.ptb-85 {
	padding-top: 85px;
	padding-bottom: 85px;
}

.ptb-90 {
	padding-top: 90px;
	padding-bottom: 90px;
}

.ptb-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.ptb-110 {
	padding-top: 110px;
	padding-bottom: 110px;
}

/* Screen Support */

@media screen and (max-width: 767px) {
	.ptb-60 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.ptb-85 {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.ptb-90 {
		padding-bottom: 80px;
		padding-top: 80px;
	}
	.ptb-100 {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.ptb-110 {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

/* Padding left
-------------------- */

.pl-45 {
	padding-left: 45px;
}

/* Screen Support */

@media screen and (max-width: 767px) {
}

/* Padding right
-------------------- */

.pr-40 {
	padding-right: 40px;
}

/* Screen Support */

@media screen and (max-width: 767px) {
}

/* Padding left right
-------------------- */

.plr-20 {
	padding-left: 20px;
	padding-right: 20px;
}

.plr-30 {
	padding-left: 30px;
	padding-right: 30px;
}

.plr-40 {
	padding-left: 40px;
	padding-right: 40px;
}

/* Screen Support */

@media screen and (max-width: 767px) {
	.plr-40 {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/*font size in screen support
-----------------------------------*/

@media screen and (max-width: 767px) {
	.font-30 {
		font-size: 25px;
	}
	h1,
	.font-35,
	.font-42,
	.font-90,
	.font-40 {
		font-size: 20px;
	}
}

/* background color 
===============================*/

.white-bg {
	background: #ffffff none repeat scroll 0 0;
}

.dark-bg {
	background: #222222 none repeat scroll 0 0;
}

.theme-bg {
	background: #3662df none repeat scroll 0 0;
}

.bg-color-1 {
	background: #f5f5f5 none repeat scroll 0 0;
}

.bg-color-2 {
	background: #2d2d2d none repeat scroll 0 0;
}

.bg-color-3 {
	background: #151515 none repeat scroll 0 0;
}

.bg-color-4 {
	background: #373737 none repeat scroll 0 0;
}

.bg-color-5 {
	background: #1c1c1c none repeat scroll 0 0;
}

.bg-color-6 {
	background: #f1f1f1 none repeat scroll 0 0;
}

.bg-color-7 {
	background: #e5e5e5 none repeat scroll 0 0;
}

.bg-color-8 {
	background: #282828 none repeat scroll 0 0;
}
.bg-color-10 {
	background: #3662df none repeat scroll 0 0;
}
/* background image 
==================================*/

.bg-img-1 {
	background-image: url('../img/bg/1.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.bg-img-2 {
	background-image: url('../img/bg/2.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.bg-img-3 {
	background-image: url('../img/bg/3.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.add-image {
	background-image: url(../img/about/1.jpg);
	background-repeat: no-repeat;
}

.add-image-2 {
	background-image: url(../img/about/2.jpg);
	background-repeat: no-repeat;
}

.add-image-3 {
	background-image: url(../img/about/3.jpg);
	background-repeat: no-repeat;
}

/* background overlay 
===================================*/

.overlay {
	position: relative;
  overflow: hidden;
}

.overlay:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
  z-index: 2;
	background: rgba(54, 98, 223, 0.2);
}

.overlay .container {
	position: relative;
	z-index: 2;
}

/* dark overlay 
================================*/

.overlay.dark-1:before {
	background-color: rgba(21, 21, 21, 0.95);
}

.overlay.dark-2:before {
	background-color: rgba(0, 0, 0, 0.6);
}

.main-slider-two .camera_overlayer {
	background-color: rgba(21, 21, 21, 0.7);
}

/* light overlay 
================================*/

.overlay.light-1:before {
	background-color: rgba(255, 255, 255, .);
}

/* others color overlay 
=================================*/

.overlay-1:before {
	z-index: 1;
	background-color: rgba(54, 98, 223, 0.8);
}

.camera_overlayer,
.overlay-2:before {
	background-color: rgba(54, 98, 223, 0.2);
}

.overlay-3:before {
	background-color: rgba(54, 98, 223, 0.7);
}

.overlay-4:before {
	background-color: rgba(54, 98, 223, 0.85);
}

.overlay-5:before {
	background-color: rgba(54, 98, 223, 0.5);
}

/*Verticle Aligne Middle 
--------------------------*/

.d-table {
	display: table;
	width: 100%;
	height: 100%;
}

.d-table-cell {
	display: table-cell;
	vertical-align: middle;
}

.v-align {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.row-eq-height {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/* Default Button Style
------------------------ */

.mainslider .btn,
.btn {
	background-color: #3662df;
	border: 0 none;
	border-radius: 20px;
	font-size: 14px;
	height: 46px;
	line-height: 42px;
	padding: 0 45px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	color: #ffffff;
	font-weight: 600;
}

.lg-btn {
	padding: 0 50px;
}

.btn:hover {
	background-color: #3662df;
	color: #ffffff;
}

.btn.active,
.btn:active {
	-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn.white,
.btn.white:hover,
.btn.white:focus {
	color: #393939;
}

.btn i.material-icons {
	font-size: 20px;
}

.btn.focus,
.btn:focus,
.btn:hover {
	color: #fff;
	border-color: #3662df;
}

.btn:focus,
button:focus {
	outline: none !important;
}

.btn.btn-1 {
	border: 2px solid transparent;
}

.btn.btn-1:hover {
	background: transparent;
	border-color: #3662df;
	color: #3662df;
}

.btn-4,
.btn-2 {
	background-color: #4369d6;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	padding: 0 55px;
	-webkit-box-shadow: 0px 2px 6px 0px rgba(2, 2, 2, 0.4);
	box-shadow: 0px 2px 6px 0px rgba(2, 2, 2, 0.4);
}

.btn-2:hover {
	-webkit-box-shadow: 0 2px 6px rgba(2, 2, 2, 0.25);
	box-shadow: 0 2px 6px rgba(2, 2, 2, 0.25);
}

.btn-3 {
	background: transparent;
	font-size: 13px;
	height: 40px;
	line-height: 40px;
	padding: 0 32px;
	border: 1px solid #3662df;
	color: #3662df;
	font-weight: 400;
}

.btn-4 {
	background-color: #2d56c8;
	font-weight: 400;
	line-height: 52px;
	-webkit-box-shadow: 0px 2px 6px 0px rgba(2, 2, 2, 0.4);
	box-shadow: 0px 2px 6px 0px rgba(2, 2, 2, 0.4);
}

/*Screen Support
--------------------*/

@media screen and (max-width: 767px) {
	.lg-btn {
		height: auto;
		font-size: 14px;
		padding: 8px 25px;
	}
}

/* Customize Form style
======================== */

.form-control {
	border-radius: 0;
}

.input-field {
	margin-top: 45px;
}

.input-field label {
	color: #999;
	top: 0;
	left: 0;
	font-size: 14px;
	line-height: 16px;
	font-weight: 400;
	margin: 0;
}

.input-field label.active {
	font-size: 12px;
}

/*Flat Icon Setup
==========================*/

i[class^='flaticon-'] {
	line-height: 50px;
	display: inline-block;
}

i[class^='flaticon-']:before {
	font-size: 45px;
	margin-left: 0;
}

/* CSS Customization
============================== */

ul,
ul li {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

nav {
	background-color: transparent;
}

nav ul,
nav ul li {
	float: none;
}

nav ul li:hover,
nav ul li.active {
	background-color: transparent;
}

nav ul a {
	font-size: inherit;
}

@media only screen and (min-width: 1200px) {
	.container {
		width: 1200px;
    
	}
}

header .container{
  max-width: 1300px;
}
@media only screen and (max-width: 749px) {
	.container {
		width: 100%;
	}
}

@media only screen and (max-width: 601px) {
	.container {
		/* width: 95%; */
	}
}

.container .row,
.container-fluid .row {
	margin-bottom: 0;
}

.container .row {
	margin-right: -15px;
	margin-left: -15px;
}

.row .col {
	padding-right: 15px;
	padding-left: 15px;
}

sub {
	bottom: 0;
}

/* Section Title
----------------- */

.section-title h1 {
	color: #494949;
	display: inline-block;
}

.dark-version .section-title h1 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 20px;
}

/* Horizontal Line 
-------------------*/

.horizontal-line div {
	background: #3662df none repeat scroll 0 0;
	height: 2px;
	margin: 0 auto;
	width: 44px;
}

.horizontal-line div.top {
	margin-bottom: 3px;
	width: 77px;
}

.dark-version .horizontal-line div {
	background: #ffffff none repeat scroll 0 0;
}

.accordion-one .horizontal-line div {
	margin: 0;
	width: 74px;
}

.accordion-one .horizontal-line div.top {
	width: 134px;
	margin-bottom: 3px;
}

/* Social Icons
----------------------*/

.social-icon li {
	float: left;
}

.social-icon li a {
	display: block;
	font-size: 16px;
	height: 30px;
	line-height: 31px;
	margin: 0 1px;
	padding: 0 10px;
	position: relative;
	text-align: center;
	width: 30px;
	z-index: 2;
}

/* Style One */

.social-icon.style1 li a::after {
	background: #3662df none repeat scroll 0 0;
	border-radius: 50%;
	content: '';
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	width: 100%;
	z-index: -1;
}

.social-icon.style1 li a:hover::after {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

/* Custom Input 
----------------------*/

select {
	-moz-appearance: none;
	-webkit-appearance: none;
}

.custom-select {
	position: relative;
}

.custom-input input,
.custom-input textarea,
.custom-select select {
	border: 1px solid #d9d9d9;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 0;
	padding: 10px 20px;
	color: #b3b3b3;
	width: 100%;
	font-family: 'Poppins';
	font-weight: 300;
}

.custom-input input {
	padding: 5px 15px;
}

/* Sticky Sticky
-----------------*/

header .active-sticky.is-sticky {
	-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	background: #ffffff;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
	-webkit-box-shadow: 0 1px 4px rgba(2, 3, 3, 0.15);
	box-shadow: 0 1px 4px rgba(2, 3, 3, 0.15);
}

header .active-sticky.is-sticky .logo img {
	-webkit-filter: invert(50%) sepia(84%) saturate(5271%) hue-rotate(215deg) brightness(89%)
		contrast(97%);
	/* filter: brightness(1) invert(.8); */
  filter: invert(49%) sepia(6%) saturate(4236%) hue-rotate(181deg) brightness(80%) contrast(101%);
}

header .active-sticky.is-sticky .logo > a {
	width: 73px;
}

header .active-sticky.is-sticky {
	padding: 17px 0;
}

header .active-sticky.is-sticky .search-form {
	top: 57px;
}

header .is-sticky .mainmenu a,
header .active-sticky.is-sticky .search-box i,
header .active-sticky.is-sticky .expand-icon i {
	color: #333333;
}

.dark-version.is-sticky .mainmenu li a {
	color: #ffffff;
}

.dark-version.is-sticky .mainmenu li a.active,
.dark-version.is-sticky .mainmenu li a:hover,
header .is-sticky .mainmenu a:hover,
header .is-sticky .mainmenu li a.active,
header .active-sticky.is-sticky .search-box i:hover,
header .active-sticky.is-sticky .expand-icon i:hover {
	color: #3662df;
}

.is-sticky .mainmenu .navigation > li:hover > ul {
	top: 140%;
}

/* Main Menu
-------------------- */

.mainmenu li {
	float: left;
	margin: 0 10px;
}

.mainmenu li:last-child {
	margin-right: 5px;
}

.mainmenu li a {
	display: block;
	line-height: 40px;
	padding: 0 5px;
	position: relative;
}

.mainmenu li:hover a,
.mainmenu li a.active {
	color: #3662df;
}

/* Dropdown Menu */

.mainmenu .navigation > li > ul {
	position: absolute;
	width: 200px;
	z-index: 100;
	background: #ffffff;
	visibility: hidden;
	-webkit-box-shadow: 0 1px 4px rgba(2, 3, 3, 0.1);
	box-shadow: 0 1px 4px rgba(2, 3, 3, 0.1);
	opacity: 0;
	transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-webkit-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
}

.mainmenu .navigation > li > ul {
	left: 0px;
	top: 150%;
}

.mainmenu .navigation > li:hover > ul {
	top: 105%;
	opacity: 1;
	visibility: visible;
}

.mainmenu .navigation > li > ul li {
	border-bottom: 1px solid #3662df;
	float: none;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
}

.mainmenu .navigation > li > ul li a {
	color: #777777;
	display: block;
	padding: 12px 20px;
	text-align: left;
	font-size: 13px;
	line-height: 1;
}

.mainmenu .navigation > li > ul > li:hover > a,
.mainmenu .navigation > li > ul ul li:hover a {
	color: #3662df;
}

/* Mobile Menu
--------------*/

.navbar-toggle {
	border: 1px solid #ffffff;
}

.navbar-toggle .icon-bar {
	background: #ffffff;
}

.navbar-collapse {
	border-top: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding-left: 0;
	padding-right: 0;
}

.mainmenu .navbar-collapse > ul li.dropdown .dropdown-btn {
	border: 1px solid #eeeeee;
	border-radius: 3px;
	cursor: pointer;
	height: 26px;
	position: absolute;
	right: 10px;
	top: 6px;
	width: 30px;
	z-index: 5;
	display: none;
}

.mainmenu .navbar-collapse > ul li.dropdown .dropdown-btn::after {
	content: '\f2f9';
	font-size: 20px;
	height: 100%;
	left: 0;
	line-height: 26px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	font-family: 'Material-Design-Iconic-Font';
	color: #fff;
}

.mainmenu .navbar-collapse > ul li.dropdown .dropdown-btn.submenu-icon::after {
	content: '\f2fc';
}

/* Outer Menu
----------------- */

.outer-menu {
	position: absolute;
	right: 35px;
	top: 10px;
	z-index: 999;
}

.outer-menu .checkbox-toggle {
	cursor: pointer;
	height: 20px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 25px;
	z-index: 2;
	margin: 0;
}

.is-sticky .outer-menu .hamburger > .icon {
	background: #333333;
}

.is-sticky .outer-menu .checkbox-toggle:checked + .hamburger > .icon {
	background: #f1f1f1;
}

.outer-menu .checkbox-toggle:checked + .hamburger > .icon {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.outer-menu .checkbox-toggle:checked + .hamburger > .icon:before,
.outer-menu .checkbox-toggle:checked + .hamburger > .icon:after {
	top: 0;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.outer-menu .checkbox-toggle:checked + .hamburger > .icon:after {
	opacity: 0;
}

.outer-menu .checkbox-toggle:checked ~ .menu {
	pointer-events: auto;
	visibility: visible;
	overflow: hidden;
}

.outer-menu .checkbox-toggle:checked ~ .menu > .inner {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition-duration: 0.75s;
	-o-transition-duration: 0.75s;
	transition-duration: 0.75s;
}

.outer-menu .checkbox-toggle:checked ~ .menu > .inner > .sub-inner {
	opacity: 1;
	-webkit-transition: opacity 0.4s ease 0.4s;
	-o-transition: opacity 0.4s ease 0.4s;
	transition: opacity 0.4s ease 0.4s;
}

.outer-menu .checkbox-toggle:hover + .hamburger {
	-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}

.outer-menu .checkbox-toggle:checked:hover + .hamburger > .icon {
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}

.outer-menu .hamburger {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 20px;
	height: 20px;
	border-radius: 0 0.12em 0.12em 0;
	cursor: pointer;
	-webkit-transition: box-shadow 0.4s ease;
	-webkit-transition: -webkit-box-shadow 0.4s ease;
	transition: -webkit-box-shadow 0.4s ease;
	-o-transition: box-shadow 0.4s ease;
	transition: box-shadow 0.4s ease;
	transition: box-shadow 0.4s ease, -webkit-box-shadow 0.4s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.outer-menu .hamburger > .icon {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 100%;
	height: 2px;
	background: #fefefe;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.outer-menu .hamburger > .icon:before,
.outer-menu .hamburger > .icon:after {
	content: '';
	position: absolute;
	z-index: 1;
	top: -6px;
	left: 0;
	width: 100%;
	height: 2px;
	background: inherit;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.outer-menu .hamburger > .icon:after {
	top: 6px;
}

.outer-menu .menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	outline: 1px solid transparent;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.outer-menu .menu > .inner {
	width: 200vw;
	height: 200vw;
	color: #fefefe;
	background: #222222;
	border-radius: 50%;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.outer-menu .menu > .inner > .sub-inner {
	text-align: center;
	max-width: 90vw;
	max-height: 100vh;
	opacity: 0;
	-webkit-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
	overflow-y: auto;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.outer-menu .menu > .inner > .sub-inner > .mainmenu > ul {
	padding: 0 15px;
	display: block;
	max-height: 100vh;
}

.outer-menu .menu > .inner > .sub-inner > .mainmenu > ul > li {
	margin: 0;
	font-size: 22px;
	display: block;
	padding: 0 20px;
	width: 350px;
}

.outer-menu .menu > .inner > .sub-inner > .mainmenu > ul > li a {
	position: relative;
	display: inline;
	cursor: pointer;
	-webkit-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	transition: color 0.4s ease;
	padding: 0;
}

.outer-menu .menu > .inner > .sub-inner > .mainmenu ul li:hover a {
	color: #e5e5e5;
}

.outer-menu .menu > .inner > .sub-inner > .mainmenu ul li a:hover:after {
	width: 100%;
}

.outer-menu .menu > .inner > .sub-inner > .mainmenu ul li a:after {
	content: '';
	position: absolute;
	z-index: 1;
	bottom: -0.15em;
	left: 0;
	width: 0;
	height: 2px;
	background: #e5e5e5;
	-webkit-transition: width 0.4s ease;
	-o-transition: width 0.4s ease;
	transition: width 0.4s ease;
}

.outer-menu .mainmenu li {
	float: none;
}

.outer-menu .mainmenu ul ul a {
	font-size: 15px;
	line-height: 25px;
}

.mainmenu .drop-icon {
	position: relative;
}

.drop-icon::before {
	content: '';
	font-family: 'Material-Design-Iconic-Font';
	line-height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	width: 25px;
}

.drop-icon.show::before {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.outer-menu .mainmenu ul ul {
	display: none;
}

/* slick next prev
----------------- */

.slick-arrow {
	background: #515151 none repeat scroll 0 0;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	font-size: 26px;
	height: 48px;
	line-height: 48px;
	margin-top: -24px;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 48px;
	z-index: 2;
}

.slick-arrow:hover {
	background: #3662df none repeat scroll 0 0;
}

.slick-arrow.prev {
	left: 0;
}

.slick-arrow.next {
	right: 0;
}

.folio-slider:hover .slick-arrow.prev {
	left: 20px;
}

.folio-slider:hover .slick-arrow.next {
	right: 20px;
}

.folio-slider:hover .slick-arrow {
	opacity: 1;
}

/* slick dots
-------------- */

.slick-dots {
	display: inline-block !important;
	margin-top: 42px;
}

.slick-dots > li {
	float: left;
	margin: 0 5px;
}

.slick-dots button {
	background: #d6d6d6 none repeat scroll 0 0;
	border: 0 none;
	cursor: pointer;
	font-size: 0;
	height: 12px;
	padding: 0;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 14px;
	display: block;
	border-radius: 3px;
}

.slick-dots .slick-active button {
	background: #ffffff none repeat scroll 0 0;
	width: 34px;
}

.slick-slide:focus {
	outline: 0;
}

/* Camera next prev 
========================*/

.camera_prev,
.camera_next {
	background: transparent;
	border: 2px solid #ffffff;
	height: 60px;
	text-align: center;
	width: 60px;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	border-radius: 50%;
}

.camera_prev:hover,
.camera_next:hover {
	background: #3662df none repeat scroll 0 0;
	border-color: #3662df;
}

.camera_next {
	right: 0px;
}

.camera_prev {
	left: 0px;
}

.camera_fakehover:hover .camera_next {
	right: 20px;
}

.camera_fakehover:hover .camera_prev {
	left: 20px;
}

.camera_next > span::after,
.camera_prev > span::after {
	background: transparent none repeat scroll 0 0;
	color: #ffffff;
	content: '';
	font-family: 'Material-Design-Iconic-Font';
	font-size: 45px;
	height: 100%;
	line-height: 58px;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	width: 100%;
}

.camera_next > span:hover::after,
.camera_prev > span:hover::after {
	color: #ffffff;
}

.camera_next > span::after {
	content: '\f2fb';
}

.camera_prev > span::after {
	content: '\f2fa';
}

.camera_next > span,
.camera_prev > span {
	height: auto;
	width: auto;
}

.camera_loader {
	background: transparent none repeat scroll 0 0;
	border: transparent;
}

/* Camera Pagnation
========================*/

.camera_pag {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
}

.camera_pag_ul {
	display: inline-block;
}

.camera_wrap .camera_pag .camera_pag_ul li.pag_nav_0 {
	background: url(../img/slider/thumb/1.jpg) no-repeat scroll center center/cover;
}

.camera_wrap .camera_pag .camera_pag_ul li.pag_nav_1 {
	background: url(../img/slider/thumb/2.jpg) no-repeat scroll center center/cover;
}

.camera_wrap .camera_pag .camera_pag_ul li.pag_nav_2 {
	background: url(../img/slider/thumb/3.jpg) no-repeat scroll center center/cover;
}

.camera_wrap .camera_pag .camera_pag_ul li:hover > span,
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	background: transparent;
}

.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent,
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	height: 90px;
	width: 90px;
	top: 15px;
}

.camera_wrap .camera_pag .camera_pag_ul li > span {
	background: rgba(54, 98, 223, 0.85);
	border-radius: 50%;
	height: 62px;
	left: 0px;
	top: 0px;
	width: 62px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.camera_wrap .camera_pag .camera_pag_ul li,
.camera_wrap .camera_pag .camera_pag_ul li > span {
	border-radius: 50%;
	height: 62px;
	width: 62px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.camera_wrap .camera_pag .camera_pag_ul li {
	margin: 0 8px 40px 8px;
}

/* 
[ 4. Home Version's ]
===================================== */

/* Home Version One 
===================*/

header {
	position: relative;
}

header .header-one {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
	padding: 50px 0 0 0;
}

.header-one .logo {
	width: 360px;
  width: 450px;
  margin-top: 2px;
}

/* Expanded Info
---------------- */

.expand-icon i {
	color: #fff;
	cursor: pointer;
	font-size: 24px;
	height: 30px;
	line-height: 30px;
	margin-left: 50px;
	margin-top: 5px;
	text-align: center;
	width: 30px;
}

.info-expand {
	height: 100%;
	padding: 110px 80px 0 40px;
	position: fixed;
	right: -100%;
	top: 0;
	width: 392px;
	-webkit-transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
	transition: all 0.8s ease 0s;
	z-index: 99999;
	-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
	overflow-y: auto;
}

.info-expand.slide_right {
	right: 0;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.close-expand {
	background: #f1f1f1 none repeat scroll 0 0;
	color: #6d6d6d;
	cursor: pointer;
	font-size: 22px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 40px;
}

.close-expand:hover {
	color: #ffffff;
	background: #3662df;
}

.info-expand h3 {
	color: #5f5f5f;
	font-size: 22px;
}

.about > p {
	color: #969696;
	line-height: 22px;
}

.contact li,
.contact li a {
	color: #999999;
	font-weight: 300;
	line-height: 30px;
}

.contact li span {
	color: #717171;
	font-size: 16px;
	font-weight: 400;
}

.contact li a {
	text-transform: lowercase;
}

.contact li a:hover {
	color: #3662df;
}

.info-expand form {
	position: relative;
}

.info-expand .subscribe_form > input {
	border-radius: 5px;
	color: #aaaaaa;
	font-size: 12px;
	height: 40px;
	padding: 0 6px 0 15px;
}

.info-expand .subscribe_form > button,
.info-expand .subscribe_form > input {
	background: #f1f1f1 none repeat scroll 0 0;
	line-height: 40px;
}

.info-expand .subscribe_form > button {
	border-left: 1px solid #ffffff;
	border-radius: 0 6px 6px 0;
	color: #616161;
	font-size: 18px;
	width: 50px;
}

.info-expand .social-icon li a {
	color: #4d4d4d;
}

.info-expand .social-icon.style1 li a::after {
	background: #3662df none repeat scroll 0 0;
}

.info-expand .social-icon.style1 li a:hover {
	color: #ffffff;
}

/* Search Box
-------------- */

.search-expend .search-form {
	position: absolute;
	right: 0;
	top: 66px;
	z-index: 99;
	width: 0%;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.search-expend .search-form {
	visibility: hidden;
	opacity: 0;
}

.open .search-form {
	opacity: 1;
	visibility: visible;
	width: 100%;
	padding: 0 15px;
}

.search-box i {
	color: #fff;
	cursor: pointer;
	font-size: 24px;
	line-height: 40px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-align: right;
	width: 30px;
}

.open.search-box i.zmdi-search::before {
	content: '\f136';
}

.search-form button,
.search-form input {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #555555;
	color: #dddddd;
	height: 50px;
	padding: 0 0 0 20px;
}

.search-form input[type='text'] {
	width: 90%;
}

.search-form button[type='submit'],
.search-form input[type='submit'] {
	margin-left: -5px;
	width: 10%;
	padding: 0px;
}

.search-box.btn-group {
	position: static;
	margin-right: 40px;
}

.search-popup.outer-menu .hamburger {
	width: 30px;
	left: -45px;
	/* left: -3px; */
	text-align: center;
}

.search-popup.outer-menu .checkbox-toggle {
	left: -42px;
	/* left: 0px; */
}




.search-popup.outer-menu .checkbox-toggle:hover + .hamburger {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.search-popup .hamburger > i {
	font-size: 20px;
	line-height: 15px;
}

.search-popup .hamburger > i,
.is-sticky .checkbox-toggle:checked + .hamburger > i,
.is-sticky .search-popup .hamburger > i {
	color: #f1f1f1;
}

.is-sticky .search-popup .hamburger > i {
	color: #333333;
}

.search-popup .checkbox-toggle:checked + .hamburger > i::before {
	content: '\f136';
}

.search-popup.outer-menu .menu > .inner > .sub-inner {
	overflow-y: unset;
}

.search-popup .search-social {
	width: 600px;
}

.search-popup .search-form button,
.search-popup .search-form input {
	border: 0;
	border-bottom: 1px solid #444444;
	color: #efefef;
	padding: 10px 0 0 0px;
	font-size: 18px;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.search-popup .search-form input[type='text'] {
	width: 85%;
}

.search-popup .search-form input[type='text']:focus + button,
.search-popup .search-form input[type='text']:focus {
	border-color: #dddddd;
}

.search-popup input[type='text']:focus::-moz-placeholder {
	opacity: 0.5;
}

.search-popup input[type='text']::-webkit-input-placeholder {
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.search-popup input[type='text']:focus::-webkit-input-placeholder {
	opacity: 0.5;
	padding-left: 10px;
}

.search-popup input[type='text']::-ms-input-placeholder {
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.search-popup input[type='text']:focus::-ms-input-placeholder {
	opacity: 0.5;
	padding-left: 10px;
}

.search-popup .search-form button[type='submit'] {
	width: 15%;
	font-size: 22px;
	padding-top: 6px;
	-webkit-padding-before: 10px;
}

/* Main-slider */

.mainslider .text-container {
	-moz-box-align: center;
	-moz-box-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
}

.mainslider-text > h2 {
	font-size: 40px;
}

.mainslider-text h1 {
	font-size: 72px;
	font-weight: 700;
}

.mainslider-text p {
	color: #f4f4f4;
	font-size: 16px;
	font-weight: 300;
	line-height: 28px;
}

.mainslider .btn {
	background-color: #ffffff;
	color: #4d4d4d;
	font-family: 'Montserrat';
	padding: 0 50px;
	line-height: 46px;
}

.mainslider .btn:hover {
	background-color: #3662df;
	color: #ffffff;
}

/* Awesome area */

.awesome-one {
	padding: 130px 0 87px;
}

.awesome-one .awesome-img {
	/* margin-right: -100px; */
}

.awesome-one .awesome-text {
	/* margin: 0 -30px 0 -122px; */
}

.awesome-text p {
	line-height: 25px;
}

.awesome-text h3,
.awesome-text h2 {
	color: #464545;
	font-weight: 600;
}

/* Searvices Section */

.service-one .mlr-minus {
	/* margin-left: -115px;
	margin-right: -115px; */
}

.single-service i {
	-webkit-box-shadow: 0 0 0 1px #d5d5d5 inset;
	box-shadow: 0 0 0 1px #d5d5d5 inset;
	border-radius: 50%;
	color: #fff;
	font-size: 26px;
	height: 63px;
	line-height: 63px;
	margin-bottom: 20px;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	position: relative;
	width: 63px;
}

.single-service:hover i {
	-webkit-box-shadow: 0 0 0 35px #ffffff inset;
	box-shadow: 0 0 0 35px #ffffff inset;
	color: #2662df;
}

.single-service i::after {
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	top: 0;
	width: 100%;
	border-radius: 100%;
	opacity: 0;
}

.single-service:hover i::after {
	opacity: 1;
}

/* Portfolio Section
------------------- */

/* Portfolio Menu*/

.social-icon,
.portfolio-menu {
	line-height: 0;
}

.portfolio-menu li {
	color: #4f4f4f;
	cursor: pointer;
	float: left;
	font-family: 'Montserrat';
	font-size: 12px;
	font-weight: 600;
	line-height: 23px;
	padding: 0 15px;
	margin: 0 1px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.portfolio-menu li.active,
.portfolio-menu li:hover {
	color: #ffffff;
	background: #3662df none repeat scroll 0 0;
}

.social-icon ul,
.portfolio-menu ul {
	display: inline-block;
}

.folio-title {
	bottom: 50px;
	left: 50px;
	position: absolute;
}

.grid-item .overlay::before,
.grid-item.overlay::before {
	opacity: 0;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.grid-item .overlay:hover::before,
.grid-item.overlay:hover::before {
	opacity: 1;
}

.folio-title {
	overflow: hidden;
	z-index: 2;
}

.folio-title hr,
.folio-title h2,
.folio-title p {
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.percent-25 .folio-title h2 {
	font-size: 24px;
}

.folio-title h2,
.folio-title p {
	opacity: 0;
	position: relative;
	left: -180px;
}

.folio-title p {
	font-size: 16px;
	line-height: 1;
}

.grid-item:hover .folio-title h2,
.grid-item:hover .folio-title p {
	left: 0px;
	opacity: 1;
}

.grid-item .folio-title h2:hover {
	color: #ccceee;
}

.folio-title hr {
	border-color: #fff;
	border-width: 2px;
	margin: 10px 0 0;
	width: 0px;
}

.grid-item:hover .folio-title hr {
	width: 100px;
}

.load-more {
	position: relative;
	top: 100%;
}

.load-more .btn {
	background-color: transparent;
	border: 1px solid #3662df;
	color: #3662df;
	line-height: 44px;
}

.load-more .btn:hover {
	background-color: #3662df;
	color: #ffffff;
}

.load-more .btn i {
	font-size: 20px;
	left: 5px;
	position: relative;
	top: 2px;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
	transition: all 0.9s ease 0s;
}

.load-more a.btn:hover i {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

/* About one 
--------------*/

.about-one .right {
	padding: 38px 70px;
}

.about-service {
	height: 260px;
}

.about-one .right .border-r {
	border-right: 2px solid #e5e5e5;
}

.about-one .right .border-b {
	border-bottom: 2px solid #e5e5e5;
}

.about-service .icon {
	overflow: hidden;
}

.about-service p {
	line-height: 26px;
}

.icon > img {
	margin-bottom: 15px;
}

.about-service h3 {
	color: #5b5b5b;
	overflow: hidden;
}

/* Video Section
--------------- */

.video-one .pull-left {
	padding-left: 127px;
	padding-right: 90px;
	padding-top: 45px;
	position: relative;
	width: 44%;
	z-index: 5;
}

.video-text h1 {
	font-family: 'Poppins';
	font-size: 37px;
	font-weight: 700;
	line-height: 47px;
	margin-bottom: 20px;
}

.video-text > p {
	color: #a6a6a6;
	line-height: 25px;
}

.video-one,
.video-one .right {
	position: relative;
}

.video-one::after {
	background: #f7f6f6 none repeat scroll 0 0;
	content: '';
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 47.7%;
	z-index: 1;
}

.video-one .right {
	z-index: 3;
}

.video-one .right .slick-list {
	padding-left: 0 !important;
	cursor: ew-resize;
}

.video-area .video-icon,
.video-slider .single-slide {
	display: inline-block;
	position: relative;
}

.video-icon .icon a,
.video-slider .single-slide .icon a {
	font-size: 60px;
	height: 60px;
	left: 0;
	margin: -30px auto 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	width: 60px;
	z-index: 2;
}

.vbox-overlay {
	cursor: url('../img/icons/close-x.png'), auto;
}

.vbox-overlay img {
	cursor: default;
}

/* Team section 
----------------*/

.single-member {
	position: relative;
	overflow: hidden;
}

.team-one .single-member .text {
	position: absolute;
	top: 50%;
	margin-top: -61px;
}

.team-one .single-member .text > p {
	color: #eee;
	font-weight: 300;
	margin-bottom: 18px;
	padding: 0 58px;
}

.team-one .single-member .name {
	bottom: -30%;
	position: absolute;
	width: 100%;
}

.team-one .single-member:hover .name {
	bottom: 0;
}

.team-one .single-member .name h4 {
	font-size: 20px;
	font-weight: 300;
}

.team-one .single-member:hover {
	-webkit-box-shadow: 0px 10px 36px 4px rgba(2, 2, 2, 0.2);
	box-shadow: 0px 10px 36px 4px rgba(2, 2, 2, 0.2);
}

.single-table,
.team-one .single-member.overlay::before,
.team-one .single-member .text,
.team-one .single-member .name,
.single-member {
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.team-one .single-member.overlay::before,
.team-one .single-member .text,
.team-one .single-member .name {
	opacity: 0;
}

.single-member:hover.overlay::before,
.single-member:hover .text,
.single-member:hover .name {
	opacity: 1;
}

/* Pricing Area
---------------- */

.single-table {
	border: 1px solid #eee;
	border-radius: 20px;
}

.single-table:hover,
.single-table.active {
	-webkit-box-shadow: 0px 10px 16px 4px rgba(2, 2, 2, 0.08);
	box-shadow: 0px 10px 16px 4px rgba(2, 2, 2, 0.08);
	border-color: transparent;
}

.single-table .head {
	height: 192px;
	padding-top: 50px;
	border-radius: 20px;
}

.single-table .head {
	border-radius: 20px;
	height: 192px;
	padding-top: 47px;
}

.single-table .head h3 {
	font-weight: 600;
}

.single-table .head p {
	font-family: 'Montserrat';
	font-weight: 300;
}

.single-table .circle {
	background: #2752cd none repeat scroll 0 0;
	border-radius: 50%;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(2, 2, 2, 0.4);
	box-shadow: 0px 2px 4px 0px rgba(2, 2, 2, 0.4);
	height: 112px;
	margin: -56px auto 0;
	width: 112px;
}

.single-table .circle h1 {
	font-weight: 700;
}

.single-table .circle sup {
	font-size: 16px;
	font-weight: 400;
}

.single-table .circle sub {
	font-size: 12px;
}

.single-table .content li {
	color: #777777;
	font-family: 'Montserrat';
	font-size: 15px;
	line-height: 36px;
}

.single-table a.btn {
	letter-spacing: 0.4px;
}

.active .btn-3 {
	background: #3662df;
	color: #ffffff;
}

.active .btn-3:hover {
	background: transparent;
	color: #3662df;
}

/* Testimonial Section
---------------------- */

.one-item-show {
	cursor: e-resize;
}

.testimonial-one .img img {
	border: 2px solid #d6d6d6;
	border-radius: 50%;
	display: inline-block;
}

.testimonial-one .content p {
	font-size: 18px;
	line-height: 30px;
}

.testimonial-one .content h4 {
	font-weight: 400;
}

/* Brand Logo Section 
---------------------*/

.single-brand {
	height: 140px;
}

.single-brand:hover {
	-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	opacity: 1;
}

.single-brand {
	opacity: 0.7;
}

.subscribe_form > button i,
.single-brand {
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

/* Blog Section
----------------- */

.single-blog > a {
	display: block;
}

.single-blog:hover {
	-webkit-box-shadow: 0px 10px 16px 4px rgba(2, 3, 3, 0.08);
	box-shadow: 0px 10px 16px 4px rgba(2, 3, 3, 0.08);
}

.blog-list .title-description a:hover h3,
.single-info i,
.single-blog,
.blog-title .right a,
.single-blog .date-comment,
.single-blog .blog-title h4,
.single-blog .blog-title h6,
.single-blog .blog-title {
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.single-blog:hover .date-comment,
.single-blog:hover .blog-title {
	background: #ffffff;
}

.single-blog .date-comment {
	border-bottom: 1px solid #595959;
}

.single-blog:hover .date-comment {
	border-color: #e4e4e4;
}

.blog-title {
	padding: 19px 20px 17px;
}

.blog-title h4 {
	color: #e7e7e7;
	line-height: 32px;
}

.single-blog:hover .blog-title h4,
.single-blog:hover .date-comment h6 {
	color: #727272;
}

.single-blog:hover .blog-title h4:hover {
	color: #333333;
}

.blog-title h4,
.date-comment h6 {
	font-weight: 400;
}

.date-comment h6 {
	color: #dadada;
	font-size: 12px;
	line-height: 1;
}

.date-comment h6 i {
	font-size: 14px;
	margin-right: 5px;
}

.blog-title .right a {
	background: #ffffff none repeat scroll 0 0;
	border-radius: 50%;
	color: #373737;
	display: block;
	font-size: 20px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	width: 33px;
}

.single-blog:hover .blog-title .right a:hover,
.blog-title .right a:hover {
	background: #373737 none repeat scroll 0 0;
	color: #ffffff;
}

.single-blog:hover .right a {
	background: #3662df none repeat scroll 0 0;
	color: #ffffff;
}

/* Promo Style Two
----------------- */

.promo-two .promo-text h1 {
	font-size: 38px;
	font-weight: 400;
	margin-bottom: 3px;
}

.promo-two .promo-text p {
	font-size: 18px;
	font-weight: 300;
}

/* Footer One
------------- */

.footer-one {
	padding-left: 140px;
	padding-right: 140px;
}

.footer-one .footer-logo {
	width: 24.7%;
}

.footer-logo a {
	display: block;
}

.footer-logo p {
	color: #e1e1e1;
	line-height: 26px;
}

.footer-one .footer-contact {
	width: 24.4%;
}

.footer-contact li,
.footer-contact li a {
	font-weight: 300;
	color: #a3a3a3;
	line-height: 26px;
}

.footer-contact li:first-child {
	margin-bottom: 15px;
}

.footer-contact li span {
	color: #e1e1e1;
	font-weight: 400;
	font-size: 16px;
}

.footer-contact li a {
	text-transform: lowercase;
}

.footer-one .footer-link {
	width: 12.2%;
}

.footer-link li a {
	font-size: 14px;
}

.footer-link li a,
.footer-tag a {
	color: #e1e1e1;
	line-height: 26px;
}

.footer-one .footer-tag {
	width: 17.6%;
}

.footer-one .footer-subscribe {
	width: 20.2%;
}

.footer-subscribe h4 {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 32px;
}

.subscribe_form > input {
	background: #ffffff none repeat scroll 0 0;
	border: 0 none;
	border-radius: 20px;
	color: #a0a0a0;
	font-size: 16px;
	height: 46px;
	line-height: 46px;
	padding: 0 6px 0 25px;
	width: 100%;
	font-family: 'Montserrat';
}

.footer-subscribe form {
	position: relative;
	width: 270px;
}

.subscribe_form > button {
	background: #3662df none repeat scroll 0 0;
	border: 0 none;
	border-radius: 0 20px 20px 0;
	color: #fff;
	font-size: 20px;
	height: 100%;
	line-height: 48px;
	position: absolute;
	right: -1px;
	top: 0;
	width: 70px;
}

.subscribe_form > button:hover i {
	padding-left: 10px;
}

.footer-contact li,
.copyright-text p,
.copyright-text p a {
	font-family: 'Montserrat';
}

.footer-contact li span,
.footer-tag a,
.copyright-text p a {
	text-transform: capitalize;
}

.copyright-text p,
.copyright-text p a {
	color: #909090;
	font-size: 13px;
	font-weight: 300;
}

.copyright-text p a {
	color: #ffffff;
}

.footer-link a:hover,
.footer-contact li a:hover,
.footer-tag a:hover,
.copyright-text p a:hover {
	color: #3662df;
}

/* Home Dark Version
===================*/

.dark-version .search-form {
	right: 75px;
	top: -4px;
}

.dark-version .open .search-form {
	width: 80%;
}

.dark-version.active-sticky.is-sticky .search-form {
	top: -4px;
}

.dark-version .search-form input {
	background: transparent none repeat scroll 0 0;
}

.dark-version.is-sticky .search-form input {
	color: #333333;
}

.main-slider-two .mainslider {
	margin-bottom: 0 !important;
}

.dark-version .single-service h4 {
	font-weight: 400;
}

.dark-version .single-service p {
	color: #cbcbcb;
}

/* Question Section 
-------------------*/

.right.accordion-one {
	margin-right: -30px;
}

.accordion-one .question h4 {
	color: #707070;
	padding: 18px 5px 18px 75px;
	font-weight: 300;
}

.accordion-one .question {
	cursor: pointer;
	height: 56px;
}

.accordion-one .answer {
	padding: 25px;
	border-top: 2px solid #1a1a1b;
}

.accordion-one .answer p {
	color: #969696;
}

.accordion-one .panel {
	width: 100%;
	position: relative;
}

.panel-group {
	margin-bottom: 0;
}

.panel-group .panel {
	border-radius: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0 none;
	float: none;
	background: transparent;
}

.panel-group .panel + .panel {
	margin-top: 2px;
}

.accordion-one .question::after {
	font-family: 'Material-Design-Iconic-Font';
	position: absolute;
	text-align: center;
	background: #3662df none repeat scroll 0 0;
	color: #fff;
	content: '\f278';
	font-size: 22px;
	height: 56px;
	line-height: 56px;
	top: 0;
	width: 60px;
	border-right: 2px solid #1a1a1b;
}

.accordion-one [aria-expanded='true'] .question:after {
	content: '\f273';
}

.accordion-one [data-target='#accordion-one1'] .question:after {
	content: '\f273';
}

.accordion-one [aria-expanded='false'] .question:after {
	content: '\f278' !important;
}

.dark-version.copyright-text p a:hover,
.dark-version .about-service h3 {
	color: #ffffff;
}

.dark-version .about-company > p,
.dark-version .about-service p {
	color: #9b9b9b;
}

.about-area.dark-version .left {
	padding: 120px 126px 120px 200px;
}

.dark-version .about-company h1 {
	font-size: 37px;
	font-weight: 500;
	font-family: 'Poppins';
}

.dark-version .about-company > p {
	line-height: 25px;
}

.about-company .btn.btn-1:hover {
	border-color: #fff;
	color: #fff;
}

.dark-version .social-icon.style1 li a::after {
	background: #151515 none repeat scroll 0 0;
}

/* Testimonial Two
------------------- */

.testimonial-two .text-box {
	border: 1px solid #bfbfbf;
	height: 220px;
	margin-left: 50px;
	display: table;
}

.testimonial-two .text-box .pull-left {
	margin-left: -50px;
	margin-right: 23px;
	width: 100px;
}

.testimonial-two .text-box h4 {
	font-size: 20px;
}

.testimonial-two .text-box h4 span {
	font-size: 12px;
}

.testimonial-two .text-box p {
	color: #9b9b9b;
}

@media (min-width: 320px) and (max-width: 479px) {
	.media-body {
		width: auto;
		overflow: visible;
		display: block;
	}
	.testimonial-two .text-box {
		height: 300px;
		margin-left: 25px;
		padding-left: 10px;
	}
}

.dark-version.copyright-text p {
	font-size: 13px;
}

.dark-version.copyright-text p a {
	color: #3662df;
}

/* 
[ 5. Pages ]
===================================== */

/* Pages Header */

.pages-header .header-one {
	z-index: 5;
}

.page-title h1 {
	font-size: 40px;
	font-weight: 700;
}

.breadcrumbs-menu li,
.breadcrumbs-menu li a {
	color: #fff;
	font-family: 'Montserrat';
	font-size: 14px;
	text-transform: uppercase;
}


.breadcrumbs-menu li {
	float: left;
	/* line-height: 90px; */
  padding: 45px 0;
}
@media screen and (max-width: 768px) {
  .breadcrumbs-menu li {
    float: left;
    padding: 20px 0;
  }
}

.breadcrumbs-menu li i {
	font-size: 20px;
	margin: 0 10px;
	position: relative;
	top: 2px;
}

.about-bizli .single-service:hover i,
.breadcrumbs-menu li a:hover {
	color: #3662df;
}

/* About Us Page 
===================*/

.about-bizli .about-title > h4 {
	color: #5b5b5b;
	font-size: 20px;
}

.about-bizli .about-title > h1 {
	color: #494949;
	font-size: 40px;
}

.about-bizli .about-title > p {
	color: #959595;
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
}

.about-bizli .single-service i {
	color: #8d8d8d;
}

.about-bizli .single-service h4 {
	color: #767676;
	font-weight: 400;
}

.about-bizli .single-service p {
	color: #a4a4a4;
}

.about-two .right {
	padding-left: 60px;
}

.about-two .about-text {
	width: 480px;
}

.about-two .about-text h5 {
	color: #c4c4c4;
	font-size: 15px;
	font-weight: 400;
}

.about-two .about-text h2 {
	font-size: 26px;
	font-weight: 700;
}

.about-two .about-text > p {
	color: #b8b8b8;
	font-size: 15px;
	font-weight: 300;
	line-height: 25px;
	margin-bottom: 30px;
}

.bar-container {
	width: 100%;
	background-color: #494949;
}

.skills {
	text-align: right;
	padding-right: 5px;
	line-height: 5px;
	border-radius: 3px;
	background-color: #4a71e2;
}

.skills.creative {
	width: 80%;
}

.skills.web {
	width: 90%;
}

.skills.branding {
	width: 70%;
}

.single-skill {
	padding-right: 5px;
}

.single-skill > p {
	margin-bottom: 10px;
	font-size: 15px;
}

.skills > span,
.single-skill > p {
	color: #dddddd;
	font-weight: 300;
}

.skills > span {
	position: relative;
	top: -22px;
	font-size: 13px;
}

/* Portfolio Details
====================*/

.portfolio-details .section-title h4 {
	color: #515151;
	font-weight: 700;
}

.portfolio-details .horizontal-line div {
	background: #898989 none repeat scroll 0 0;
	height: 1px;
	margin: 0;
	width: 90px;
}

.portfolio-details .horizontal-line div.top {
	margin-bottom: 3px;
	width: 50px;
}

.pinancial-box .section-title h4 {
	color: #fff;
}

.pinancial-box .social-icon.style1 li a::after,
.pinancial-box .horizontal-line div {
	background: #ffffff none repeat scroll 0 0;
}

.about-project > p {
	color: #9c9c9c;
	font-size: 15px;
	line-height: 28px;
	padding-right: 20px;
}

.pinancial-box {
	padding: 35px 20px 55px 40px;
}

.pinancial-box li p,
.pinancial-box li {
	color: #f6f6f6;
	font-size: 15px;
	line-height: 28px;
}

.pinancial-box li span {
	display: block;
	float: left;
	width: 110px;
}

.pinancial-box li p {
	overflow: hidden;
}

.pinancial-box .social-icon.style1 li a:hover {
	color: #3662df;
}

.related-project .folio-title {
	bottom: 30px;
	left: 20px;
	position: absolute;
}

.related-project .folio-title h2 {
	font-size: 22px;
}

/* Services Page 
===================*/

.service-two .mb-40 {
	margin-bottom: 40px;
}

.service-two .single-service i {
	-webkit-box-shadow: 0 0 0 1px #dddddd inset;
	box-shadow: 0 0 0 1px #dddddd inset;
	color: #3662df;
	float: left;
	font-size: 28px;
	height: 60px;
	line-height: 60px;
	margin-bottom: 0;
	margin-right: 25px;
	width: 60px;
	text-align: center;
}

.service-two .single-service:hover i {
	-webkit-box-shadow: 0 0 0 35px #3662df inset;
	box-shadow: 0 0 0 35px #3662df inset;
	color: #ffffff;
}

.service-two .single-service h3 {
	color: #7b7b7b;
	font-size: 20px;
}

.single-service hr.line {
	background: #b3b3b3 none repeat scroll 0 0;
	margin: 0 0 10px;
	width: 60px;
}

.service-two .media-body > p {
	color: #a3a3a3;
	font-size: 13px;
	line-height: 23px;
}

/* Contact Us 
===================*/

.single-input,
.contact-box {
	position: relative;
}

.contact-box {
	-webkit-box-shadow: 0 2px 5px 0 rgba(1, 1, 1, 0.3);
	box-shadow: 0 2px 5px 0 rgba(1, 1, 1, 0.3);
	margin-bottom: -165px;
	padding: 110px 145px 80px;
	z-index: 2;
}

.comment-form .custom-input input,
.contact-box input {
	height: 32px;
	line-height: 32px;
}

.comment-form .custom-input input,
.comment-form .custom-input textarea,
.contact-box input {
	border: 0;
	border-bottom: 1px solid #d9d9d9;
	padding: 0;
}

.contact-box .single-input {
	float: left;
	width: 220px;
	margin-right: 110px;
}

.contact-box .single-input.mr-0 {
	margin-right: 0;
}

.contact-box textarea {
	margin-top: 50px;
	margin-bottom: 45px;
}

.comment-form button.btn,
.contact-box button.btn {
	border-radius: 0;
	display: block;
	font-family: 'Montserrat';
	font-weight: 400;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	padding: 0 40px;
	text-transform: uppercase;
	border: 1px solid transparent;
}

.comment-form button.btn:hover,
.contact-box button.btn:hover {
	background: transparent;
	border-color: #3662df;
	color: #3662df;
}

#googleMap.google-map {
	height: 650px;
	width: 100%;
}

/* Contact Form Validation */

.contact_form label.error {
	background: #3662df none repeat scroll 0 0;
	bottom: 100%;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	left: 0;
	line-height: 18px;
	padding: 10px;
	position: absolute;
	right: 0;
	text-align: left;
}

.contact_form label.error:after {
	border-color: #3662df rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	border-style: solid;
	border-width: 5px 5px 0;
	bottom: -5px;
	content: '';
	height: 0;
	left: 94%;
	position: absolute;
	width: 0;
}

.contact_form input.error,
.contact_form input.valid {
	background-position: right center;
	background-repeat: no-repeat;
}

.contact_form input.error {
	background-image: url('../img/icons/invalid.png');
}

.contact_form input.valid {
	background-image: url('../img/icons/valid.png');
}

.contact_form label.valid {
	display: none !important;
}

/* Contact Info */

.blog-list .title-description a:hover h3,
.single-info p a:hover,
.single-info i {
	color: #3662df;
}

.single-info i {
	-webkit-box-shadow: 0 0 0 1px #3662df inset;
	box-shadow: 0 0 0 1px #3662df inset;
	border-radius: 50%;
	float: left;
	font-size: 24px;
	height: 47px;
	line-height: 47px;
	margin-right: 15px;
	text-align: center;
	width: 47px;
}

.single-info:hover i {
	-webkit-box-shadow: 0 0 0 40px #3662df inset;
	box-shadow: 0 0 0 40px #3662df inset;
	color: #ffffff;
}

.single-info h4 {
	color: #575757;
	margin-bottom: 0;
}

.single-info p,
.single-info p a {
	color: #848383;
	font-family: 'Montserrat';
	text-transform: lowercase;
	font-size: 16px;
}

.single-info p {
	text-transform: capitalize;
}

.single-info.phone {
	padding-left: 133px;
	width: 41%;
}

.single-info.email {
	width: 27%;
}

.single-info.location {
	width: 32%;
}

.info-area {
	margin-top: 84px;
}

.contact-info {
	-webkit-box-shadow: 0 2px 5px 0 rgba(1, 1, 1, 0.4);
	box-shadow: 0 2px 5px 0 rgba(1, 1, 1, 0.4);
	margin-top: -84px;
}

/* Blog Pages
===================*/

.blog-list .title-description {
	border-top: 0 none;
	padding: 40px 30px 30px;
}

.blog-list .title-description > a {
	border-bottom: 1px solid #646464;
	color: #646464;
	padding-bottom: 2px;
	font-size: 12px;
}

.blog-list .title-description > a:hover {
	border-color: #3662df;
}

.blog-list .date-comment h6 {
	color: #8a8a8a;
	line-height: 40px;
}

.blog-list .date-comment h6 i {
	color: #8b8b8b;
}

/* Pagnation */

.pagnation-ul a {
	border: 1px solid #979797;
	border-radius: 50%;
	color: #979797;
	display: block;
	height: 27px;
	line-height: 27px;
	width: 27px;
}

.pagnation-ul a i {
	font-size: 18px;
	line-height: 26px;
}

.pagnation-ul li {
	float: left;
	margin: 0 5px;
}

.pagnation-ul li a:hover,
.pagnation-ul li.active a {
	background: #3662df;
	border-color: transparent;
	color: #ffffff;
}

.pagnation-ul ul {
	display: inline-block;
}

/* Sidebar */

.sidebar h3 {
	color: #575757;
}

.sidebar .horizontal-line div {
	margin: 0;
}

.sidebar .horizontal-line div.top {
	margin-bottom: 3px;
}

.sidebar .catagories li a {
	line-height: 30px;
}

.sidebar .tag li a,
.sidebar .catagories li a {
	color: #727272;
	font-family: 'Poppins';
	text-transform: capitalize;
}

.sidebar .catagories li a i {
	color: #575757;
	font-size: 18px;
	margin-right: 10px;
	position: relative;
	top: 1px;
}

.blog-list .title-description > a:hover,
.details-content .social-icon li a:hover,
.sidebar .catagories li a:hover {
	color: #3662df;
}

.sidebar .tag li {
	float: left;
	margin-bottom: 10px;
}

.sidebar .tag li a {
	border-radius: 15px;
	display: block;
	line-height: 32px;
	padding: 0 20px;
	margin-right: 10px;
	background: #f5f5f5 none repeat scroll 0 0;
}

.sidebar .tag li a:hover {
	background: #3662df none repeat scroll 0 0;
	color: #ffffff;
}

/* Blog Details 
===================*/

.comment-style p,
.details-content .date-comment h6 {
	color: #848484;
}

.details-content .date-comment h6 {
	line-height: 40px;
}

.details-content .date-comment h6 i {
	color: #808080;
}

.blog-list .date-comment span,
.details-content .date-comment span {
	padding-right: 20px;
}

.title-description {
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
}

.title-description h3 {
	color: #646464;
}

.details-content .title-description h3 {
	font-size: 26px;
}

.title-description > p {
	color: #808080;
	line-height: 26px;
	margin-bottom: 20px;
}

.details-content .social-icon li a {
	font-size: 14px;
	height: auto;
	line-height: 1;
	width: auto;
}

.details-content .social-icon li a,
.details-content .social-icon > p {
	color: #646464;
}

.details-content .social-icon > p {
	color: #646464;
	float: left;
	line-height: 1;
	margin-right: 10px;
}

.all-comments .media-body .pull-right p,
.details-content .social-icon > p {
	font-family: 'Montserrat';
}

.admin-comment {
	padding: 30px 40px 40px;
}

.comment-style h5,
.comment-style h6 {
	color: #646464;
	font-weight: 400;
}

.all-comments {
	padding: 60px 0 50px 40px;
}

.all-comments .media-body p {
	font-size: 13px;
	font-weight: 300;
	line-height: 22px;
}

.all-comments .media-body h4 {
	color: #555555;
	font-weight: 400;
}

.all-comments .media-body a {
	color: #3662df;
	font-weight: 300;
	text-transform: capitalize;
}

.all-comments .media-body a:hover {
	color: #333333;
}

.reply-comment {
	margin-right: -40px;
	padding: 30px 0 30px 20px;
}

.comment-form .custom-input input,
.comment-form .custom-input textarea {
	color: #9b9b9b;
	font-family: 'Montserrat';
	font-size: 13px;
}

.comment-form button.btn {
	margin: 40px 0 0 0;
}

/* 
[ 6. ScrollUp ]
===================================*/

#scrollUp {
	background: #3662df none repeat scroll 0 0;
	bottom: 54px;
	height: 40px;
	right: 20px;
	text-align: center;
	width: 35px;
}

#scrollUp i {
	color: #fff;
	font-size: 28px;
	line-height: 40px;
	text-align: center;
}

#scrollUp:hover {
	background: #4369d6 none repeat scroll 0 0;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

/*====================================================================
							[ END ]
======================================================================*/