/*
* ------------------------------------------------------------------
*
* Project: 
* Version: 1.0
* Created : 13/09/2019
* Template URI: www.qamsco.com
* Author Name: Shelley C Antony
* Author URI: http://www.fshdesign.org/
* Description: Oil And Gas trading
* Developer: Fsh Design
*
*
* -------------------------------------------------------------------
*/

/*

*/
body{
color: #8f8f8f;
}

/*LOADER*/


/*LOADER*/

/*HEADER*/
.headerBg{
	background-image:url(../images/headerBg.jpg);
	padding-top:75px;
	padding-bottom:100px;
	background-size:cover;
	padding-left:5%;
            background-position:left top;
        background-repeat:no-repeat;
	}
.templateBg{
	background-image:url(../images/templateBg.jpg);
	padding-top:75px;
	padding-bottom:100px;
	background-size:cover;
	padding-left:5%;
            background-position:left top;
        background-repeat:no-repeat;
	}
.titleOne{
	color:#fefefe;
	font-size:20px;
	font-family: 'Raleway', sans-serif;
	font-weight:100;
	padding-top:75px;
	}
	.titleMain{
		padding-top:150px;
	}
	.titleMain p{
	color:#888194;
	font-size:60px;
	font-family: 'Raleway', sans-serif;
	margin: 0 0 -22px;
	}

.titleTwo p{
	color:#888194;
	font-size:40px;
	font-family: 'Raleway', sans-serif;
	margin: 0 0 -22px;
	}
.titleTwo-sub{
	color:#fff;
	font-size:18px;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:15px;
	}
.titleTwo-sub-2{
	color:#fff;
	font-size:18px;
	font-family: 'Montserrat', sans-serif;
	font-weight:500;
	padding-top:50px;
	}
.titleThree{
	margin-top:30px;
	color:#f2f2f2;
	font-size:20px;
	font-family: 'Raleway', sans-serif;
	font-weight:100;
	padding-top:20px;
	width:60%;
	}
.titleThreesub{
	color:#fff;
	font-size:18px;
	font-family: 'Montserrat', sans-serif;
	font-weight:500;
	padding-top:5px;
	}
.titleArrow{
	margin-left: 25%;
    width: 151px;
    padding-top: 75px;
    padding-bottom: 55px;
	}
.titleFour{
	color:#f2f2f2;
	font-size:20px;
	font-family: 'Raleway', sans-serif;
	font-weight:100;
	padding-bottom:50px;
	}
.titleLink a{
	color:#fefefe;
	font-size:34px;
	font-family: 'Raleway', sans-serif;
	}
.titleLink a{
	border-bottom:6px #fff solid;
	padding-bottom:10px;
	text-decoration: none;
}
.titleLink i{
	color:#fefefe;
	font-size:24px;
	margin-left:10px;
	}	
/*HEADER*/

/*ISOTOPE SECTION*/
.filter_box {
  		/*padding-right: 5px;
  		padding-left: 5px;*/
  		margin-bottom: 10px;

	-webkit-transition: all .4s ease;
	transition: all .4s ease;
  	}
	.filter_box .box:hover .studio-over {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

  	.single-district {
  		background: #daeddc;
  		color: #fff;
  		border:2px solid #009966;
  		display: block;
  		text-align: center;
  	}
  	.single-district h3 {
  		font-weight: 700;

  	}

  	.single-district p {
  		font-size: 15px;
  		margin: 8px;

  	}

  	.single-district a {
  		color: #000;
  		display: block;
  		padding: 15px;
  	}

  	.single-district a:hover {
  		color: red;
  		text-decoration: none;
  	}
	h3.sideTitle {
    font-size: 25px;
    color: #888194;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    padding-top: 50px;
	text-align: left;
}
.btn-filter {
    color: #312d3c;
    font-weight: 100;
    display: block;
    padding: 7px 0px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    padding-right: 5px;
	letter-spacing: 2px;
    font-family: 'Raleway', sans-serif;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,0);
}
.btn-filter:hover {
    /* background: #e74c3c; */
    color: #312d3c;
    font-weight: 500;
}
.box h4 {
    color: #888194;
    margin-top: 35px;
    margin-bottom: 85px;
    font-family: 'Raleway', sans-serif;
	text-transform:uppercase;
	font-size: 18px;
}
h3.mainTitle {
    font-size: 25px;
    color: #888194;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
}
/*ISOTOPE SECTION*/	

/*IMAGE SCROLL*/
.stretch img {
    background-position: top;
    top: 0;
    margin-top: 0 !important;
}

.pic {
width: 100%;
    height: 300px;
    
	 overflow: hidden;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  cursor: pointer;
  background-position:center top;
  border: solid 1px #fff;
-webkit-box-shadow: 1px 0px 23px -6px rgba(128,128,128,1);
-moz-box-shadow: 1px 0px 23px -6px rgba(128,128,128,1);
box-shadow: 1px 0px 23px -6px rgba(128,128,128,1);
}

.pic:hover img {
  animation: moveSlideshow 3s linear;
}

@keyframes moveSlideshow {
  100% {
    transform: translateY(-70%);
  }
}
.pic:hover .pic:after {
  opacity: 0;
}
/*IMAGE SCROLL*/
/*FOOTER*/
.footerMain{
	background-color:#312d3c;
	padding-top:100px;
	padding-bottom:35px;
	border-bottom:solid 3px #fff;
	}
.linefooter{
	width:100%;
	height:1px;
	background-color:#999999;
	margin-top:10px;
	}
.footerLogo{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:22px;
	color:#fff;
	font-weight:600;
}
.copyright{
	padding-top:45px;
}
.copyright .menu a{    
color: #999999;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    display: inline-block;
    padding-left: 25px;
}
.copyright .menu .rightbox{
	text-align:right;
}
.footerPara{
	font-size:14px;
	color:#999999;
	font-family: 'Source Sans Pro', sans-serif;
	padding-top:30px;
	}
.contact-form {
	z-index: 5;
	color: #fff;
	padding: 51px 0 0px;
}
.btn-send{
	padding:0px;
	color:#999999;
	background-color:transparent;
	margin-top:25px;
	}
.btn-send:hover, .btn-send:focus, .btn-send:active{
	color:#ffff;
	}
.contact-form .parallax-holder,
.contact-form .stretch {
	z-index: -1;
}
.stretch.pic img{
	width:100%
}
.contact-form .jcf-select,
.contact-form .form-control {
    color: #999999;
    height: 40px;
    font-size: 12px;
    margin: 0 0 30px;
    border-radius: 0;
    background: transparent;
    text-transform: uppercase;
    border: solid 0px #312d3c;
    border-bottom: 1px solid #999999;
}
.contact-form  .form-control {

	box-shadow:none;
	padding: 6px 0px;
}
.contact-form .form-control::-webkit-input-placeholder {
	color: #999999;
}

.contact-form .form-control:-moz-placeholder {
	color: #999999;
}

.contact-form .form-control::-moz-placeholder {
	color: #999999;
	opacity: 1;
}
/*FOOTER*/

/*TO TOP*/
#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background:#312d3c;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    color: #f7f7f7;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    transition: opacity .2s ease-out;
    opacity: 0
}
#back-to-top:after {
    content: "\f106";
    font-family: FontAwesome;
    position: relative
}
#back-to-top:hover {
    background: #000
}
#back-to-top.show {
    opacity: 1
}
/*TO TOP*/

/*PAGINATION*/
.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}
.pagination li {
    display: inline-block;
}
#test-list ul {
    padding-inline-start: 0px;
}
/*PAGINATION*/

/*LOGIN AREA*/
.loginBg{
	background-image:url(../images/login-bg.jpg);
	padding-top:75px;
	padding-bottom:100px;
	background-size:cover;
	padding-left:5%;
            background-position:left top;
        background-repeat:no-repeat;
	}
	.loginBx{
		padding-top:150px;
		}
	.loginTitle{
		font-family: 'Source Sans Pro', sans-serif;
	font-size:30px;
	color:#39393e;
	font-weight:700;
		}
		.loginBx label{
			font-family: 'Source Sans Pro', sans-serif;
	font-size:18px;
	color:#39393e;
	font-weight:700;
			}
			.loginBx .form-control {
    color: #39393e;
    height: 40px;
    font-size: 12px;
    margin: 0 0 30px;
    border-radius: 0;
    background: transparent;
    text-transform: unset;
    border: solid 0px #312d3c;
    border-bottom: 3px solid #39393e;;
}
.loginBx .form-control::-webkit-input-placeholder {
	color: #acacad;
	text-transform:lowercase
}

.loginBx .form-control:-moz-placeholder {
	color: #acacad;
	text-transform:lowercase
}

.loginBx .form-control::-moz-placeholder {
	color: #acacad;
	text-transform:lowercase
	opacity: 1;
}
.alertText a{
	color: #acacad;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:18px;
	text-decoration:none;
	}
.alertText a:hover{
	color: #39393e;
}
.btn-submit{
	background-color:#4d59d7;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:7px;
	padding-top:7px;
	color:#fff;
	text-transform:uppercase;
	font-size:16px;
	border-radius:20px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:bold;
	}
.btn-submit:hover, .btn-submit:active, .btn-submit:focus{
	background-color:#342f3d;
	color:#fff;
}
.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
.btn-drop {
    /* color: #fff; */
    color: #f2f2f2;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    font-weight: 100;
    padding-bottom: 0px;
    padding-left: 0px;
}
.btn-drop:hover, .btn-drop:active, .btn-drop:focus {
    /* color: #fff; */
    color: #f2f2f2;
}

element.style {
}
.dropdown:hover>.dropdown-menu {
    display: block;
}
.logOut .dropdown-menu {
 
    color: #ffffff;
    background-color: #312d3c;
    border: solid 1px #fff;
    left: 121px;
}
.logOut .dropdown-item.active, .logOut .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #312d3c;
}
.logOut .dropdown-item {
    padding: 0px;
    text-align: center;
    color: #fff;
    background-color: transparent;
    border: 0;
}