/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Banner Section
6.  Product Section
7.  Intagram Section
8.  Latest Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/

html,
body {
	height: 100%;
	font-family: "Bai Jamjuree", sans-serif;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Rubik", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

.note{
	font-family: italic;
}

p {
	font-size: 16px;
	font-family: "Bai Jamjuree", sans-serif;
	color: #111111;
	font-weight: 400;
	line-height: 28px;
	margin: 0 0 15px 0;
}

.fele{
	font-size: 25px;
	font-family: "Bai Jamjuree", sans-serif;
	color: #111111;
	font-weight: 400;
	line-height: 28px;
	margin: 0 0 15px 0;
}

.fel {
	width: 100%;
	max-width: 400px;
	height: auto;
	border-radius: 500px;
	display: block;
	margin: 0 auto;
	color: #9494b8;
  }

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a {
	text-decoration: none;
}

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


/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 50px;
}

.section-title span {
	font-size: 16px;
	color: #287ff9;
	font-weight: 700;
	letter-spacing: 4px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 16px;
}

.section-title h2 {
	color: #111111;
	font-size: 40px;
	font-weight: 500;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

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

/* buttons */

.primary-btn {
	font-size: 14px;
	color: #000000 !important;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	background: #ffd823;
	border-radius: 50px;
	padding: 14px 40px;
	display: inline-block;
}

.site-btn {
	border: none;
	display: inline-block;
	background: rgba(255, 215, 35, 0.3);
	color: #111111;
	font-size: 14px;
	font-family: "Rubik", sans-serif;
	font-weight: 500;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-radius: 50px;
	padding: 12px 40px 10px;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #d8f436;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #bdb9c5;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #2519c7;
		border-left-color: transparent;
	}
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont3e6e.eot?v=4.7.0');src:url('../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont3e6e.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont3e6e.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont3e6e.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont3e6e.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-search:before{content:"\f002"}.fa-heart:before{content:"\f004"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-youtube-play:before{content:"\f16a"}.fa-instagram:before{content:"\f16d"}.fa-send:before{content:"\f1d8"}


/*---------------------
  Header
-----------------------*/

.header {
	background: #ffff;
}

.header__logo {
	padding: 24px 0;
}

.header__logo a {
	display: inline-block;
	height: 1%;
}

.header__menu {
	text-align: center;
	font-size: 20px;
}

.header__menu ul li {
	list-style: none;
	display: inline-block;
	margin-right: 45px;
	position: relative;
	font-size: 25px;
}

.header__menu ul li.active a {
	color: #ffd823;
	font-size: 24px;
}

.header__menu ul li:hover a {
	color: #287ff9;
}

.header__menu ul li:hover .dropdown {
	top: 70px;
	visibility: visible;
}

.header__menu ul li:last-child {
	margin-right: 0;
}

.header__menu ul li .dropdown {
	position: absolute;
	left: 0;
	top: 100px;
	width: 160px;
	background: #ffd823;
	text-align: left;
	padding: 5px 0;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
	-webkit-box-shadow: 0 9px 50px rgba(211, 245, 21, 0.1);
	box-shadow: 0 9px 50px rgba(0, 0, 0, 0.1);
}

.header__menu ul li .dropdown li {
	display: block;
	margin-right: 0;
	float: none;
}

.header__menu ul li .dropdown li a {
	font-size: 14px;
	color: #111111;
	font-weight: 700;
	padding: 5px 20px;
	text-transform: capitalize;
}

.header__menu ul li .dropdown li a:after {
	display: none;
}

.header__menu ul li a {
	font-size: 16px;
	color: #287ff9;
	display: block;
	padding: 32px 0 33px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.header__menu ul li a:hover{
	font-size: 16px;
	color: #ffd723;
	display: block;
	padding: 32px 0 33px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.header__top__btn {
	padding: 20px 0;
	text-align: right;
}

.header__top__btn a {
	padding: 14px 35px;
}

/*---------------------
  Hero
-----------------------*/

.hero {
	height: 702px;
	padding-top: 120px;
}

.hero__text {
	width: 603px;
	height: 409px;
	padding: 90px 50px 80px 70px;
	margin-left: -70px;
}

.hero__text span {
	font-size: 16px;
	color: #287ff9;
	font-weight: 700;
	letter-spacing: 4px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 15px;
}

.hero__text h2 {
	color: #111111;
	font-size: 42px;
	font-weight: 500;
	line-height: 54px;
	margin-bottom: 32px;
}

/*---------------------
  Choose Us
-----------------------*/

.chooseus {
	padding-bottom: 60px;
}

.chooseus__item {
	text-align: center;
	padding-top: 26px;
	height: 274px;
	position: relative;
	z-index: 1;
	margin-bottom: 40px;
}

.chooseus__item:after {
	position: absolute;
	left: 46px;
	right: 0;
	top: 0;
	background: url(../img/services/sm-shape-1.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 92px;
	height: 70px;
	content: "";
	margin: 0 auto;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
	z-index: -1;
}

.chooseus__item:hover:after {
	width: 360px;
	height: 274px;
	left: 0;
}

.chooseus__item.second__item:after {
	background: url(../img/services/sm-shape-2.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.chooseus__item.third__item:after {
	background: url(../img/services/sm-shape-3.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.chooseus__item h4 {
	color: #111111;
	font-weight: 500;
	margin-bottom: 12px;
	margin-top: 30px;
}

.chooseus__item p {
	color: #444444;
	margin-bottom: 0;
}

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

.testimonial {
	height: 536px;
}

.testimonial__slider.owl-carousel .col-lg-6 {
	max-width: 100%;
}

.testimonial__slider.owl-carousel .owl-nav button {
	font-size: 16px;
	font-family: "Rubik", sans-serif;
	color: #ffffff;
	letter-spacing: 2px;
	text-transform: uppercase;
	position: absolute;
	left: -100px;
	top: 52%;
}

.testimonial__slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: -100px;
}

.testimonial__slider.owl-carousel .owl-nav button.owl-next:after {
	background: url(../img/testimonial/next.png);
}

.testimonial__slider.owl-carousel .owl-nav button:after {
	position: absolute;
	left: -24px;
	top: -24px;
	height: 70px;
	width: 90px;
	background: url(../img/testimonial/prev.png);
	content: "";
}

.testimonial__author {
	margin-bottom: 20px;
}

.testimonial__author__pic {
	width: 90px;
	height: 90px;
	margin: 0 auto;
	position: relative;
}

.testimonial__author__pic img {
	border-radius: 50%;
	min-width: 100%;
}

.testimonial__author__pic span {
	font-size: 30px;
	background: #ffd823;
	color: #ffffff;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
}

.testimonial__item {
	text-align: center;
}

.testimonial__item p {
	font-size: 18px;
	color: #ffffff;
	font-style: italic;
	line-height: 32px;
	margin-bottom: 30px;
}

.testimonial__item h5 {
	color: #ffffff;
	font-weight: 500;
	text-transform: uppercase;
}

.testimonial__item .rating span {
	font-size: 12px;
	color: #ffd823;
	margin-right: -4px;
}


/*---------------------
  Work
-----------------------*/

.work {
	padding-bottom: 60px;
}

.work__item {
	text-align: center;
	margin-bottom: 40px;
}

.work__item:hover .work__item__icon .icon {
	background: #ffffff;
}

.work__item:hover .work__item__icon .icon i {
	color: #287ff9;
}

.work__item h5 {
	color: #111111;
	font-size: 20px;
	font-weight: 500;
	margin-top: 36px;
	margin-bottom: 12px;
}

.work__item p {
	margin-bottom: 0;
}

.work__item__icon {
	position: relative;
}

.work__item__icon .icon {
	height: 170px;
	width: 170px;
	background: #287ff9;
	border-radius: 50%;
	margin: 0 auto;
	line-height: 170px;
	text-align: center;
	position: relative;
	-webkit-box-shadow: 3px 0px 5px rgba(223, 223, 224, 0.5);
	box-shadow: 3px 0px 5px rgba(223, 223, 224, 0.5);
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.work__item__icon .icon span {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 20px;
	color: #111111;
	font-weight: 700;
	background: #ffd823;
	display: inline-block;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
}

.work__item__icon .icon i {
	color: #ffffff;
	display: inline-block;
}

.work__item__icon .icon [class^=flaticon-]:before,
.work__item__icon .icon [class*=" flaticon-"]:before,
.work__item__icon .icon [class^=flaticon-]:after,
.work__item__icon .icon [class*=" flaticon-"]:after {
	font-size: 62px;
}

/*---------------------
  Call To Action
-----------------------*/

.callto {
	padding-top: 30px;
	padding-bottom: 25px;
}

.callto__text {
	padding-left: 90px;
	position: relative;
}

.callto__text span {
	font-size: 59px;
	color: #ffffff;
	position: absolute;
	left: 0;
	top: 0;
}

.callto__text h3 {
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 5px;
}

.callto__text p {
	margin-bottom: 0;
	color: #ffffff;
}

.callto__num {
	font-size: 40px;
	color: #ffd823;
	font-weight: 700;
	text-align: right;
	padding-top: 5px;
}

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

.footer {
	background: #ffff;
	padding-top: 70px;
}

.footer__about {
	margin-bottom: 30px;
}

.footer__about .footer__logo {
	margin-bottom: 22px;
}

.footer__about .footer__logo a {
	display: inline-block;
}

.footer__about ul li {
	list-style: none;
	font-size: 15px;
	color: #287ff9;
	line-height: 26px;
	margin-bottom: 15px;
}

.footer__about ul li:last-child {
	margin-bottom: 0;
}

.footer__about ul li span {
	color: #287ff9;
}

.footer__widget {
	margin-bottom: 30px;
}

.footer__widget h5 {
	color: #ffd823;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 35px;
}

.footer__widget ul li {
	list-style: none;
	margin-bottom: 8px;
}

.footer__widget ul li:last-child {
	margin-bottom: 0;
}

.footer__widget ul li a {
	font-size: 15px;
	color: #287ff9;
}

.footer__widget p {
	color: #287ff9;
	font-size: 15px;
	line-height: 26px;
}

.footer__widget form {
	position: relative;
}

.footer__widget form input {
	font-size: 14px;
	color: #000;
	height: 48px;
	width: 100%;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	background: transparent;
}

.footer__widget form input::-webkit-input-placeholder {
	color: #0000;
}

.footer__widget form input::-moz-placeholder {
	color: #0000;
}

.footer__widget form input:-ms-input-placeholder {
	color: #0000;
}

.footer__widget form input::-ms-input-placeholder {
	color: #0000;
}

.footer__widget form input::placeholder {
	color: #ffd823;
}

.footer__widget form button {
	font-size: 18px;
	color: #287ff9;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	background: transparent;
	border: none;
}

.footer__copyright {
	background: #142134;
	padding: 15px 0;
	margin-top: 30px;
}

.footer__copyright p {
	font-size: 15px;
	color: #b1b1b1;
	margin-bottom: 0;
}

.footer__copyright p i {
	color: #ffd823;
}

.footer__copyright p a {
	color: #ffd823;
}

.footer__copyright .footer__copyright__social {
	text-align: right;
}

.footer__copyright .footer__copyright__social a {
	font-size: 18px;
	color: #ffffff;
	margin-right: 24px;
}

.footer__copyright .footer__copyright__social a:last-child {
	margin-right: 0;
}

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

.about {
	padding-bottom: 60px;
}

.about__pic {
	margin-bottom: 0px;
	border-radius: 150%;
}

.about__image{
	border-radius: 12px;
}

.about__logo{
	margin-bottom: 10%;
}

.about__text {
	padding-top: 70px;
	margin-bottom: 40px;
	padding-left: 20px;
}

.about__text .section-title {
	margin-bottom: 32px;
}

.about__text p {
	margin-bottom: 42px;
}

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb__option {
	height: 308px;
	padding-top: 110px;
}

.breadcrumb__text {
	position: relative;
	z-index: 1;
	margin-left: 48px;
}

.breadcrumb__text:after {
	position: absolute;
	left: -48px;
	top: -40px;
	width: 270px;
	height: 165px;
	background: url(../img/shape.png);
	content: "";
	z-index: -1;
}

.breadcrumb__text h2 {
	color: #111111;
	font-size: 40px;
	font-weight: 500;
}

.breadcrumb__links a {
	font-size: 16px;
	color: #111111;
	display: inline-block;
	margin-right: 24px;
	position: relative;
	opacity: 0.7;
}

.breadcrumb__links a:after {
	position: absolute;
	right: -16px;
	top: 1px;
	content: "|";
	color: #888888;
}

.breadcrumb__links span {
	font-size: 16px;
	color: #287ff9;
	display: inline-block;
}

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

.pricing {
	padding-bottom: 70px;
}

.pricing__item {
	-webkit-box-shadow: 3px 0px 10px rgba(64, 83, 110, 0.1);
	box-shadow: 3px 0px 10px rgba(64, 83, 110, 0.1);
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-bottom: 30px;
}

.pricing__item:hover {
	-webkit-box-shadow: 3px 0px 40px rgba(64, 83, 110, 0.1);
	box-shadow: 3px 0px 40px rgba(64, 83, 110, 0.1);
}

.pricing__item:hover .primary-btn {
	background: #ffd823;
}

.pricing__item__top {
	text-align: center;
	height: 218px;
	padding: 38px 30px 0;
}

.pricing__item__top h5 {
	font-size: 20px;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 18px;
}

.pricing__item__top h2 {
	color: #ffffff;
	font-size: 50px;
	font-weight: 500;
}

.pricing__item__top span {
	color: #ffffff;
	display: block;
	font-size: 16px;
}

.pricing__item__text {
	text-align: center;
	padding: 40px 30px 50px;
}

.pricing__item__text ul {
	margin-bottom: 45px;
}

.pricing__item__text ul li {
	list-style: none;
	font-size: 16px;
	color: #111111;
	margin-bottom: 16px;
}

.pricing__item__text ul li:last-child {
	margin-bottom: 0;
}

.pricing__item__text .primary-btn {
	background: rgba(255, 215, 35, 0.3);
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

/*---------------------
  Services
-----------------------*/

.services {
	overflow: hidden;
}

.services__top {
	padding-top: 145px;
	padding-bottom: 130px;
}

.right__btn {
	text-align: right;
	margin-bottom: 50px;
}

.services__content {
	padding-left: calc(((100% - 1200px) / 2));
	margin-top: -135px;
	background-image: url(../img/team/right.png);
}

.Customers__content {
	padding-left: calc(((100% - 1200px) / 2));
	margin-top: -135px;
}

.services__slider {
	padding-left: 30px;
	position: relative;
}

.services__slider:after {
	position: absolute;
	left: 30px;
	bottom: 5px;
	width: 100%;
	height: 2px;
	background: rgba(40, 127, 249, 0.2);
	content: "";
	z-index: -1;
}

.services__slider.owl-carousel .owl-stage {
	margin-left: -125px;
}

.services__slider.owl-carousel .owl-dots {
	display: inline-block;
	background: #ffffff;
	padding-right: 20px;
	margin-top: 25px;
}

.services__slider.owl-carousel .owl-dots button {
	width: 50px;
	height: 4px;
	background: rgba(40, 127, 249, 0.2);
	border-radius: 50px;
	margin-right: 10px;
}

.services__slider.owl-carousel .owl-dots button.active {
	background: #287ff9;
}

.services__slider.owl-carousel .owl-dots button:last-child {
	margin-right: 0;
}

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

.services__item:hover .services__item__hover {
	bottom: 0;
}

.services__item__hover h5 {
	color: #111111;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 6px;
}

.services__item__hover span {
	color: #111111;
	font-size: 14px;
	display: block;
}

.services__item__hover a {
	height: 46px;
	width: 46px;
	border-radius: 50%;
	background: #ffffff;
	color: #111111;
	line-height: 54px;
	text-align: center;
	display: inline-block;
	position: absolute;
	right: 30px;
	top: 25px;
}

.services__item__hover a span {
	font-size: 24px;
	display: inline-block;
}

/*---------------------
  Services Page
-----------------------*/

.services__page {
	padding-bottom: 55px;
}

.services__page__item {
	margin-bottom: 35px;
}

.services__page__item img {
	min-width: 100%;
}

.services__page__item video {
	min-width: 100%;
}

.services__page__item:hover .services__page__item__text a {
	background: #ffd723;
}

.services__page__item__text {
	position: relative;
	padding-top: 22px;
	padding-right: 55px;
}

.services__page__item__text h5 {
	color: #111111;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 6px;
}

.services__page__item__text p {
	color: #111111;
	font-size: 14px;
	display: block;
	margin-bottom: 0;
}

.services__page__item__text p span {
	color: #287ff9;
	font-weight: 700;
}

.services__page__item__text a {
	height: 46px;
	width: 46px;
	border-radius: 50%;
	background: rgba(255, 215, 35, 0.3);
	color: #111111;
	line-height: 54px;
	text-align: center;
	display: inline-block;
	position: absolute;
	right: 0;
	top: calc(50% - 12px);
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.services__page__item__text a span {
	font-size: 24px;
	display: inline-block;
}

.services__sidebar {
	padding-right: 40px;
}

.services__sidebar__filter {
	-webkit-box-shadow: 3px 0px 20px rgba(223, 223, 224, 0.5);
	box-shadow: 3px 0px 20px rgba(223, 223, 224, 0.5);
	margin-bottom: 60px;
}

.services__sidebar__filter h4 {
	color: #ffffff;
	background: #287ff9;
	font-weight: 500;
	padding: 36px 30px 25px 50px;
}

.services__sidebar__filter ul {
	padding: 35px 30px 35px 50px;
}

.services__sidebar__filter ul li {
	list-style: none;
	margin-bottom: 16px;
}

.services__sidebar__filter ul li:last-child {
	margin-bottom: 0;
}

.services__sidebar__filter ul li a {
	display: block;
	font-size: 16px;
	color: #444444;
	position: relative;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.services__sidebar__filter ul li a:hover {
	color: #287ff9;
	padding-left: 25px;
}

.services__sidebar__filter ul li a:hover span {
	opacity: 1;
}

.services__sidebar__filter ul li a span {
	position: absolute;
	left: -1px;
	top: 4px;
	font-size: 16px;
	opacity: 0;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.services__sidebar__banner {
	position: relative;
	-webkit-box-shadow: 3px 0px 20px rgba(223, 223, 224, 0.5);
	box-shadow: 3px 0px 20px rgba(223, 223, 224, 0.5);
}

.services__sidebar__banner img {
	min-width: 10%;
}

.services__sidebar__banner__text {
	padding: 14px 50px;
	position: absolute;
	left: 50px;
	top: 465px;
	text-align: center;
	justify-content: center;
}

.services__sidebar__banner__text span {
	color: #000;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 20px;
}

.services__sidebar__banner__text h2 {
	font-size: 30px;
	font-family: "Rockville Solid Regular";
	color: #000;
	margin-bottom: 30px;
}

.services__sidebar__banner__text .primary-btn {
	padding: 12px 25px;
}

/*---------------------
  Services Details
-----------------------*/

.services__details__text {
	padding-bottom: 10px;
}

.services__details__text h3 {
	color: #111111;
	font-weight: 500;
	margin-bottom: 34px;
}

.services__details__text h3 span {
	color: #287ff9;
	text-transform: uppercase;
}

.services__details__text p {
	font-family: "Rubik", sans-serif;
	margin-bottom: 32px;
}

.services__details__text .services__details__pic {
	padding-bottom: 10px;
}

.services__details__text .services__details__pic img {
	min-width: 100%;
	margin-bottom: 20px;
}

.services__details__text h5 {
	color: #111111;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 30px;
}

.services__details__text .services__details__features {
	padding-bottom: 10px;
}

.services__details__text .services__details__features ul {
	margin-bottom: 25px;
}

.services__details__text .services__details__features ul li {
	list-style: none;
	font-size: 16px;
	color: #111111;
	font-family: "Rubik", sans-serif;
	margin-bottom: 16px;
}

.services__details__text .services__details__features ul li:last-child {
	margin-bottom: 0;
}

.services__details__text .services__details__features ul li span {
	color: #287ff9;
	margin-right: 4px;
}

.services__details__form {
	background: #f5f5f5;
	padding: 35px 50px 40px;
}

.services__details__form h5 {
	color: #111111;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 35px;
}

.services__details__form form input {
	width: 100%;
	height: 46px;
	padding-left: 20px;
	font-size: 15px;
	color: #111111;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	margin-bottom: 20px;
}

.services__details__form form input::-webkit-input-placeholder {
	color: #111111;
}

.services__details__form form input::-moz-placeholder {
	color: #111111;
}

.services__details__form form input:-ms-input-placeholder {
	color: #111111;
}

.services__details__form form input::-ms-input-placeholder {
	color: #111111;
}

.services__details__form form input::placeholder {
	color: #111111;
}

.services__details__form form .nice-select {
	float: none;
	height: 46px;
	line-height: 42px;
	padding-left: 20px;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	margin-bottom: 20px;
}

.services__details__form form .nice-select:after {
	border-bottom: 2px solid #888888;
	border-right: 2px solid #888888;
	height: 7px;
	right: 20px;
	width: 7px;
}

.services__details__form form .nice-select .list {
	width: 100%;
	margin-top: 0;
	border-radius: 0;
}

.services__details__form form .nice-select span {
	font-size: 15px;
	color: #111111;
}

.services__details__form form button {
	font-size: 14px;
	font-family: "Rubik", sans-serif;
	font-weight: 500;
	color: #111111;
	background: #ffd823;
	letter-spacing: 2px;
	text-transform: uppercase;
	width: 100%;
	border: none;
	padding: 12px 30px 10px;
	border-radius: 50px;
}

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

.latest {
	padding-bottom: 55px;
}

.blog__item {
	margin-bottom: 45px;
}

.blog__item__pic {
	position: relative;
}

.blog__item__pic img {
	min-width: 100%;
}

.blog__item__pic span {
	font-size: 14px;
	color: #111111;
	letter-spacing: 1px;
	display: inline-block;
	background: #ffd823;
	padding: 4px 10px 2px;
	position: absolute;
	left: 0;
	top: 20px;
}

.blog__item__text {
	padding-top: 24px;
}

.blog__item__text h5 {
	margin-bottom: 5px;
}

.blog__item__text h5 a {
	font-size: 20px;
	color: #000000;
	font-weight: 500;
	line-height: 28px;
	display: block;
}

.blog__item__text .label {
	display: inline-block;
	font-size: 13px;
	color: #111111;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: rgba(40, 127, 249, 0.15);
	padding: 2px 10px 1px;
	margin-right: 15px;
}

.blog__item__text ul {
	display: inline-block;
}

.blog__item__text ul li {
	list-style: none;
	font-size: 13px;
	color: #888888;
	display: inline-block;
	margin-right: 25px;
	position: relative;
}

.blog__item__text ul li:after {
	position: absolute;
	right: -17px;
	top: 0;
	content: "|";
	color: #888888;
}

.blog__item__text ul li:last-child {
	margin-right: 0;
}

.blog__item__text ul li:last-child:after {
	display: none;
}

.blog__more {
	background: rgba(255, 215, 35, 0.3);
}

/*---------------------
  Blog Hero
-----------------------*/

.blog__hero {
	background: #f2f8ff;
	height: 600px;
	position: relative;
}

.blog__hero__text {
	padding-right: 50px;
	padding-top: 190px;
}

.blog__hero__text span {
	font-size: 14px;
	color: #111111;
	letter-spacing: 1px;
	display: inline-block;
	background: #ffd823;
	padding: 4px 10px 2px;
}

.blog__hero__text h2 {
	color: #000000;
	font-weight: 500;
	line-height: 47px;
	margin-bottom: 18px;
	margin-top: 20px;
}

.blog__hero__text .label {
	display: inline-block;
	font-size: 13px;
	color: #111111;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: rgba(40, 127, 249, 0.15);
	padding: 2px 10px 1px;
	margin-right: 15px;
}

.blog__hero__text ul {
	display: inline-block;
}

.blog__hero__text ul li {
	list-style: none;
	font-size: 13px;
	color: #888888;
	display: inline-block;
	margin-right: 25px;
	position: relative;
}

.blog__hero__text ul li:after {
	position: absolute;
	right: -17px;
	top: 0;
	content: "|";
	color: #888888;
}

.blog__hero__text ul li:last-child {
	margin-right: 0;
}

.blog__hero__text ul li:last-child:after {
	display: none;
}

.blog__hero__pic {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 600px;
}

.blog__hero__pic img {
	min-width: 100%;
	height: 100%;
}

/*---------------------
  Blog Details
-----------------------*/

.blog__sidebar {
	padding-right: 30px;
}

.blog__sidebar__search {
	margin-bottom: 75px;
}

.blog__sidebar__search form {
	position: relative;
}

.blog__sidebar__search form input {
	width: 100%;
	height: 50px;
	font-size: 14px;
	color: #444444;
	padding-left: 20px;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
}

.blog__sidebar__search form input::-webkit-input-placeholder {
	color: #444444;
}

.blog__sidebar__search form input::-moz-placeholder {
	color: #444444;
}

.blog__sidebar__search form input:-ms-input-placeholder {
	color: #444444;
}

.blog__sidebar__search form input::-ms-input-placeholder {
	color: #444444;
}

.blog__sidebar__search form input::placeholder {
	color: #444444;
}

.blog__sidebar__search form button {
	font-size: 18px;
	color: #000000;
	padding: 0 20px;
	position: absolute;
	right: 0;
	top: 0;
	background: none;
	border: none;
	height: 100%;
}

.blog__sidebar__social {
	margin-bottom: 70px;
}

.blog__sidebar__social__links a {
	font-size: 16px;
	color: #111111;
	display: inline-block;
	margin-right: 22px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__sidebar__social__links a:hover {
	color: #44c2fd;
}

.blog__sidebar__title {
	margin-bottom: 45px;
}

.blog__sidebar__title h5 {
	color: #111111;
	font-size: 20px;
	font-weight: 500;
	padding-left: 20px;
	text-transform: uppercase;
	position: relative;
	z-index: -1;
}

.blog__sidebar__title h5:after {
	position: absolute;
	left: 0;
	top: -8px;
	height: 40px;
	width: 40px;
	background: #ffd823;
	border-radius: 50%;
	opacity: 0.5;
	content: "";
	z-index: -1;
}

.blog__sidebar__widget {
	margin-bottom: 75px;
}

.blog__sidebar__recent__item {
	display: block;
	overflow: hidden;
	margin-bottom: 30px;
}

.blog__sidebar__recent__item:last-child {
	margin-bottom: 0;
}

.blog__sidebar__recent__item__pic {
	float: left;
	margin-right: 25px;
}

.blog__sidebar__recent__item__text h6 {
	color: #111111;
	font-weight: 500;
	line-height: 21px;
	margin-bottom: 5px;
}

.blog__sidebar__recent__item__text span {
	font-size: 14px;
	color: #888888;
	font-style: italic;
	display: block;
}

.blog__sidebar__categories {
	margin-bottom: 70px;
}

.blog__sidebar__categories ul li {
	list-style: none;
	margin-bottom: 12px;
}

.blog__sidebar__categories ul li:last-child {
	margin-bottom: 0;
}

.blog__sidebar__categories ul li a {
	font-size: 16px;
	color: #444444;
	display: block;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__sidebar__categories ul li a:hover {
	color: #287ff9;
}

.blog__sidebar__categories ul li a span {
	float: right;
}

.blog__sidebar__newslatter .blog__sidebar__title {
	margin-bottom: 40px;
}

.blog__sidebar__newslatter p {
	color: #444444;
	margin-bottom: 22px;
}

.blog__sidebar__newslatter form input {
	height: 46px;
	width: 100%;
	padding-left: 15px;
	font-size: 15px;
	color: #111111;
	border: 1px solid #e1e1e1;
	margin-bottom: 14px;
}

.blog__sidebar__newslatter form input::-webkit-input-placeholder {
	color: #111111;
}

.blog__sidebar__newslatter form input::-moz-placeholder {
	color: #111111;
}

.blog__sidebar__newslatter form input:-ms-input-placeholder {
	color: #111111;
}

.blog__sidebar__newslatter form input::-ms-input-placeholder {
	color: #111111;
}

.blog__sidebar__newslatter form input::placeholder {
	color: #111111;
}

.blog__sidebar__newslatter form label {
	padding-left: 22px;
	position: relative;
	cursor: pointer;
	margin-bottom: 24px;
}

.blog__sidebar__newslatter form label input {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 0;
	top: 7px;
	cursor: pointer;
}

.blog__details__desc {
	margin-bottom: 30px;
}

.blog__details__desc p {
	font-weight: 500;
	margin-bottom: 30px;
}

.blog__details__desc p:last-child {
	margin-bottom: 0;
}

.blog__details__services__item {
	margin-bottom: 30px;
}

.blog__details__services__item:last-child {
	margin-bottom: 0;
}

.blog__details__services__item h5 {
	font-size: 20px;
	font-weight: 700;
	font-family: "Bai Jamjuree", sans-serif;
	color: #111111;
	margin-bottom: 20px;
}

.blog__details__services__item p {
	font-weight: 500;
	margin-bottom: 0;
}

.blog__details__desc__more p {
	font-weight: 500;
	margin-bottom: 0;
}

.blog__details__pic {
	margin-top: 20px;
	margin-bottom: 16px;
}

.blog__details__pic img {
	min-width: 100%;
	margin-bottom: 30px;
}

.blog__details__widget {
	padding-top: 25px;
	border-top: 1px solid #e1e1e1;
	margin-top: 40px;
	padding-bottom: 60px;
}

.blog__details__widget__tags span {
	color: #111111;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 10px;
}

.blog__details__widget__tags a {
	color: #444444;
	display: inline-block;
	font-size: 16px;
	padding: 6px 16px;
	background: #f5f5f5;
	margin-right: 10px;
	margin-bottom: 10px;
}

.blog__details__widget__tags a:last-child {
	margin-right: 0;
}

.blog__details__widget__social {
	text-align: right;
}

.blog__details__widget__social span {
	color: #111111;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 10px;
}

.blog__details__widget__social a {
	display: inline-block;
	margin-right: 24px;
	margin-bottom: 10px;
}

.blog__details__widget__social a.facebook {
	color: #3263af;
}

.blog__details__widget__social a.twitter {
	color: #40c4ff;
}

.blog__details__widget__social a.instagram {
	color: #d532c4;
}

.blog__details__widget__social a.youtube {
	color: #ff0000;
}

.blog__details__widget__social a:last-child {
	margin-right: 0;
}

.blog__details__btns {
	background: #f5f5f5;
	padding: 12px 30px;
}

.blog__details__btns__item.next__item {
	text-align: right;
}

.blog__details__btns__item.next__item a span {
	margin-right: 0;
	margin-left: -4px;
}

.blog__details__btns__item a {
	font-size: 14px;
	font-family: "Rubik", sans-serif;
	font-weight: 500;
	color: #111111;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.blog__details__btns__item a span {
	font-size: 18px;
	color: #111111;
	position: relative;
	top: 2px;
	margin-right: -4px;
}

.blog__details__form {
	padding-top: 60px;
}

.blog__details__form h2 {
	color: #111111;
	font-weight: 500;
	margin-bottom: 40px;
	text-align: center;
}

.blog__details__form form input {
	height: 46px;
	width: 100%;
	padding-left: 20px;
	font-size: 15px;
	color: #111111;
	border: 1px solid #e1e1e1;
	margin-bottom: 30px;
	border-radius: 4px;
}

.blog__details__form form input::-webkit-input-placeholder {
	color: #111111;
}

.blog__details__form form input::-moz-placeholder {
	color: #111111;
}

.blog__details__form form input:-ms-input-placeholder {
	color: #111111;
}

.blog__details__form form input::-ms-input-placeholder {
	color: #111111;
}

.blog__details__form form input::placeholder {
	color: #111111;
}

.blog__details__form form textarea {
	height: 110px;
	width: 100%;
	padding-left: 20px;
	padding-top: 12px;
	font-size: 15px;
	color: #111111;
	border: 1px solid #e1e1e1;
	resize: none;
	margin-bottom: 24px;
	border-radius: 4px;
}

.blog__details__form form textarea::-webkit-input-placeholder {
	color: #111111;
}

.blog__details__form form textarea::-moz-placeholder {
	color: #111111;
}

.blog__details__form form textarea:-ms-input-placeholder {
	color: #111111;
}

.blog__details__form form textarea::-ms-input-placeholder {
	color: #111111;
}

.blog__details__form form textarea::placeholder {
	color: #111111;
}

/*---------------------
  Contact
-----------------------*/

.contact__widget {
	margin-bottom: 40px;
}

.contact__widget__item {
	overflow: hidden;
	margin-bottom: 40px;
}

.contact__widget__item:last-child {
	margin-bottom: 0;
}

.contact__widget__item__icon {
	height: 60px;
	width: 60px;
	background: #287ff9;
	border-radius: 50%;
	line-height: 60px;
	text-align: center;
	margin-right: 30px;
	float: left;
}

.contact__widget__item__icon span {
	font-size: 24px;
	color: #ffffff;
	position: relative;
	top: 3px;
}

.contact__widget__item__text {
	overflow: hidden;
}

.contact__widget__item__text h5 {
	color: #111111;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 6px;
}

.contact__widget__item__text p {
	margin-bottom: 0;
}

.contact__form {
	text-align: center;
	margin-bottom: 40px;
}

.contact__form form input {
	height: 46px;
	width: 100%;
	padding-left: 20px;
	font-size: 15px;
	color: #111111;
	border: 1px solid #e1e1e1;
	margin-bottom: 20px;
	border-radius: 4px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.contact__form form input::-webkit-input-placeholder {
	color: #111111;
}

.contact__form form input::-moz-placeholder {
	color: #111111;
}

.contact__form form input:-ms-input-placeholder {
	color: #111111;
}

.contact__form form input::-ms-input-placeholder {
	color: #111111;
}

.contact__form form input::placeholder {
	color: #111111;
}

.contact__form form input:focus {
	border-color: #444444;
}

.contact__form form textarea {
	height: 110px;
	width: 100%;
	padding-left: 20px;
	padding-top: 12px;
	font-size: 15px;
	color: #111111;
	border: 1px solid #e1e1e1;
	resize: none;
	margin-bottom: 9px;
	border-radius: 4px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.contact__form form textarea::-webkit-input-placeholder {
	color: #111111;
}

.contact__form form textarea::-moz-placeholder {
	color: #111111;
}

.contact__form form textarea:-ms-input-placeholder {
	color: #111111;
}

.contact__form form textarea::-ms-input-placeholder {
	color: #111111;
}

.contact__form form textarea::placeholder {
	color: #111111;
}

.contact__form form textarea:focus {
	border-color: #444444;
}

.contact__form form button {
	width: 100%;
}

.contact__map {
	height: 400px;
	margin-top: 30px;
}

.contact__map iframe {
	width: 100%;
}

/*--------------------
Booking form
----------------------*/

.booking__form {
	text-align: right;
	margin-bottom: 40px;
}

.booking__form form input {
	height: 46px;
	width: 200%;
	padding-left: 20px;
	font-size: 15px;
	color: #111111;
	border: 1px solid #e1e1e1;
	margin-bottom: 20px;
	border-radius: 4px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.booking__form form .textarea {
	height: 100px;
	width: 200%;
	padding-left: 20px;
	font-size: 15px;
	color: #111111;
	border: 1px solid #e1e1e1;
	margin-bottom: 20px;
	border-radius: 4px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.booking__form form input::-webkit-input-placeholder {
	color: #111111;
}

.booking__form form input::-moz-placeholder {
	color: #111111;
}

.booking__form form input:-ms-input-placeholder {
	color: #111111;
}

.booking__form form input::-ms-input-placeholder {
	color: #111111;
}

.booking__form form input::placeholder {
	color: #111111;
}

.booking__form form input:focus {
	border-color: #444444;
}

.booking__form form textarea {
	height: 110px;
	width: 100%;
	padding-left: 20px;
	padding-top: 12px;
	font-size: 15px;
	color: #111111;
	border: 1px solid #e1e1e1;
	resize: none;
	margin-bottom: 9px;
	border-radius: 4px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.booking__form form textarea::-webkit-input-placeholder {
	color: #111111;
}

.booking__form form textarea::-moz-placeholder {
	color: #111111;
}

.booking__form form textarea:-ms-input-placeholder {
	color: #111111;
}

.booking__form form textarea::-ms-input-placeholder {
	color: #111111;
}

.booking__form form textarea::placeholder {
	color: #111111;
}

.booking__form form textarea:focus {
	border-color: #444444;
}

.booking__form form button {
	width: 100%;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

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

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
	.hero__text {
		margin-left: 0;
	}
	.testimonial__slider.owl-carousel .owl-nav button {
		left: 15px;
	}
	.testimonial__slider.owl-carousel .owl-nav button.owl-next {
		right: 15px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.testimonial {
		height: auto;
		padding-bottom: 200px;
	}
	.testimonial__slider.owl-carousel .owl-nav {
		text-align: center;
		padding-top: 60px;
	}
	.testimonial__slider.owl-carousel .owl-nav button {
		position: relative;
		left: 0;
		top: 0;
		margin-right: 70px;
	}
	.testimonial__slider.owl-carousel .owl-nav button.owl-next {
		right: 0;
		margin-right: 0;
	}
	
	.hero__text {
		margin-left: 0;
	}
	.header__menu ul li {
		margin-right: 24px;
	}
	.chooseus__item:hover:after {
		width: 100%;
	}
	.about__text {
		padding-top: 0;
	}
	.services__sidebar {
		padding-right: 0;
	}
	.services__content {
		padding-left: calc(((100% - 990px) / 2));
	}

	#myBtn {
		display: none;
		position: fixed;
		bottom: 20px;
		right: 30px;
		z-index: 99;
		font-size: 18px;
		border: none;
		outline: none;
		background-color: #404040;
		color: white;
		cursor: pointer;
		padding: 15px;
		border-radius: 4px;
		width: 5%;
		height: 11%;
		font-size: 30px;
	  }
	  
	  #myBtn:hover {
		background-color: #555;
	  }
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.testimonial {
		height: auto;
		padding-bottom: 200px;
	}
	.testimonial__slider.owl-carousel .owl-nav {
		text-align: center;
		padding-top: 60px;
	}
	.testimonial__slider.owl-carousel .owl-nav button {
		position: relative;
		left: 0;
		top: 0;
		margin-right: 70px;
	}
	.testimonial__slider.owl-carousel .owl-nav button.owl-next {
		right: 0;
		margin-right: 0;
	}
	.hero__text {
		margin-left: 0;
	}
	.chooseus__item:hover:after {
		width: 100%;
	}
	.about__text {
		padding-top: 0;
		padding-left: 0;
	}
	.services__sidebar {
		padding-right: 0;
		padding-top: 40px;
	}
	.work {
		background-image: none !important;
		background-color: #F1F8FF;
	}
	.blog__hero__text {
		padding-right: 0;
		padding-top: 100px;
	}
	.section-title h2 {
		font-size: 36px;
	}
	.callto__num {
		text-align: left;
		padding-top: 20px;
	}
	.breadcrumb__option {
		padding-top: 90px;
	}
	.blog__hero {
		height: auto;
	}
	.blog__hero__pic {
		position: relative;
		width: 100%;
		margin-top: 70px;
	}
	.blog__sidebar {
		padding-top: 50px;
	}
	.header .container {
		position: relative;
	}
	.header__menu {
		display: none;
	}
	.header__top__btn {
		display: none;
	}
	.services__content {
		padding-left: calc(((100% - 750px) / 2));
	}
	#myBtn {
		display: none;
		position: fixed;
		bottom: 20px;
		right: 30px;
		z-index: 99;
		font-size: 18px;
		border: none;
		outline: none;
		background-color: #404040;
		color: white;
		cursor: pointer;
		padding: 15px;
		border-radius: 4px;
		width: 5%;
		height: 11%;
		font-size: 30px;
	  }
	  
	  #myBtn:hover {
		background-color: #555;
	  }
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.header .container {
		position: relative;
	}
	.header__menu {
		display: none;
	}
	.header__top__btn {
		display: none;
	}
	.testimonial {
		height: auto;
		padding-bottom: 200px;
	}
	.testimonial__slider.owl-carousel .owl-nav {
		text-align: center;
		padding-top: 60px;
	}
	.testimonial__slider.owl-carousel .owl-nav button {
		position: relative;
		left: 0;
		top: 0;
		margin-right: 70px;
	}
	.testimonial__slider.owl-carousel .owl-nav button.owl-next {
		right: 0;
		margin-right: 0;
	}
	.hero__text {
		margin-left: 0;
	}
	.chooseus__item:hover:after {
		width: 100%;
	}
	.about__text {
		padding-top: 0;
		padding-left: 0;
	}
	.services__sidebar {
		padding-right: 0;
		padding-top: 40px;
	}
	.team__item.pt__item {
		padding-top: 0;
	}
	.work {
		background-image: none !important;
		background-color: #F1F8FF;
	}
	.blog__hero__text {
		padding-right: 0;
		padding-top: 100px;
	}
	.section-title h2 {
		font-size: 36px;
	}
	.callto__num {
		text-align: left;
		padding-top: 20px;
	}
	.breadcrumb__option {
		padding-top: 90px;
	}
	.blog__hero {
		height: auto;
	}
	.blog__hero__pic {
		position: relative;
		width: 100%;
		margin-top: 70px;
	}
	.blog__sidebar {
		padding-top: 50px;
	}
	.hero__text {
		width: 100%;
		height: auto;
		padding: 80px 30px 80px 30px;
	}
	.right__btn {
		text-align: left;
	}
	.footer__copyright p {
		text-align: center;
	}
	.footer__copyright .footer__copyright__social {
		text-align: center;
		padding-top: 15px;
	}
	.blog__details__widget__social {
		text-align: center;
		padding-top: 10px;
	}
	.blog__details__widget__tags {
		text-align: center;
	}
	.services__slider.owl-carousel .owl-stage {
		margin-left: 0;
	}
	.blog__details__btns__item.next__item {
		padding-top: 10px;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.hero__text h2 {
		font-size: 28px;
		line-height: 40px;
	}
	.callto__num {
		font-size: 32px;
	}
	.services__details__form {
		padding: 30px 30px 30px;
	}
}

#myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: #404040;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
	width: 5%;
	height: 11%;
	font-size: 30px;
  }
  
  #myBtn:hover {
	background-color: #555;
  }
  .form-group {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.form-group label {
	margin-right: 10px;
}
.form-group select {
	margin-left: 10px;
}

.datetime {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.datetime label {
	margin-right: 10px;
}

	/*
  	Flaticon icon font: Flaticon
  	Creation date: 15/06/2018 11:41
  	*/

	  @font-face {
		font-family: "Flaticon";
		src: url("../fonts/Flaticon.eot");
		src: url("../fonts/Flaticond41d.eot?#iefix") format("embedded-opentype"),
			 url("../fonts/Flaticon.woff") format("woff"),
			 url("../fonts/Flaticon.ttf") format("truetype"),
			 url("../fonts/Flaticon.svg#Flaticon") format("svg");
		font-weight: normal;
		font-style: normal;
	  }
	  
	  @media screen and (-webkit-min-device-pixel-ratio:0) {
		@font-face {
		  font-family: "Flaticon";
		  src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
		}
	  }
	  
	  [class^="flaticon-"]:before, [class*=" flaticon-"]:before,
	  [class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
		font-family: Flaticon;
		font-size: 20px;
		font-style: normal;
	  }
	  .flaticon-037-settings:before { content: "\f124"; }
	  .flaticon-046-checklist:before { content: "\f12d"; }
	  .flaticon-069-diamond:before { content: "\f144"; }

	  .nice-select {
		-webkit-tap-highlight-color: transparent;
		background-color: #fff;
		border-radius: 5px;
		border: solid 1px #e8e8e8;
		box-sizing: border-box;
		clear: both;
		cursor: pointer;
		display: block;
		float: left;
		font-family: inherit;
		font-size: 14px;
		font-weight: normal;
		height: 42px;
		line-height: 40px;
		outline: none;
		padding-left: 18px;
		padding-right: 30px;
		position: relative;
		text-align: left !important;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		-webkit-user-select: none;
		   -moz-user-select: none;
			-ms-user-select: none;
				user-select: none;
		white-space: nowrap;
		width: auto; }
		.nice-select:hover {
		  border-color: #dbdbdb; }
		.nice-select:active, .nice-select.open, .nice-select:focus {
		  border-color: #999; }
		.nice-select:after {
		  border-bottom: 2px solid #999;
		  border-right: 2px solid #999;
		  content: '';
		  display: block;
		  height: 5px;
		  margin-top: -4px;
		  pointer-events: none;
		  position: absolute;
		  right: 12px;
		  top: 50%;
		  -webkit-transform-origin: 66% 66%;
			  -ms-transform-origin: 66% 66%;
				  transform-origin: 66% 66%;
		  -webkit-transform: rotate(45deg);
			  -ms-transform: rotate(45deg);
				  transform: rotate(45deg);
		  -webkit-transition: all 0.15s ease-in-out;
		  transition: all 0.15s ease-in-out;
		  width: 5px; }
		.nice-select.open:after {
		  -webkit-transform: rotate(-135deg);
			  -ms-transform: rotate(-135deg);
				  transform: rotate(-135deg); }
		.nice-select.open .list {
		  opacity: 1;
		  pointer-events: auto;
		  -webkit-transform: scale(1) translateY(0);
			  -ms-transform: scale(1) translateY(0);
				  transform: scale(1) translateY(0); }
		.nice-select.disabled {
		  border-color: #ededed;
		  color: #999;
		  pointer-events: none; }
		  .nice-select.disabled:after {
			border-color: #cccccc; }
		.nice-select.right {
		  float: right; }
		  .nice-select.right .list {
			left: auto;
			right: 0; }
		.nice-select.small {
		  font-size: 12px;
		  height: 36px;
		  line-height: 34px; }
		  .nice-select.small:after {
			height: 4px;
			width: 4px; }
		  .nice-select.small .option {
			line-height: 34px;
			min-height: 34px; }
		.nice-select .list {
		  background-color: #fff;
		  border-radius: 5px;
		  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
		  box-sizing: border-box;
		  margin-top: 4px;
		  opacity: 0;
		  overflow: hidden;
		  padding: 0;
		  pointer-events: none;
		  position: absolute;
		  top: 100%;
		  left: 0;
		  -webkit-transform-origin: 50% 0;
			  -ms-transform-origin: 50% 0;
				  transform-origin: 50% 0;
		  -webkit-transform: scale(0.75) translateY(-21px);
			  -ms-transform: scale(0.75) translateY(-21px);
				  transform: scale(0.75) translateY(-21px);
		  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
		  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
		  z-index: 9; }
		  .nice-select .list:hover .option:not(:hover) {
			background-color: transparent !important; }
		.nice-select .option {
		  cursor: pointer;
		  font-weight: 400;
		  line-height: 40px;
		  list-style: none;
		  min-height: 40px;
		  outline: none;
		  padding-left: 18px;
		  padding-right: 29px;
		  text-align: left;
		  -webkit-transition: all 0.2s;
		  transition: all 0.2s; }
		  .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
			background-color: #f6f6f6; }
		  .nice-select .option.selected {
			font-weight: bold; }
		  .nice-select .option.disabled {
			background-color: transparent;
			color: #999;
			cursor: default; }
	  
	  .no-csspointerevents .nice-select .list {
		display: none; }
	  
	  .no-csspointerevents .nice-select.open .list {
		display: block; }
		
.show{
	border-radius: 6px;
	width: 50%;
	margin: 5px;
}

.show1{
	border-radius: 6px;
	width: 25%;
	height: 10%;
	margin: 10px;
}

.show2{
	border-radius: 6px;
	width: 25%;
	height: 2%;
}