/*

Theme Name: Challis Capital Holdings

Author: Waqas Khan

Author URI: http://www.wkdesignz.com

Description: Fully customized one page website

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: twentyseventeen

Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/











@import url('https://fonts.googleapis.com/css?family=Cinzel:300,400,500,600,700,800,900');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800');







/* Custom styles for challis capital */





body {

	font-family: 'Cinzel', serif;

}



.navbar {

	padding: 1.5rem 1rem;

	-webkit-transition: background-color 2.5s;

    transition: background-color 2.5s;

    -webkit-transition: padding 0.5s;

    transition: padding 0.5s;

}





.navbar.bg-dark {

    background-color: rgba(0,0,0,0) !important;

}



.navbar.nav-solid {

	padding: 0.8rem 1rem 1.4rem;

	background-color: #1f1f1f !important;

}

body.page-template-news .navbar.bg-dark, body.single-post .navbar.bg-dark {

    background-color: #1f1f1f !important;padding: 0.8rem 1rem 1.4rem;

}



.navbar-brand {

	max-width: 240px;

	font-size: 25px;

	font-weight: 400;

	color: #fffbfe !important;

	max-height: 61px;

}



.navbar-brand img {

	margin-right: 11px;

	display: inline-block;

	margin-top: auto;

	max-width: 240px;

	width: 100%;

}



.navbar-brand span {

	padding-top: 14px;

	display: inline-block;

}



.navbar-dark .navbar-nav {

	margin-top: 16px;

}



.navbar-dark .navbar-nav .nav-link {

	font-size: 14px;

	font-weight: 700;

	color: #f1f1f1 !important;

	font-family: "Open Sans", sans-serif;

	text-transform: uppercase;

	padding-left: 1.62rem !important;

	padding-right: 1.62rem !important;

	letter-spacing: 2px;

	transition: ease .3s;

	-webkit-transition: ease .3s;

	-moz-transition: ease .3s;

	-o-transition: ease .3s;

	-ms-transition: ease .3s;

}



.navbar-dark .navbar-nav .nav-item.active .nav-link,

.navbar-dark .navbar-nav .nav-link:hover,

.navbar-dark .navbar-nav .nav-link.active {

	color: #bfbfbf !important;

}



.navbar-dark .navbar-nav .nav-item:last-child .nav-link {

	padding-right: 0;

}















.navbar-toggler {

  border: none;

  background: transparent !important;

  margin-top: 0;

}



.navbar-toggler:hover {

  background: transparent !important;

}



.navbar-toggler:focus,

.navbar-toggler:active {

    outline: 0;

}







#nav-icon {

  float: left;

  width: 30px;

  height: 26px;

  position: relative;

  margin-left: 0;

  margin-right: 0;

  top: 0;

  right: 0;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: .5s ease-in-out;

  -moz-transition: .5s ease-in-out;

  -o-transition: .5s ease-in-out;

  transition: .5s ease-in-out;

  cursor: pointer;

}



#nav-icon span {

  display: block;

  position: absolute;

  height: 4px;

  width: 100%;

  background: #fff;

  border-radius: 9px;

  opacity: 1;

  left: 0;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: .25s ease-in-out;

  -moz-transition: .25s ease-in-out;

  -o-transition: .25s ease-in-out;

  transition: .25s ease-in-out;

}



#nav-icon span:nth-child(1) {

  top: 0;

}



#nav-icon span:nth-child(2),

#nav-icon span:nth-child(3) {

  top: 9px;

}



#nav-icon span:nth-child(4) {

  top: 18px;

}



.navbar-toggler.active #nav-icon span:nth-child(1) {

  top: 9px;

  width: 0;

  left: 50%;

}



.navbar-toggler.active #nav-icon span:nth-child(2) {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}



.navbar-toggler.active #nav-icon span:nth-child(3) {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}



.navbar-toggler.active #nav-icon span:nth-child(4) {

  top: 9px;

  width: 0;

  left: 50%;

}













/* -------------- mainCarousel Styles [START] -------------- */



.mainCarousel {

	background: #1f1f1f;

}



.mainCarousel .carousel-item {

	height: 917px;

	background-repeat: no-repeat;

	background-position: center top;

	background-size: cover;

}



.mainCarousel .carousel-indicators {

	bottom: 80px;

}



.mainCarousel .carousel-indicators li {

	height: 23px;

    margin: 2px;

    width: 23px;

    background: unset;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    margin-right: 32px;

    margin-left: 32px;

    cursor: pointer;

}



.mainCarousel .carousel-indicators li.active {

	background: rgba(255, 255, 255, 0.1);

    border-radius: 100px;

}



.mainCarousel .carousel-indicators li span {

    background: #ffffff;

    border-radius: 100px;

    display: block;

    height: 6px;

    width: 6px;

}



.mainCarousel .carousel-item-1 {

	/*background-image: url(images/1.jpg);*/

}



.mainCarousel .carousel-item-2 {

	/*background-image: url(images/2.jpg);*/

}



.mainCarousel .carousel-item-3 {

	/*background-image: url(images/3.jpg);*/

}



.mainCarousel .carousel-mask {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background: rgba(31,31,31,0.8);

}



.mainCarousel .carousel-caption {

	bottom: 200px;

	left: 0;

	right: 0;

}



.banner-content-2 h1 {

	font-size: 120px;

	font-weight: 400;

	color: #f5f5f5;

	letter-spacing: -8px;

	margin-bottom: 100px;

}



.banner-content {

	padding: 80px 0;

    text-align: center;

}



.banner-content .sect-title {

	font-size: 60px;

	font-weight: 700;

	letter-spacing: 4px;

	margin: 0 0 20px;

	font-family: 'Cinzel', serif;

}



.banner-content .sect-sub-title {

    font-size: 14px;

    font-weight: 300;

    letter-spacing: 6px;

    margin: 0 0 20px;

    text-transform: uppercase;

    font-family: 'Open Sans', sans-serif;

}

.thankyoupage .banner-content .sect-sub-title {

	line-height: 30px; width:80%;     margin: 0 auto 20px auto;

}

.banner-content .liner {

    background: none repeat scroll 0 0 #ffffff;

    display: inline-block;

    height: 50px;

    margin: 30px 0 30px;

    width: 1px;

    opacity: 0.6;

}







/* -------------- mainCarousel Styles [END] -------------- */













/* -------------- About Us Styles [START] -------------- */



.about-us {

	width: 100%;

	float: left;

}



.sect-content {

    padding: 71px 0;

    background: #fff;

}



.sect-header {

	padding: 80px 0;

    background: #fff;

    text-align: center;

}



.black-bg {

	background: #1f1f1f;

	color: #fff;

}



.sect-header .sect-title {

	font-size: 35px;

	font-weight: 700;

	letter-spacing: 4px;

	margin: 0 0 10px;

	font-family: 'Cinzel', serif;

}



.sect-header .sect-sub-title {

    font-size: 14px;

    font-weight: 300;

    letter-spacing: 6px;

    margin: 0 0 20px;

    text-transform: uppercase;

    font-family: 'Open Sans', sans-serif;

}



.sect-header .liner {

    background: none repeat scroll 0 0 #ffffff;

    display: inline-block;

    height: 50px;

    margin: 20px 0 30px;

    width: 1px;

    opacity: 0.6;

}



.sect-header p {

	font-size: 14px;

	line-height: 1.7;

	font-family: 'Open Sans', sans-serif;

	margin: 0 0 50px;

}







.work-counter .liner {

	margin-top: 68px;

	margin-bottom: 27px;

}



.work-counter .block-quote-img {

	border-radius: 50%;

	border: 2px solid #fff;

	display: block;

	padding: 6px 9px;

	width: 39px;

	margin-left: auto;

	margin-right: auto;

}



.sect-content p {

	font-family: "Open Sans", sans-serif;

	font-size:  24px;

	line-height:  44px;

	font-weight: 400;

}



/* -------------- About Us Styles [END] -------------- */















/* -------------- Our History Styles [START] -------------- */



.our-history {

	width: 100%;

	float: left;

	padding-top: 50px;

	padding-bottom: 50px;

}



.history-timeline {

	height: 380px;

	position: relative;

}



.history-timeline .timeline-line {

	top: 213px;

	position: absolute;

	width: 100%;

	padding: 0 0;

	left: 0;

}



.history-timeline .timeline-line span {

    display: block;

    border-top: 2px solid #e6e6e6;

}



.timeline-block {

	height: 380px;

	float: left;

	padding: 0 0 0 4px;

}



.timeline-block .timeline-content {

	padding: 32px 0 10px;

	color: #8a8a8a;

    font-size: 14px;

    line-height: 1.7;

    font-family: 'Open Sans',sans-serif;

    height: 166px;

    overflow: hidden;

}



.timeline-block .timeline-content h3 {

	font-size: 28px;

	font-weight: 600;

	color: #232324;

	font-family: 'Open Sans', sans-serif;

}



.timeline-block .timeline-content h3:after {

    content: "";

    display: block;

    width: 70px;

    padding-top: 15px;

    border-bottom: 1px solid rgba(169, 174, 189, 0.3);

}



.timeline-block .timeline-content p {

	color: #8a8a8a;

	font-size: 14px;

	line-height: 1.7;

	font-family: 'Open Sans', sans-serif;

	height:  70px;

	overflow:  hidden;

}



.timeline-block .timeline-dot {

    width: 15px;

    height: 15px;

    border-radius: 50%;

    position: absolute;

    top: 183px;

    background-color: #1f1f1f;

}



.timeline-block.timeline-block-bottom {

	margin-top: 190px;

}



/* .history-timeline .lSAction > .lSNext {

  top: 48%;

  right: -5px;

  background: url(images/history-arrow-next.png) no-repeat center center;

}



.history-timeline .lSAction > .lSPrev {

  top: 48%;

  left: -5px;

  background: url(images/history-arrow-prev.png) no-repeat center center;

}



.history-timeline .lSAction > a {

  width: 29px;

  height: 52px;

} */



.slideControls {

  position: absolute;

  width: 100%;

  top: 186px;

  left: 0;

}

.slideControls i {

  font-size: 50px;

  font-weight: 300;

}

.slideControls .slideNext {

  right: -60px;

  position: absolute;

  cursor: pointer;

}

.slideControls .slidePrev {

  left: -60px;

  position: absolute;

  cursor: pointer;

}



/* -------------- Our History Styles [END] -------------- */







/* -------------- Testimonials Styles [START] -------------- */



.testimonials {

	width: 100%;

	float: left;

}



.testimonials .testimonial-message-img {

	float: right;

	width: 58.33333333%;

	padding-left: 15px;

	padding-right: 15px;

	box-sizing: border-box;

}



.testimonials .testimonial-message {

	float: left;

	width: 41.66666667%;

	padding-left: 15px;

	padding-right: 15px;

	box-sizing: border-box;

}



.testimonials .small-title {

    font-size: 20px;

    letter-spacing: 1px;

    margin: 0;

    font-weight: bold;

    font-family: 'Cinzel', serif;

    color: #000;

    line-height: 1.1;

    box-sizing: border-box;

    margin-top: 200px;

}



.testimonials p {

    color: #888;

    font-size: 14px;

    line-height: 1.7;

    background-color: #fff;

    font-family: 'Open Sans', sans-serif;

}



.testimonials .designation {

    color: #555555;

    font-size: 13px;

    letter-spacing: 4px;

    margin-bottom: 20px;

    text-transform: uppercase;

    box-sizing: border-box;

}



.testimonials .testimonial-social {

    list-style: none outside none;

    margin: 0;

    padding: 0;

}



.testimonials .testimonial-social > li {

    display: inline-block;

    margin-bottom: 10px;

}



.testimonials .testimonial-social a {

    background: none repeat scroll 0 0 #1f1f1f;

    border: 3px solid #1f1f1f;

    border-radius: 100px;

    color: #ffffff;

    display: block;

    font-size: 16px;

    height: 40px;

    line-height: 35px;

    margin-right: 2px;

    text-align: center;

    width: 40px;

    transition: background 0.3s;

    box-sizing: border-box;

}



.testimonials .testimonial-social a .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;

}



.testimonials .testimonial-social a:hover {

    color: #1f1f1f;

    background: #fff;

}



.testimonials .spacing40 {

    width: 100%;

    height: 40px;

}













.testimonialsCarousel .carousel-indicators {

	bottom: 30px;

}



.testimonialsCarousel .carousel-indicators li {

	height: 30px;

    margin: 2px;

    width: 30px;

    background: unset;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    cursor: pointer;

    line-height: 25px;

}



.testimonialsCarousel .carousel-indicators li.active {

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);

    border-radius: 100px;

}



.testimonialsCarousel .carousel-indicators li span {

    background: none repeat scroll 0 0 #1f1f1f;

    border-radius: 100px;

    display: inline-block;

    height: 5px;

    text-align: center;

    width: 5px;

}







/* -------------- Testimonials Styles [END] -------------- */









/* -------------- Our Companies Styles [START] -------------- */



.our-companies {

	width: 100%;

	float: left;

}



.para-container {

	width: 100%;

	float: left;

	position: relative;

}



.work-counter .para-container {

	margin-top: 70px;

}



.sect-mask {

	background: rgba(0,0,0,0.8);

	position: absolute;

	top: 0;

	left: 0;

	z-index: 0;

	width: 100%;

	height: 100%;

}



.para-img {

	background-attachment: fixed;

	background-position: center center;

	background-repeat: no-repeat;

	-webkit-background-size: cover;

	background-size: cover;

	position: absolute;

	top: 0;

	left: 0;

	z-index: -1;

	width: 100%;

	height: 100%;

}



.para-content {

	color: #fff;

	padding-top: 200px;

	padding-bottom: 200px;

	text-align: center;

	position: relative;

	z-index: 1;

}



.our-companies-2 .para-content {

	padding-top: 80px;

	padding-bottom: 40px;

}



.para-content h2 {

	font-size: 35px;

	font-weight: 700;

	color: #fff;

	letter-spacing: 4px;

	margin: 0 auto 10px;

	font-family: 'Cinzel', serif;

/* 	max-width: 800px; */

	max-width: 90%;

}



.para-content p {

	font-size: 14px;

	font-weight: 300;

	letter-spacing: 6px;

	margin: 0 auto 20px;

	text-transform: uppercase;

	font-family: 'Open Sans', sans-serif;

/* 	max-width: 800px; */

	max-width: 90%;

}



.para-content h3 {

	font-size: 20px;

	font-weight: 400;

	color: #fff;

	letter-spacing: 4px;

	line-height: 1.8;

	margin: auto auto 40px;

	text-transform: uppercase;

	font-family: 'Open Sans', sans-serif;

/* 	max-width: 800px; */

	max-width: 90%;

}



.para-content i {

	border: 3px solid;

	border-radius: 100px;

	clear: both;

	display: block;

	font-size: 16px;

	line-height: 34px;

	width: 40px;

	height: 40px;

	margin-left: auto;

	margin-right: auto;

	transform: rotate(180deg);

}



.para-content .liner {

	background: none repeat scroll 0 0 #fff;

	display: inline-block;

	height: 50px;

	margin: 20px 0;

	width: 1px;

	opacity: 0.6;

}





/*.parallax {

	background-attachment: fixed;

	background-repeat: no-repeat;

	background-position: center;

	-webkit-background-size: cover;

	background-size: cover;

	position: relative;

}*/



.para-img-our-companies {

	/*background-image: url("images/our-companies-bg.jpg");*/

}



.para-img-work-counter {

	/*background-image: url("images/our-companies-bg-2.jpg");*/

}



.work-counter .sect-mask {

	z-index: 2;

}



.work-counter .para-img {

	z-index: 1;

}



.work-counter .para-content {

	z-index: 3;

}

/*.parallax-content {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: rgba(0,0,0,0.5);

	padding-left: 15px;

	padding-right: 15px;

	padding-top: 50px;

	text-align:  center;

}



.parallax-content .sect-header {

	background: transparent;

}*/



/*.parallax-our-companies .parallax-content {

	padding-top: 71px;

}



.parallax-work-counter .parallax-content {

	padding-top: 83px;

	width: 100%;

}*/



/*.parallax-work-counter .sect-sub-title {

	font-size: 23px !important;

	font-weight: 300;

	color: #ffffff;

	margin-bottom: 48px;

}



.parallax-work-counter p {

	font-size: 25px;

	font-weight: 400;

	color: #ffffff;

	font-family: "Cinzel", sans-serif;

	width: 100%;

	max-width: 1200px;

	margin-left: auto;

	margin-right: auto;

	letter-spacing: 3px;

}*/



.our-companies .sect-title {

	color: #fff;

}



.our-companies .sect-sub-title {

	color: #fff;

}



.our-companies .our-companies-content {

	width: 100%;

	float: left;

	background: #f0f0f0;

	padding: 80px 0 33px;

}



.our-companies .our-companies-links {

	width: 100%;

	text-align: center;

	margin-bottom: 60px;

}



.our-companies .our-companies-links ul {

	list-style: none;

	padding-left: 0;

}



.our-companies .our-companies-links ul li {

	display: inline-block;

	background: #fff;

	padding: 9px 9px;

	margin-right: 3px;

	margin-bottom: 5px;

}



.our-companies .our-companies-links ul li a {

	font-size: 11px;

	font-weight: 500;

	font-family: "Open Sans", sans-serif;

	text-transform: uppercase;

	color: #999;

	text-decoration:  none;

	-webkit-transition: color 0.5s;

	transition: color 0.5s;

	letter-spacing: 1.3px;

}



.our-companies .our-companies-links ul li a:hover {

	color: #333;

}



.flip-container {

	/*perspective: 1000px;*/

	margin-bottom: 47px;

}



.flip-container:hover .flipper {

	/*transform: rotateY(180deg);*/

}



.flip-container,

.front,

.back {

	width: 359px;

	height: 238px;

	cursor: pointer;

}



.flipper {

	/*transition: 0.6s;*/

	/*transform-style: preserve-3d;*/



	position: relative;

}



.front,

.back {

	/*backface-visibility: hidden;*/



	position: absolute;

	top: 0;

	left: 0;

}



.front {

	/*z-index: 2;*/

	/* for firefox 31 */

	/*transform: rotateY(0deg);*/

	overflow: hidden;



}



.front img {

	transform:scale(1.2,1.2);

	-webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.front-content {

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	align-items: center;

	justify-content: center;

	padding-left: 15px;

	padding-right: 15px;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	opacity: 1;

	background: rgba(0,0,0,0.4);

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

}



.back-content {

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	align-items: center;

	justify-content: center;

	padding-left: 15px;

	padding-right: 15px;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	opacity: 0;

	background: rgba(0,0,0,0);

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

	flex-direction:  column;

}



.back-content .action-buttons {

	padding-top: 10px;

}



.back-content .action-buttons a {

	display: inline-block;

	background: #103443;

	color:  #fff;

	padding: 7px 13px;

	margin-left: 2px;

	margin-right: 2px;

	position: relative;

	z-index: 100;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}



.back-content .action-buttons a:hover {

	background: #1f627d;

}



.flip-container:hover .front-content {

	opacity: 0;

}



.flip-container:hover .front img {

	transform:scale(1,1);

}



.flip-container:hover .back-content {

	opacity: 1;

}



/*.back {

	transform: rotateY(180deg);



	background: rgba(0,0,0,0.5);

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	align-items: center;

	justify-content: center;

	padding-left: 10px;

	padding-right: 10px;

}*/



.flip-container h4 {

	font-size: 18px;

	font-weight: 700;

	color: #fff;

	letter-spacing: 6px;

	line-height: 1.2;

	margin: 5px 0 0;

	font-family: "Cinzel", sans-serif;

	text-decoration:  none;

}



.flip-container a:hover {

	text-decoration: none;

}



.work-counter {

	background: #1f1f1f;

	text-align: center;

	float: left;

	width: 100%;

	padding-top: 106px;

}



.work-counter .info-container {

	margin-bottom: 28px;

}



.work-counter .info-container .counter {

	background: url(images/counter-bg.png) no-repeat center bottom;

	padding-bottom: 29px;

	margin-bottom: 60px;

}



.work-counter .info-container span,

.work-counter .info-container h2 {

	color: #ffffff;

	font-size: 68px;

	font-weight: 700;

	display: inline-block;

	line-height: 36px;

	font-family: "Open Sans", sans-serif;

	margin-bottom: 24px;

}



.work-counter .info-container h4 {

	color: #ffffff;

	font-size: 20px;

	font-weight: 300;

	font-family: "Open Sans", sans-serif;

	text-transform:  uppercase;

}



/* -------------- Our Companies Styles [END] -------------- */



















/* -------------- News Styles [START] -------------- */



.news {

	width: 100%;

	float: left;

}



.news .sect-content {

	padding: 80px 0 80px;

	background: #e8e8e8;

}



.news .sect-header {

	padding: 71px 0 19px;

}



.news.sect-content {

    padding-bottom: 19px;

}



.news .news-posts {

	width: 100%;

	max-width: 982px;

	margin-left: auto;

	margin-right: auto;

}



.news .news-sect-single {

	float: left;

	width: 30.6%;

	margin-right: 2.6%;

	background: #fff;

	padding-bottom: 45px;

	margin-bottom: 32px;

}



.news .news-sect-single .news-sect-single-img {

	display: block;

    overflow: hidden;

}



.news .news-sect-single .news-sect-single-img img {

    width: 100%;

    display: block;

    position: relative;

    overflow: hidden;

    background-attachment: scroll;

    background-repeat: no-repeat;

    background-position: center center;

    height: 190px;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    transform: scale(1.05);

    -webkit-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -o-transform: scale(1.05);

    -ms-transform: scale(1.05);

    transition: all 0.5s;

}



.news .news-sect-single:nth-child(3n) {

	margin-right: 0;

}



.news .news-sect-single .news-sect-single-content {

	padding: 20px;

}



.news .news-sect-single h4 a {

	font-size: 14px;

	font-weight: 600;

	color: #333333;

	font-family: "Open Sans", sans-serif;

	letter-spacing: 2pt;

	line-height: 1.6;

	text-align: right;

	text-transform: uppercase;

	padding-right: 20px;

	line-height: 27px;

	background: url(images/news-post-arrow.png) no-repeat right 7px;

	margin-top: 15px;

	height: 54px;

	overflow:  hidden;

	display: block;

	/*-webkit-transition: text-decoration 1.5s;*/

    /*transition: text-decoration 1.5s;*/

}



.news .news-sect-single h4 a:hover {

	/*text-decoration: underline;*/

	color: #888888;

	font-weight: 600;

	text-decoration: none;

}



.news .news-sect-single p {

	font-size: 11px;

	letter-spacing: 0.3pt;

	font-weight: 400;

	color: #888888;

	font-family: "Open Sans", sans-serif;

	text-align: right;

	line-height: normal;

	height: 44px;

	overflow:  hidden;

	margin-bottom: 27px;

}



.news .news-sect-single .more-info {

	width: 100%;

	float: left;

	font-size: 13px;

	font-weight: 300;

	color: #333333;

	font-family: "Open Sans", sans-serif;

}



.author .author-name {

	font-size: 12px;

	letter-spacing: 0.3pt;

	font-weight: 600;

	color: #888888;

	font-family: "Open Sans", sans-serif;

    position: relative;

    top: 10px;

    transition: all 0.6s;

    display: block;

    float: none;

}



.author .post-date {

    opacity: 0;

    position: relative;

    top: -10px;

    color: #888;

    font-size: 11px;

	font-family: "Open-sans", sans-serif;

    font-style: italic;

    transition: all .6s;

    display: block;

    float: none;

}



.news .news-sect-single:hover .author .author-name {

	top: 0;	

}



.news .news-sect-single:hover .author .post-date {

	opacity: 1;

	top: 0px;

}



.news .news-sect-single:hover .news-sect-single-img img {

	transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

}



.news .news-sect-single .more-info .likes {

	float: left;

	/* margin-top: 8px; */

	color: #888888;

	font-weight:600;

	font-size: 12px;

	text-decoration: none;

}

.news .news-sect-single .more-info .likes :hover{

	color: #ff0054 !important;

	text-decoration: none;

}



.news .news-sect-single .more-info .likes img {

	float: left;

	margin-right: 5px;

}



.news .news-sect-single .more-info .likes i {

 	padding: 10px 5px;

 	font-size: 18px;

 	color: rgb(161, 161, 161);

}



.news .news-sect-single .more-info .likes i:hover {

	background: #fff !important;

    color: #ff0054 !important;

}



.news .news-sect-single .more-info .author {

	float: right;

    width: 66%;

    text-align: right;

}



.news .news-sect-single .more-info .author img {

	float: right;

    margin-left: 10px;

    max-width: 32px;

    max-height: 34px;

    border-radius: 50%;

    overflow: hidden;

    clear: left;

}



.news .view-more-news {

	width: 100%;

	float: left;

	text-align: center;

}



a.btn-black {

	display: inline-block;

	background: #1f1f1f;

	color: #ffffff;

	font-size: 13px;

	font-weight: 700;

	letter-spacing: 2px;

	text-transform: uppercase;

	font-family: "Open Sans", sans-serif;

	padding: 10px 26px;

	width: auto;

	height: auto;

	line-height: 23.8px;	

	text-decoration: none;

	-webkit-transition: color 0.5s;

    transition: color 0.5s;

    -webkit-transition: background 0.5s;

    transition: background 0.5s;

    text-align: center;

	text-decoration: none;

}



a.btn-black:hover, input.btn-black:hover {

	background: #888 !important;

    color: #fff !important;

	text-decoration: none;



}



.news-sect-large .post-detail img {

    width: auto;

    max-width: 100%;

    height: auto;

    display: block; margin-bottom:20px;

}



/* -------------- News Styles [END] -------------- */

















/* -------------- Contact Us Styles [START] -------------- */



.contact-us {

	width: 100%;

	float: left;

}



.contact-us .sect-content {

	padding: 96px 0 72px;

	background: #fff;

}



.contact-us .sect-header {

	padding: 71px 0 25px;

}



.contact-us .liner {

	margin-top: 9px;

}



.contact-us .my-contact-form,

.contact-us .contact-info {

	width: 100%;

	max-width: 730px;

	margin-left: auto;

	margin-right: auto;

}



.contact-us .contact-info {

	text-align: center;

}



.contact-us .contact-info i {

	font-size: 26px;

	color: #888;

	margin-bottom: 10px;

}



.contact-us .contact-info i.fa-map-marker {

	font-size: 28px;

	color: #888;

}



.contact-us .contact-info i.fa-phone {

	transform: rotate(270deg);

	color: #888;

}



.contact-us .contact-info i.fa-envelope {

	font-size: 22px;

	color: #888;

}



.contact-us .contact-info p,

.contact-us .contact-info a {

	font-size: 12px;

    line-height: 1.7;

    font-weight: 500;

	letter-spacing: 1pt;

    font-family: 'Open Sans', sans-serif;

    margin: 0 0 50px;

    color: #888;

	text-decoration: none;



}



.contact-us .contact-info p span {

	display: block;

}



.contact-us .contact-info ul {

	list-style: none;

	padding-left: 0;

}



.contact-us .contact-info .location p {

	text-align: center;

}



.contact-us .contact-info .mail ul {

	text-align: right;

}



.contact-us .my-contact-form .form-group {

	margin-bottom: 10px;

}



.contact-us .my-contact-form .form-control {

  border-radius: 0;

  border: 1px solid #ddd;

  background: transparent;

  font-size: 11px;

	letter-spacing: 1pt;

  color: #888;

  font-weight: 400;

  font-family: "Open Sans", sans-serif;

  padding: 12px 20px;

  line-height: 23.8px;

	text-decoration: none;

}



.contact-us .my-contact-form .form-control:focus {

    box-shadow: 0 0 0 0.08rem rgba(77,144,254,1);

}



.contact-us .my-contact-form textarea {

	height: auto !important;

	min-height: 140px;

	margin-bottom: 18px;

	overflow:  hidden;

}



.contact-us .my-contact-form .btn-snd-msg {

	font-size: 13px;

	font-weight: 700;

	color: #ffffff;

	display: inline-block;

	letter-spacing: 2px;

	padding: 10px 30px;

	width:  auto; cursor: pointer; background-color:#1f1f1f;

	height:  auto;

	line-height: 23.8px;

	border: 1px solid #ddd;

}

.contact-us .my-contact-form .btn-snd-msg:focus{ outline:none;}

.contact-us .bottom-links {

	width: 100%;

	max-width: 888px;

	margin-left: auto;

	margin-right: auto;

	padding-top: 63px;

}



.contact-us .bottom-links .sect-links {

	float: left;

	width: 50%;

}



.contact-us .bottom-links .sect-links .logo-footer {

	margin-bottom: 31px;

}



.contact-us .bottom-links p,

.contact-us .bottom-links a,

.contact-us .bottom-links h6 {

	font-size: 12px;

	letter-spacing: 1pt;

	font-weight: 500;

	color: #888;

	font-family: "Open Sans", sans-serif;

	line-height: 1.7;

	text-decoration: none;

	letter-spacing: 0.3px;

}



.contact-us .bottom-links p {

	margin-bottom: 22px;

}



.contact-us .bottom-links p span {

	display: block;

}



.contact-us .bottom-links a:hover {

	text-decoration: none;

	background: #215E70 !important;

    color: #fff !important;

}



.contact-us .bottom-links h6 {

	margin-top: 18px;

	margin-bottom: 25px;

}



.contact-us .bottom-links ul {

	list-style: none;

	padding-left: 0;

}



.contact-us .google-map {

	width: 100%;

	float: left;

	margin-bottom: -8px;

	position:  relative;

}



/*.feature.map {

  height: 100%;

}*/

.contact-us .google-map iframe {

  /*height: 100%;*/

  /*width: 100%;*/

  border: 0;

  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");

  /* Firefox 10+ */

  filter: gray;

  /* IE6-9 */

  -webkit-filter: grayscale(99%);

  /* Chrome 19+ & Safari 6+ */

  -webkit-backface-visibility: hidden;

  /* Fix for transition flickering */

}



/* -------------- Contact Us Styles [END] -------------- */















/* -------------- Footer Styles [STAR] -------------- */



footer {

	width: 100%;

	float: left;

	background: #1f1f1f;

	padding-top: 75px;

	padding-bottom: 16px;

	text-align: center;

}



footer .social-icons {

	width: 100%;

	text-align: center;

}



footer .social-icons ul {

	list-style: none;

	padding-left: 0;

}



footer .social-icons ul li {

	display: inline-block;

	margin-left: 2px;

	padding-right: 2px;

}



footer .social-icons ul.brands {

	margin-top: 50px;

	margin-bottom: 15px;

	display: flex;

	align-items: center;

	justify-content: center;

}



footer .social-icons ul.brands li {

	max-width: 140px;

	height: 43px;

	display: flex;

	align-items: center;

	justify-content: center;

	padding-left: 14px;

	padding-right: 14px;

	margin-bottom: 15px;

}



footer .social-icons ul li a {

	color: #888888;

	text-decoration: none;

}



footer .social-icons ul li a i {

	border: 3px solid;

    border-radius: 100px;

    clear: both;

    display: block;

    font-size: 16px;

    line-height: 34px;

    width: 40px;

    height: 40px;

}



footer .social-icons ul li a:hover i,

footer .social-icons ul li a:hover img {

	opacity: 0.7;

}



footer .copyrights {/* 	font-size: 11px; */

	font-size: 11px;

	font-weight: 300;

	letter-spacing: 1pt;

	font-family: "Open Sans", sans-serif;

	color: #888888;

}



/* -------------- Footer Styles [END] -------------- */











/* -------------- Main Content Styles [START] -------------- */



.main-content {

	padding-top: 140px;

	background: #1f1f1f;

	width: 100%;

	float: left;

}



.breadcrumbs {

    font-size: 11px;

    font-weight: 500;

    letter-spacing: 0.15em;

    text-decoration: none;

    text-transform: uppercase;

    text-align: center; padding-left:0;

}



.breadcrumbs li {

    display: inline-block;

}



.breadcrumbs a {

    color: #fff;

    text-decoration: none;

}



.post-img .post-feature-img {

	height: 260px;

}



.post-header {

	padding-top: 40px;

}



.post-header h2 {

    font-size: 30px;

	color: #333333;

	letter-spacing: 4px;

	font-weight: 600;

	text-transform: uppercase;

	font-family: 'Cinzel', serif;

    line-height: 1.2;

	letter

    margin-top: 0;

    position: relative;

    margin-bottom: 14px;

}



.post-meta {

    margin-bottom: 30px;

    border-bottom: 1px solid #ddd;

}



.post-meta span {

    color: #212121;

    font-size: 12px;

    letter-spacing: 1px;

    line-height: 8px;

    text-transform: uppercase;

}



.post-meta span a {

    color: #999;

    transition: all 0.17s cubic-bezier(0, 0, 0.58, 1) 0s;

    -webkit-transition: all 0.17s cubic-bezier(0, 0, 0.58, 1) 0s;

    -moz-transition: all 0.17s cubic-bezier(0, 0, 0.58, 1) 0s;

    -o-transition: all 0.17s cubic-bezier(0, 0, 0.58, 1) 0s;

    text-decoration: none;

}



.post-detail {

    margin: 0!important;

}



.post-detail h1 {

	font-size: 28px;

	color: #333333;

	font-weight: 600;

	text-transform: uppercase;

	font-family: 'Cinzel', serif;

    line-height: 1.2;

	letter-spacing: 3pt;

	margin-bottom: 50px;

}



.post-detail h2 {

	font-size: 24px;

	color: #333333;

	font-weight: 600;

	text-transform: uppercase;

	font-family: 'Cinzel', serif;

    line-height: 1.2;

	letter-spacing: 2pt;

	margin-bottom: 30px;

}



.post-detail h3 {

    font-size: 20px;

    color: #333333;

	font-weight: 600;

	text-transform: uppercase;

	font-family: 'Cinzel', serif;

    line-height: 1.2;

	letter-spacing: 2pt;

    position: relative;

    margin-bottom: 30px;

}



.post-detail h4 {

	font-size: 18px;

	color: #333333;

	font-weight: 600;

	text-transform: uppercase;

	font-family: 'Cinzel', serif;

	letter-spacing: 2pt;

    line-height: 1.2;

	margin-bottom: 30px;

}



.post-detail h5 {

	font-size: 16px;

	color: #333333;

	text-transform: uppercase;

    line-height: 1.2;

	letter-spacing: 2pt;

    font-weight: 600;

    font-family: 'Cinzel', serif;

    margin: 0 0 20px;

}



.post-detail ul,

.post-detail ol {

	padding: 0;

	margin-top: 10px;

	list-style: none;

}



.post-detail ul li,

.post-detail ol li {

	margin-bottom: 0;

}





.post-detail, .post-detail p {

	font-size: 14px;

    line-height: 1.7;

	color: #333333;

	font-weight: 500;

    font-family: 'Open Sans', sans-serif;

    margin: 0 0 20px;

}



.post-detail p a {

	font-weight: 700;

	text-decoration: underline;

	color: #212529;

}



blockquote {

    padding: 10px 20px;

    margin: 0 0 20px;

    font-size: 17.5px;

    border-left: 5px solid #eee;

}



blockquote, blockquote p {

    color: #777 !important;

    font-size: 19px !important;

    font-style: italic !important;

    line-height: 1.6 !important;

    margin-bottom: 20px !important;

}



blockquote .quote-author {

    font-size: 11px;

    font-weight: 400;

    letter-spacing: 2px;

    text-transform: uppercase;

    font-style: normal;

}



blockquote .quote-author:before {

    content: '\2014 \00A0';

}



.dropcap {

    display: block;

    float: left;

    font-size: 55px;

    font-weight: 600;

    line-height: 55px;

    margin: 2px 12px 0 0;

}



.post-detail ul {

    list-style: square;

}



.post-detail li {

	font-size: 12px;

    line-height: 1.7;

    font-family: 'Open Sans', sans-serif;

    margin-bottom: 0.9em;

}







.post-detail .imp-text {

	font-size: 12px;

    line-height: 1.7;

	letter-spacing: 0.3pt;

    font-weight: 700;

    font-family: 'Open Sans', sans-serif;

    margin: 0 0 20px;

    padding-left: 20px;

    padding-right: 20px;

    text-transform: uppercase;

    text-align: center;

}



.post-detail .alignleft {

    margin: 6px 30px 6px 0;

    float: left;

    max-width: 100%;

}



.post-detail .alignright {

    margin: 6px 0 6px 30px;

    float: right;

}



.post-meta-bottom {

    border-top: 1px solid #e1e1e1;

    border-bottom: 1px solid #e1e1e1;

    padding: 18px 0 23px;

    position: relative;

    display: block;

    color: #212121;

    font-size: 12px; margin-top:30px;

    letter-spacing: 1px;

    line-height: 8px;

    text-transform: uppercase;

}



.post-meta-bottom .post-tags {

	float: left;

	color: #888888;

}



.post-meta-bottom .post-popularity {

	float: right;

	text-align: right;

	margin-top: -8px;

	padding-left: 0;

	margin-bottom: 0;

}



.post-meta-bottom .post-popularity li {

	display: inline-block;

	margin-left: 20px;

	font-size: 12px;

	margin-top: 0;

}



.post-meta-bottom .post-popularity li a {

	text-decoration: none;

}



.post-meta-bottom .post-popularity li a:hover {

    color: #666;

}



.post-meta-bottom a {

    color: #a9a9a9;

    transition: all 0.17s cubic-bezier(0, 0, 0.58, 1) 0s;

    -webkit-transition: all 0.17s cubic-bezier(0, 0, 0.58, 1) 0s;

    -moz-transition: all 0.17s cubic-bezier(0, 0, 0.58, 1) 0s;

    -o-transition: all 0.17s cubic-bezier(0, 0, 0.58, 1) 0s;

    text-decoration: none;

}

.post-meta-bottom a:not([href])

{

	color: #a9a9a9 !important;

}

.post-meta-bottom a:not([href]):hover{

	color:#666 !important;

}

.post-author-block {

    position: relative;

    display: block;

    padding: 60px 40px;

    background-color: #f2f2f2;

}



.post-author-block .avatar {

	width: 107px;

	height: 107px; 

	float: left;

	margin-right: 30px;

}



.post-author-block .post-author-content h4 , .post-author-block .post-author-content h4 a {

    font-size: 14px;

    font-weight: 300;

    letter-spacing: 6px;

    margin: 0 0 20px;

    text-transform: uppercase;

    font-family: 'Open Sans', sans-serif;

    line-height: 1.5;

    color: #212529;

}



.post-author-block .post-author-content .author-desig {

    font-size: 12.4px;

    color: #888888;

}



.post-author-block .post-author-content .author-bio {

    font-size: 14px;

    line-height: 1.7;

    font-family: 'Open Sans', sans-serif;

    margin-bottom: 7px;

}



.post-author-block .social-icons {

    margin: 0;

    padding: 0;

}



.post-author-block .social-icons li {

    display: inline-block;

}



.post-author-block .social-icons li a {

    padding: 5px;

    color: #888888;

}



.post-author-block .social-icons li a:hover {

    color: #888888;

}



/* -------------- Main Content Styles [END] -------------- */



body.error404 .navbar.bg-dark {

	background: #1f1f1f !important;

}

.content-area {

    margin-top: 130px;

    font-family: 'Cinzel', serif;

    float: left;

    width: 100%;

}



main.site-main {

    width: 1170px;

    margin: 0px auto 20px auto;

}



div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {font-family:open sans, arial;font-size:13px;border: 1px solid #f7e700;}

span.wpcf7-not-valid-tip {font-size:13px !important; font-family:open sans, arial;}

div.wpcf7-mail-sent-ok { font-size:13px; font-family:open sans, arial; border:1px solid #007f6c;}

img.d-block.w-100.w-90 {

    max-width: 90px;

}

a.newslink {

    -webkit-user-select: none;

    -o-user-select: none;

    user-select: none;

    -moz-user-select: none;

    cursor: pointer;

    display: block;

    width: 300px;

    height: auto; overflow: hidden;

}

/***************** Contact Form Validation **************/



div.wpcf7 {

	margin: 0;

	padding: 0; 

	font-family:open sans,arial;     

	font-size: 13px;

}



div.wpcf7 .screen-reader-response {

	position: absolute;

	overflow: hidden;

	clip: rect(1px, 1px, 1px, 1px);

	height: 1px;

	width: 1px;

	margin: 0;

	padding: 0;

	border: 0;

}



div.wpcf7-response-output {

	margin: 2em 0.5em 1em;

	padding: 0.2em 1em;

	border: 1px solid #ff0000 !important;

	font-family:'Open Sans', sans-serif;

}



div.wpcf7-mail-sent-ok {

	border: 1px solid #007f6c;

	font-family:open sans,arial; 

	display:none !important;

}



div.wpcf7-mail-sent-ng,

div.wpcf7-aborted {

	border: 1px solid #ff0000;

	font-family:'Open Sans', sans-serif;

}



div.wpcf7-spam-blocked {

	border: 1px solid #ffa500;

	font-family:'Open Sans', sans-serif;

}



div.wpcf7-validation-errors,

div.wpcf7-acceptance-missing {

	border: 1px solid #f7e700;

	font-family:'Open Sans', sans-serif;

}



.wpcf7-form-control-wrap {

	position: relative;

}



span.wpcf7-not-valid-tip {

	color: #f00;

	font-size: 1em;

	font-weight: normal;

	display: block;

	font-family:'Open Sans', sans-serif;

}



.use-floating-validation-tip span.wpcf7-not-valid-tip {

	position: absolute;

	top: 20%;

	left: 20%;font-family:'Open Sans', sans-serif;

	z-index: 100;

	border: 1px solid #ff0000;

	background: #fff;

	padding: .2em .8em;

}



span.wpcf7-list-item {

	display: inline-block;

	margin: 0 0 0 1em;

	font-family:'Open Sans', sans-serif;

}



span.wpcf7-list-item-label::before,

span.wpcf7-list-item-label::after {

	content: " ";

}



.wpcf7-display-none {

	display: none;

}



div.wpcf7 .ajax-loader {

	visibility: hidden;

	display: inline-block;

	/*background-image: url('../../images/ajax-loader.gif');*/

	width: 16px;

	height: 16px;

	border: none;

	padding: 0;

	margin: 0 0 0 4px;

	vertical-align: middle;

}



div.wpcf7 .ajax-loader.is-active {

	visibility: visible;

}



div.wpcf7 div.ajax-error {

	display: none;

}



div.wpcf7 .placeheld {

	color: #888;

}



div.wpcf7 .wpcf7-recaptcha iframe {

	margin-bottom: 0;

}



div.wpcf7 input[type="file"] {

	cursor: pointer;

}



div.wpcf7 input[type="file"]:disabled {

	cursor: default;

}
.marginwk {
	margin-left:-24px;
}
 .marginwk1{   -webkit-box-flex: 0;
    -ms-flex: 0 0 36.333333% !important;
    flex: 0 0 36.333333%!important;
    max-width: 36.333333% !important;
}








/* -------------- Responsive Styles [STAR] -------------- */



@media( min-width:1400px){

	.mainCarousel .carousel-item {  height:960px;

	}

}

@media (min-width: 1200px) {

	.container {

	    max-width: 1200px;

	}

}



@media (max-width: 1280px) {

	.parallax-our-companies {

		min-height: 460px;

	}

}



@media (max-width: 1200px) {

	.navbar-dark .navbar-nav .nav-link {

		padding-left: 0.4rem;

		padding-right: 0.4rem;

	}



 	.banner-content-2 h1 {

		font-size: 120px;

	} 



	.flip-container,

	.front,

	.back {

		width: 280px;

		height: 186px;

	}



	.work-counter .info-container .counter {

		padding-bottom: 40px;

	}



	.work-counter .info-container span,

	.work-counter .info-container h1 {

		font-size: 62px;

	}



	.testimonials .testimonial-message {

		padding-left: 0;

		padding-right: 0;

	}



	.testimonials .small-title {

		margin-top: 80px;

	}

}



@media (max-width: 992px) {

	.navbar {

	    padding: 1rem 1rem 1.2rem !important;

	}



	.navbar.bg-dark {

	    /*background-color: #1f1f1f !important;*/

	}



	.mainCarousel .carousel-item {

		height: 800px;

		-webkit-background-size: cover;

		background-size: cover;

	}



 	.banner-content-2 h1 {

		font-size: 100px;

		margin-bottom: 150px;

	} 



	.mainCarousel .carousel-caption {

		bottom: 100px;

	}



	.flip-container,

	.front,

	.back {

		width: 320px;

		height: 212px;

	}



	.work-counter  .para-container {

		margin-top: 40px;

	}



	.work-counter .info-container {

		margin-bottom: 80px;

	}



	.work-counter .info-container span,

	.work-counter .info-container h1 {

	    font-size: 84px;

	}



	.contact-us .contact-info .location p span {

		display: inline;

	}

}



@media (max-width: 991px) {

	.testimonials .testimonial-message-img,

	.testimonials .testimonial-message {

		width: 100%;

		padding-left: 0;

		padding-right: 0;

		text-align: center;

	}



	.testimonials .small-title {

		margin-top: 40px;

	}



	.testimonials .spacing40 {

		height: 20px;

	}



	.testimonials .testimonial-message {

		margin-bottom: 100px;

	}



	.testimonialsCarousel .carousel-indicators {

		bottom: 20px;

	}



	.navbar-dark .navbar-nav .nav-link {

	    padding-left: 0 !important;

	    padding-right: 0 !important;

	}

}



@media (max-width: 900px) {

	.our-history .container {

		width: 80%;

	}

}



@media (max-width: 812px) {

	.news .news-sect-single {

		width: 48%;

		margin-right: 4%;

	}



	.news .news-sect-single:nth-child(3n) {

		margin-right: 4%;

	}

.marginwk {
	margin-left:0px;
}
 .marginwk1{   -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
}



	.news .news-sect-single:nth-child(2n) {

		margin-right: 0;

	}

}



@media (max-width: 768px) {

	.mainCarousel .carousel-item {

		height: 620px;

	}



	



	.mainCarousel .carousel-caption h1 {

		font-size: 40px;

	}



	.banner-content-2 h1 {

		font-size: 60px !important;

		letter-spacing: 0;

		margin-bottom: 200px;

	}



	.mainCarousel .carousel-caption {

		bottom: 00px;

	}



	.mainCarousel .carousel-indicators {

		bottom: 30px;

	}



	/*sect-title {

		font-size: 42px;

	}



	.sect-title span {

		font-size: 48px;

	}*/



	



	.work-counter .info-container span,

	.work-counter .info-container h1 {

	    font-size: 72px;

	}



	.work-counter .parallax-work-counter {

		min-height: 800px;

	}



	.parallax-work-counter p {

		font-size: 22px;

	}



	



	.contact-us .bottom-links .sect-links {

		width: 100%;

	}



	.google-map {

		padding-left: 15px;

		padding-right: 15px;

		background: #e8e8e8;

	}


.marginwk1{   -webkit-box-flex: 0;
    -ms-flex: 0 0 ;
    flex: 0% !important;
    max-width: 100% !important;
}

}



@media (max-width: 767px) {

	.contact-us .contact-info .location p span {

		display: block;

	}



	.contact-us .contact-info .mail {

		margin-bottom: 50px;

	}



	.contact-us .contact-info .location p,

	.contact-us .contact-info .mail ul {

		text-align: center;

	}



	footer .social-icons ul.brands {

		flex-wrap: wrap;

	}



	.flip-container,

	.front,

	.back {

		width: 250px;

		height: 166px;

	}

}



@media (max-width: 575px) {

	.flip-container,

	.front,

	.back {

	    width: 359px;

	    height: 238px;

	    margin-left: auto;

    	margin-right: auto;

	}



	.work-counter {

		text-align: center;

	}



	.work-counter .info-container .counter {

		background-position: center bottom;

	}



	.work-counter .parallax-work-counter {

		min-height: 900px;

	}



	.slideControls .slidePrev {

		left: -40px;

	}



	.slideControls .slideNext {

		right: -40px;

	}

}



@media (max-width: 568px) {

	.navbar-brand {

		/*width: 100%;*/

		/*max-width: 392px;*/

		/*float: none;*/

		/*margin-left: auto;*/

		/*margin-right: auto;*/

	}



	.navbar-dark .navbar-toggler {

		/*top: 0;*/

		/*right: 0;*/

		/*width:  100%;*/

	}



	.navbar-dark .navbar-toggler #nav-icon {

		float: right;

		right: -5px;

	}

.post-meta-bottom .post-tags,

	.post-meta-bottom .post-popularity {

		width: 100%;

		float: left;

	}



	.post-meta-bottom .post-popularity {

		margin-top: 15px;

		text-align: left;

	}



	.post-meta-bottom .post-popularity li {

		margin-right: 20px;

		margin-left: 0;

	}



	.post-meta-bottom {

		overflow: hidden;

		padding-bottom: 0px;

	}

}



@media (max-width: 480px) {

	.navbar-brand {

		max-width: 330px;

		font-size: 20px;

	}



	



	.flip-container,

	.front,

	.back {

		width: 280px;

		height: 186px;

	}



	.work-counter .parallax-work-counter {

		min-height: 920px;

	}



	.parallax-work-counter p {

		font-size: 18px;

	}

	.post-detail .imp-text {

		padding-left: 10px;

		padding-right: 10px;

	}



	.post-author-block {

		padding: 40px 25px;

	}



	.news .news-sect-single {

		width: 100%;

		margin-right: 0;

	}



	.news .news-sect-single:nth-child(3n) {

		margin-right: 0;

	}

}



@media (max-width: 414px) {

	.navbar-brand {

		max-width: 200px;

		font-size: 17px;

	}



	.navbar-brand img {

		margin-right: 6px;

	}



	.mainCarousel .carousel-caption h1 {

		font-size: 32px;

	}



	.banner-content-2 h1 {

		font-size: 46px !important;

	}



	.our-companies .our-companies-links ul li {

		width: 80%;

	}



	



}





@media only screen and (max-device-width: 992px) {

    .para-img {

        background-attachment: scroll;

    }

}















/* 404 Pages Styles [START] */

html,

body {

    height: 100%;

}



body.error-page {

    padding-top: 0;

    height: 100%;

}







.error-wrapper {

	display: table;

	width: 100%;

	height: 100%;

}



.error-wrapper .error-container {

	display: table-cell;

	width: 100%;

	text-align: center;

	vertical-align: middle;

	background-repeat: no-repeat !important;

	-webkit-background-size: cover !important;

	background-size: cover !important;

}



.error-wrapper .error-overlay {

	display: table;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.85);

	color: #fff;

	position: relative;

}



.error-wrapper .error-content-container {

	display: table-cell;

	text-align: center;

	vertical-align: middle;
	padding-left: 35px;
	padding-right:35px;

    position: relative;

}



.error-wrapper .error-content {

	width: 100%;

	padding-top: 17px;

	padding-bottom: 70px;

}



.error-wrapper .content-box {

	width: auto;

	position: relative;

}



.error-wrapper .big-content {

	position: relative;

	width: 220px;

	min-height: 220px;

	margin: 0 auto 30px;

}



.error-wrapper .big-content .list-square {

	float: left;

}



.error-wrapper .big-content .list-square span.square {

	display: block;

	background-color: transparent;

	width: 50px;

	height: 50px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	border-radius: 5px;

	border: 10px solid #fff;

	margin-bottom: 15px;

}



.error-wrapper .big-content .list-line {

	float: left;

	margin-left: 20px;

}



.error-wrapper .big-content .list-line span.line {

	display: block;

	background: #fff;

	width: 150px;

	height: 10px;

	    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    border-radius: 5px;

    margin-bottom: 23px;

}



.error-wrapper .big-content .list-line span.line:nth-child(2),

.error-wrapper .big-content .list-line span.line:nth-child(4),

.error-wrapper .big-content .list-line span.line:nth-child(6) {

	width: 100px;

}



.error-wrapper .big-content .fa-search {

	position: absolute;

	top: 100px;

	left: 150px;

	font-size: 100px;

	color: #103443;

	-webkit-animation: corner 5s infinite;

    -moz-animation: corner 5s infinite;

    animation: corner 5s infinite;

}



@-webkit-keyframes corner{

    0%{

        -webkit-transform:translate(-20px, 0);

        -webkit-animation-timing-function:0,0.02,0,1.01

    }

    20%{

        -webkit-transform:translate(-150px, 2px)

    }

    40%{

        -webkit-transform:translate(-70px, -70px);

        animation-timing-function:cubic-bezier(0, 0.02, 0, 1.01)

    }

    60%{

        -webkit-transform:translate(-150px, -100px)

    }

    80%{

        -webkit-transform:translate(2px, -120px)

    }

    100%{

        -webkit-transform:translate(-20px, 0)

    }

}

@-moz-keyframes corner{

    0%{

        -moz-transform:translate(-20px, 0);

        -moz-animation-timing-function:0,0.02,0,1.01

    }

    20%{

        -moz-transform:translate(-150px, 2px)

    }

    40%{

        -moz-transform:translate(-70px, -70px);

        animation-timing-function:cubic-bezier(0, 0.02, 0, 1.01)

    }

    60%{

        -moz-transform:translate(-150px, -150px)

    }

    80%{

        -moz-transform:translate(20px, -120px)

    }

    100%{

        -moz-transform:translate(-20px, 0)

    }

}

@keyframes corner{

    0%{

        -webkit-transform:translate(-20px, 0);

        -moz-transform:translate(-20px, 0);

        -ms-transform:translate(-20px, 0);

        -o-transform:translate(-20px, 0);

        transform:translate(-20px, 0);

        -webkit-animation-timing-function:0,0.02,0,1.01;

        -moz-animation-timing-function:0,0.02,0,1.01;

        animation-timing-function:0,0.02,0,1.01

    }

    20%{

        -webkit-transform:translate(-150px, 20px);

        -moz-transform:translate(-150px, 20px);

        -ms-transform:translate(-150px, 20px);

        -o-transform:translate(-150px, 20px);

        transform:translate(-150px, 20px)

    }

    40%{

        -webkit-transform:translate(-70px, -70px);

        -moz-transform:translate(-70px, -70px);

        -ms-transform:translate(-70px, -70px);

        -o-transform:translate(-70px, -70px);

        transform:translate(-70px, -70px);

        animation-timing-function:cubic-bezier(0, 0.02, 0, 1.01)

    }

    60%{

        -webkit-transform:translate(-150px, -100px);

        -moz-transform:translate(-150px, -100px);

        -ms-transform:translate(-150px, -100px);

        -o-transform:translate(-150px, -100px);

        transform:translate(-150px, -100px)

    }

    80%{

        -webkit-transform:translate(20px, -120px);

        -moz-transform:translate(20px, -120px);

        -ms-transform:translate(20px, -120px);

        -o-transform:translate(20px, -120px);

        transform:translate(20px, -120px)

    }

    100%{

        -webkit-transform:translate(-20px, 0);

        -moz-transform:translate(-20px, 0);

        -ms-transform:translate(-20px, 0);

        -o-transform:translate(-20px, 0);

        transform:translate(-20px, 0)

    }

}



.error-wrapper .content-box h1 {

	font-size: 60px;

	font-weight: 600;
	letter-spacing: 4 px;

	color: #fff;

	line-height: 1;

	font-family: 'Cinzel',serif !important;

	text-transform: uppercase;

	text-align: center;

	margin: 0 0 15px 0;

	padding-left: 15px;

	padding-right: 15px;

	box-sizing:  border-box;

	width:  100%;

}



.error-wrapper .content-box p {

	font-size: 13px;

	font-weight: 400;

	color: #d2d6e4;
	padding-left: 35px; 
	padding-right: 35px;

	line-height: 1.8;

	font-family: 'Open Sans',sans-serif;

	text-align: center;

	margin: 0;


	box-sizing: border-box;

	width: 100%;

}



.error-wrapper-footer {

	 width: 100%;
    color: #fff;
	background-color: ##103442;
	padding-left: 35px; 
	padding-right: 35px;
	font-size: 13px; 
	letter-spacing: 2px; 

    text-align: center;

    position: absolute;
    font-family: 'Open Sans',sans-serif;

    z-index: 20;
	padding: 2rem 0;
	bottom: 0;
    left: 0;
 
    text-transform: uppercase;
    line-height: 1.8;
    font-weight: 400;
    text-align: center;

}



.error-wrapper-footer a {

    color: #fff;
	padding-left: 35px; 
	padding-right: 35px;

    background: #103442;

    padding: 10px 26px;

    transition: .4s all;

}



.error-wrapper-footer a:hover {

    color: #fff;

    text-decoration: none;

    background: #0e4d65;

}





@media (max-width: 768px) {

	.thankyoupage.mainCarousel {

	height: calc(100% - 280px);

	min-height: 580px;

}



.thankyoupage.mainCarousel .carousel-item {

	height: 100%;

}

	/*.error-wrapper {

		display: block;

	}

	.error-container {

	    display: block !important;

	    float: left;

	    width: 100% !important;

	    height: 100% !important;

	}*/



	.error-wrapper .content-box .big-content {

        -webkit-transform: scale(0.8);

        -moz-transform: scale(0.8);

        -ms-transform: scale(0.8);

        -o-transform: scale(0.8);

        transform: scale(0.8);

        margin: 0 auto;

    }



    .error-wrapper .content-box .big-content .fa-search {

    	font-size: 80px;

    }



    .error-wrapper .error-content h1 {

    	font-size: 24px;

    }

}



@media (max-width: 480px) {

    .banner-content.thanku-content {

    	padding: 0 !important;

    }

}





@media (max-width: 414px) {

    .error-wrapper .error-content p br {

        display: none;

    }

}



/* 404 Pages Styles [END] */