/****************************************************************************
	Table of Content
***************************************************************************


SOME BASIC CLASSES
	1- Top Bar
	2- Logo
	3- Banner
	3.1- Top services home page
	4- Tabs home page
	5- Home page Center banner
	6- Home page services listing
	7- Our Team Home page
	8- tg- Projects Home page
	9- Call to action Home page
	10- Partners
	11- Testimonials Slider
	12- Blog Box Home page
	13- Footer
	14-Innerpages Banner
	15- About Us Page
	16- Team Page
	17- Pricing Packages Page
	18- Project Gallery
	19- WP Function Projects
	20- Team List
	21- Appointment
	22- Blog description page
	23- Team Member single page
	24- Error 404 Page
	25- Contact Us page
	26- Carrers Page
	25- Blog Grid Page
	28- Blog Full Width
	29- WP Function Services

[Color codes]


a (standard):	#000 (dark blue)
a (visited):	#006fc1 (light blue)
a (active):	#006fc1 (pink)

[Typography]

Body copy:		14px/ 'Open Sans', sans-serif;

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

@import "css/animate.css";
* {
  padding: 0px;
  margin: 0px;
}


/* 1- Body Wrapper*/

.tg-wrapper {
  float: left;
  width: 100%;
}


/* 1- Top Bar*/

.header-bg {
  float: left;
  width: 100%;
  position: relative;
}

.left-curve-topbar {
  width: 0;
  height: 0;
  border-top: 100px solid;
  border-left: 100px solid transparent;
}

.right-curve-topbar {
  width: 0;
  height: 0;
  border-top: 100px solid;
  border-right: 100px solid transparent;
}

.tg-topbar .header-bg:before {
  content: "";
  position: absolute;
  border-bottom: 95px solid #fff;
  border-right: 50px solid transparent;
  left: 0px;
  top: 0px;
}

.tg-topbar .header-bg:after {
  content: "";
  position: absolute;
  border-bottom: 95px solid #fff;
  border-left: 50px solid transparent;
  right: 0px;
  top: 0px;
}

.tg-topbar {
  font-size: 14px
}

.tg-topbar li {
  list-style-type: none;
  float: left;
  margin-left: 10px;
  line-height: 25px
}

.tg-topbar li:last-child {
  border-right: none
}

.tg-topbar .socialicons .fa {
  line-height: 25px;
  margin: 0 15px 0 0;
  color: #fff
}

.tg-barinfo strong {
  float: left
}

.tg-barinfo {
  color: #fff;
}

.tg-barinfo {
  margin-right: 15px
}

.tg-barinfo .fa {
  margin-right: 15px
}

.tg-topbar a:hover {
  background-color: transparent
}


/* 2- Logo*/

.tg-header .logo {
  margin: 18px;
}

.tg-header .logo a {
  padding: 0;
  margin: 0
}


/* 3- Banner */

.tg-banner h1 {
  font-size: 62px;
  font-weight: 200;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
  color: #fff;
  font-family: 'Lato', sans-serif;
  line-height: 62px;
  margin: 0;
  padding-bottom: 25px
}

.tg-banner h2 {
  font-size: 65px;
  font-weight: 700;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
  color: #fff;
  font-family: 'Lato', sans-serif;
  line-height: 49px;
  margin: 0;
  padding-bottom: 23px
}

.tg-banner p {
  font-size: 18px;
  font-weight: 300;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
  color: #fff;
  font-family: 'Lato', sans-serif;
  line-height: 26px;
  margin: 0 auto;
  width: 80%;
  padding-bottom: 27px;
  padding-top: 6px
}


/* 4- Top services home page */

.logobg {
  background-image: url(images/logo-big.png);
  position: absolute;
  height: 220px;
  overflow: hidden
}

.tg-services .container {
  padding: 80px 0
}

.tg-services h2 a {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 2px;
  padding: 0;
  line-height: 25px
}

.tg-services h2 a:hover {
  /*font-size: 20px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 2px;
	padding: 0;
	line-height: 25px;*/
  background-color: transparent
}

.tg-services p {
  font-size: 16px;
  font-weight: 400;
  color: #748698;
  padding: 0;
  margin: 0;
  color: #ccc;
}

.tg-services .fa {
  color: #fff;
  font-size: 49px;
}

.tg-services .col-md-3:hover .fa {
  -webkit-transition: opacity 3s ease-in-out;
  -moz-transition: opacity 3s ease-in-out;
  -ms-transition: opacity 3s ease-in-out;
  -o-transition: opacity 3s ease-in-out;
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: -webkit-transform .8s ease-in-out;
  -moz-transition: -webkit-transform .8s ease-in-out;
  -o-transition: -webkit-transform .8s ease-in-out;
  -ms-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}


/* 4- Tabs home page */

.tg-tabs .nav-tabs {
  border-bottom: none;
  text-align: center;
  margin-bottom: 50px
}

.tg-tabs .nav-tabs>li {
  float: none;
  display: inline-block;
  margin-bottom: 0
}

.tg-tabs .nav-tabs>li a {
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  -khtml-border-radius: 40px;
  border-radius: 40px;
  padding: 16px 70px;
  font-size: 19px;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  color: #fff;
  background-image: -ms-linear-gradient(top, #354A5F 0%, #23303e 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #354A5F 0%, #23303e 100%);
  /* Opera */
  background-image: -o-linear-gradient(top, #354A5F 0%, #23303e 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #354A5F), color-stop(100, #23303e));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #354A5F 0%, #23303e 100%);
  /* W3C Markup */
  background-image: linear-gradient(to bottom, #354A5F 0%, #23303e 100%);
}

.tg-tabs li.active a:after {
  content: " \25bc";
  position: absolute;
  float: left;
  bottom: -25px;
  left: 43%;
  font-size: 25px;
}

.tg-tabs li.active a,
.tg-tabs .nav>li>a:focus,
.tg-tabs .nav>li>a:active {
  color: #fff;
  border: none;
}

.tg-tabs li.active a {
  background-image: none
}

.tg-tabs .listitem li:before {
  font-family: 'FontAwesome';
  content: '\f05d';
  margin: 0 5px 0 -15px;
  color: #263646;
  font-size: 25px;
}

.tg-tabs ul.listitem {
  margin: 20px 0 10px 15px;
}

.tg-tabs .listitem li {
  display: inline-block;
  font-size: 20px;
  color: #263646;
  margin-right: 80px;
  font-weight: 700
}

.tg-tabs .nav-tabs>li.active>a:hover {
  border: none;
  color: #fff
}

.tg-tabs h2 {
  font-size: 28px;
  font-weight: 600;
  color: #000
}

.tg-tabs {
  width: 100%;
  float: left;
  padding: 70px 0;
}

.tab-content p {
  margin-top: 11px;
}


/* 5- Home page Center banner*/

.tg-center-banner {
  background: url(extra-images/center-banner.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  color: #fff;
  float: left;
  width: 100%;
  position: relative;
}

.tg-center-banner h2 {
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 10px;
}

.tg-center-banner p {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin: 0 auto;
  width: 50%;
  margin-bottom: 20px;
  margin-top: 0;
  padding: 0;
}


/* 6- Home page services listing */


/* i new added */

.dollarbg {
  position: relative;
  width: 100%;
  min-height: 210px;
  float: left;
}

.tg-services-listing {
  width: 100%;
  float: left;
  padding-top: 59px;
  padding-bottom: 59px;
}

.tg-services-listing .col-md-8 {
  margin-top: 20px
}

.tg-services-listing img {
  -moz-border-radius: 1500px;
  -webkit-border-radius: 1500px;
  -khtml-border-radius: 1500px;
  border-radius: 1500px;
  -webkit-box-shadow: 4px 4px 23px 2px rgba(234, 234, 234, 0.81);
  -moz-box-shadow: 4px 4px 23px 2px rgba(234, 234, 234, 0.81);
  box-shadow: 4px 4px 23px 2px rgba(234, 234, 234, 0.81);
  border: 1px solid #f0f0f0;
  padding: 20px;
  max-width: 100%
}

.tg-services-listing .col-md-6 {
  padding: 30px
}

.tg-services-listing .col-md-6:nth-child(1) {
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb
}

.tg-services-listing .col-md-6:nth-child(2) {
  border-bottom: 1px solid #ebebeb
}

.tg-services-listing .col-md-6:nth-child(3) {
  border-right: 1px solid #ebebeb
}

.tg-services-listing .col-md-4 {
  text-align: center
}

.tg-services-listing .fa {
  font-size: 70px;
  -moz-border-radius: 150px;
  -webkit-border-radius: 150px;
  -khtml-border-radius: 150px;
  border-radius: 150px;
  -webkit-box-shadow: 4px 4px 23px 2px rgba(234, 234, 234, 0.81);
  -moz-box-shadow: 4px 4px 23px 2px rgba(234, 234, 234, 0.81);
  box-shadow: 4px 4px 23px 2px rgba(234, 234, 234, 0.81);
  border: 1px solid #f0f0f0;
  width: 150px;
  height: 150px;
  line-height: 150px;
  -webkit-transition: -webkit-transform .8s ease-in-out;
  -moz-transition: -webkit-transform .8s ease-in-out;
  -o-transition: -webkit-transform .8s ease-in-out;
  -ms-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}

.tg-services-listing:hover {}

.tg-services-listing .col-md-6:hover .fa {
  -webkit-transition: opacity 3s ease-in-out;
  -moz-transition: opacity 3s ease-in-out;
  -ms-transition: opacity 3s ease-in-out;
  -o-transition: opacity 3s ease-in-out;
  color: #fff;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -webkit-transition: -webkit-transform .8s ease-in-out;
  -moz-transition: -webkit-transform .8s ease-in-out;
  -o-transition: -webkit-transform .8s ease-in-out;
  -ms-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}

.fa {
  -webkit-transition: -webkit-transform .8s ease-in-out;
  -moz-transition: -webkit-transform .8s ease-in-out;
  -ms-transition: -webkit-transform .8s ease-in-out;
  -o-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}

.fa:hover {
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: -webkit-transform .8s ease-in-out;
  -moz-transition: -webkit-transform .8s ease-in-out;
  -o-transition: -webkit-transform .8s ease-in-out;
  -ms-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}

.glyphicon {
  -webkit-transition: -webkit-transform .8s ease-in-out;
  -ms-transition: -webkit-transform .8s ease-in-out;
  -o-transition: -webkit-transform .8s ease-in-out;
  -moz-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}

.glyphicon:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: -webkit-transform .8s ease-in-out;
  -ms-transition: -webkit-transform .8s ease-in-out;
  -moz-transition: -webkit-transform .8s ease-in-out;
  -o-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}


/* 7- Our Team Home page */

.tg-our-team {
  width: 100%;
  float: left;
  padding-bottom: 70px;
}

.member-details h3 {
  font-size: 20px;
  margin-bottom: 0px;
  margin-top: 20px
}

.member-details p {
  font-size: 12px;
  margin-top: 0px
}

.member-details .fa {
  font-size: 14px;
  padding: 8px 5px
}

.tg-our-team .border {
  padding: 25px 0 0 0;
}

.tg-our-team .col-md-3 {
  -webkit-transition: -webkit-transform .8s ease-in-out;
  -moz-transition: -webkit-transform .8s ease-in-out;
  -ms-transition: -webkit-transform .8s ease-in-out;
  -o-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}

.tg-our-team .col-md-3:hover {
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}

.tg-our-team .member-details:hover {}

.overlay-team {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: all 1s ease-in-out;
}

.tg-our-team .col-md-3:hover .overlay-team {
  height: 100%;
}

.tg-our-team .text {
  white-space: nowrap;
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.tg-our-team .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.tg-our-team .col-md-3:hover .overlay {
  height: 100%;
}

.tg-our-team .text {
  white-space: nowrap;
  color: white;
  font-size: 15px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 100%
}

.tg-our-team .text a {
  color: #fff;
  background-color: transparent
}

.tg-our-team .text .fa {
  border: 1px solid #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  -khtml-border-radius: 200px;
  border-radius: 200px;
}

.tg-our-team .blue-bg {
  width: 100%;
  float: left
}


/* 8- tg- Projects Home page */

.tg-title-project {
  float: left;
  width: 100%;
}

.tg-title-project .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  -khtml-border-radius: 200px;
  border-radius: 200px;
  -webkit-box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255, 1);
  -moz-box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255, 1);
  box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255, 1);
}

.tg-title-project .col-md-3:hover .overlay {
  height: 100%;
}

.tg-title-project .text {
  white-space: nowrap;
  color: white;
  font-size: 15px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 100%
}

.tg-title-project .text a {
  color: #fff;
  background-color: transparent
}

.tg-title-project .text .fa {
  border: 1px solid #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  -khtml-border-radius: 200px;
  border-radius: 200px;
}

.tg-project {
  margin-bottom: 70px;
  width: 100%;
  float: left;
}

.tg-project .col-md-3 {
  margin-top: -140px;
  padding-left: 5px;
  padding-right: 5px;
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}

.tg-project .col-md-3:hover {
  margin-top: -140px;
  padding-left: 5px;
  padding-right: 5px;
  transform: translate(0, -60px);
  -webkit-transform: translate(0, -60px);
  -o-transform: translate(0, -60px);
  -moz-transform: translate(0, -60px);
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}

.tg-project .col-md-3 h3 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 20px;
  width: 100%;
  float: left
}

.tg-project .project-content img {
  -moz-border-radius: 100px;
  -webkit-border-radius: 200px;
  -khtml-border-radius: 200px;
  border-radius: 200px;
  margin: 0;
}

.tg-project .parent-class {
  border: 5px solid #fff;
  border-radius: 100%;
}

.project-content .caption1 {
  cursor: pointer;
  position: absolute;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  top: 1px;
  left: 1px;
  height: 70%;
  width: 99%;
  border-radius: 140px;
}


/* 9- Call to action Home page */

.tg-call-to-action {
  background: url(images/banner2.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  color: #fff;
  float: left;
  width: 100%
}

.tg-call-to-action h2 {
  font-size: 40px;
  font-weight: 200;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
  color: #fff;
  line-height: 46px;
  margin: 0;
  padding-bottom: 5px
}

.tg-call-to-action h3 {
  font-size: 45px;
  font-weight: 700;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
  color: #fff;
  line-height: 47px;
  margin: 0;
  padding-bottom: 18px
}


/* 10- Partners */

.tg-partners img {
  padding: 0px 23px;
}

.tg-partners {
  width: 100%;
  float: left;
  background-color: #fafafa;
  padding: 70px 0;
  overflow: hidden;
}

.tg-partners h2 {
  line-height: 20px;
  margin-bottom: 20px;
}

.tg-partners img {
  /* Firefox 3.5+, IE10 */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
  -webkit-transition: all .6s ease;
  /* Fade to color for Chrome and Safari */
  -webkit-backface-visibility: hidden;
  /* Fix for transition flickering */
}

.tg-partners img:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}


/* 11- Testimonials Slider */

.tg-testimonails {
  width: 100%;
  float: left;
  margin-bottom: 70px;
  padding-top: 70px;
}

.tg-testimonails .item span {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  margin: 0px;
  padding: 0px;
  font-style: italic
}

.tg-testimonails .owl-theme .owl-dots,
.tg-testimonails .owl-theme .owl-nav {
  margin-bottom: -10px
}

.tg-testimonails .item p {
      font-size: 23px;
    color: #000;
    margin: 0px;
    padding: 3px 12px;
    font-weight: 600;
    font-style: italic;
}

.image_testimonial img {
  -moz-border-radius: 100px;
  -webkit-border-radius: 200px;
  -khtml-border-radius: 200px;
  border-radius: 200px;
  max-width: 120px;
}

.testimonials-line {
  background-color: #d6d6d6;
  width: 100%;
  float: left;
  height: 6px;
  position: absolute;
  top: 60px;
  z-index: -1;
  -moz-border-radius: 100px;
  -webkit-border-radius: 200px;
  -khtml-border-radius: 200px;
  border-radius: 200px;
}

.testimonails-quote {
  font-size: 80px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 200px;
  -khtml-border-radius: 200px;
  border-radius: 200px;
  display: inline-block;
  padding: 20px;
  float: right;
}

.testimonails-quote img {
  max-width: 80px
}

.testimonials-line2 {
  background-color: #d6d6d6;
  width: 100%;
  float: left;
  height: 6px;
  position: absolute;
  bottom: 60px;
  z-index: -1;
  -moz-border-radius: 100px;
  -webkit-border-radius: 200px;
  -khtml-border-radius: 200px;
  border-radius: 200px;
}

.owl-theme .owl-nav {
  margin-top: 10px;
  color: black;
  position: absolute;
  top: 50%;
  width: 100%
}

.owl-prev {
  position: absolute;
  left: -150px;
  font-size: 63px !important;
  width: auto !important;
  height: auto !important;
  background-color: rgba(0, 0, 0, 0) !important;
  color: #eee !important;
}

.owl-next {
  position: absolute;
  right: -150px;
  font-size: 63px !important;
  width: auto !important;
  height: auto !important;
  background-color: rgba(0, 0, 0, 0) !important;
  color: #eee !important;
}

@media screen and (max-width:767px) {
  .owl-next {
    display: none;
  }
}

.owl-carousel2 .item {
  border: 1px solid #f0f0f0;
  padding: 15px
}


/* 12- Blog Box Home page */

.tg-blog {
  width: 100%;
  height: 100%;
  float: left;
  color: #6986a2
}

.tg-blog h2 a {
  color: #fff
}

.blog-sep {
  width: 120px;
  height: 4px;
  background-color: #6986a2;
  margin: 0 auto;
  -moz-border-radius: 100px;
  -webkit-border-radius: 200px;
  -khtml-border-radius: 200px;
  border-radius: 200px;
}

.tg-blog .col-md-3 {
  padding: 5px 5px 0px 5px
}

.tg-blog .col-md-3 h2 a {
  font-size: 17px;
  margin: 15px 0 5px 0;
  color: #fff;
  display: inline-block
}

.tg-blog .col-md-3 h2 a:hover {
  font-size: 17px;
  margin: 15px 0 5px 0;
  color: #006ebf;
  background-color: transparent
}

.tg-blog p {
  font-size: 14px;
  font-weight: 300;
  color: #ccc;
}

.tg-blog .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.tg-blog .col-md-3:hover .overlay {
  height: 100%;
}

.tg-blog .text {
  white-space: nowrap;
  color: white;
  font-size: 15px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: 100%
}

.tg-blog .text a {
  color: #fff;
  background-color: transparent
}

.tg-blog .text .fa {
  border: 1px solid #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  -khtml-border-radius: 200px;
  border-radius: 200px;
}

.tg-blog ul {
  list-style-type: none;
  float: left;
  width: 100%;
  padding: 5px;
  text-align: center;
}

.tg-blog ul li {
  float: left;
  font-size: 12px;
  color: #fff;
  list-style-type: none;
  width: 33%
}

.tg-blog ul li .fa {
  margin-right: 5px
}


/* 13- Footer */

.tg-contact-footer {
  float: left;
  width: 100%;
}

.tg-contact-footer .form-btn {
  margin-top: 12px;
}

.tg-contact-title {
  float: left;
  width: 100%;
}

.contacts .fa {
  text-align: center;
  width: 50px;
  height: 50px;
  color: #fff;
  line-height: 50px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 200px;
  -khtml-border-radius: 200px;
  border-radius: 200px;
}

.contacts h4 {
  font-size: 17px;
  margin: 0;
  padding: 0;
}

.contacts p {
  color: #000;
  margin: 0;
  padding: 0;
  font-size: 14px
}

.contacts {
  width: 100%;
  float: left;
  margin: 0 0 20px 0px;
}

.tg-footer {
  background: url(images/footer-bg.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  float: left;
  width: 100%
}

.tg-footer-blue-bar {
  padding: 15px 0;
  float: left;
  width: 100%;
  color: #fff;
  font-size: 14px
}

.tg-footer .contacts p {
  color: #fff;
}

.tg-footer .contacts i {
  margin-right: 10px;
}


/* 14-Innerpages Banner */

.tg-innerpage-banner {
  background: url(images/innerpage-banner.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  float: left;
  width: 100%
}

.breadcrumbs {
  width: 100%;
  float: left;
  padding: 70px 0
}

@media screen and (max-width:767px){
.breadcrumbs {
   padding: 19px 0;
   }
.islem-psikolojisi .box-group .col-xs-12 {
    margin-bottom: 7px;
}
   .islem-psikolojisi .box-group .boxContent, .islem-psikolojisi .box-group .boxContent a{background:rgb(40, 34, 85)!important; cursor:pointer; height:50px!important; 
   padding-top:15px!important; min-height: 50px!important; font-size: 14px!important;}
.islem-psikolojisi .box-group .boxContent, .islem-psikolojisi .box-group .boxContent {height:50px!important;background: none!important; padding-top:0px!important}
.islem-psikolojisi .tg-services-details.padding70{padding-top:15px!important; padding-bottom: 15px!important}
}

.tg-innerpage-banner .breadcrumbs .tagline {
  width: 100%;
  float: left;
  color: #fff;
  font-size: 18px
}

.tg-innerpage-banner .breadcrumbs ul {
  margin: 0;
  padding: 0
}

.tg-innerpage-banner .breadcrumbs ul li {
  float: left;
  list-style-type: none;
  line-height: 18px
}

.tg-innerpage-banner .breadcrumbs ul li a {
  font-size: 24px;
  font-weight: 700;
  color: #fff
}

.tg-innerpage-banner .breadcrumbs ul li a:hover {
  background-color: transparent;
}

.tg-innerpage-banner .breadcrumbs ul li a:after {
  font-family: 'FontAwesome';
  content: '\f105';
  margin: 2px 5px;
  color: #fff;
  font-size: 20px;
  float: right;
  font-weight: 300;
}

.tg-innerpage-banner .breadcrumbs ul li:last-child a:after {
  display: none;
}


/* 15- About Us Page*/

.tg-about {
  padding: 70px 0
}

.tg-about p {
  color: #757575;
  font-size: 14px;
  padding-bottom: 9px
}

.tg-about span {
  font-weight: bold;
  color: #212121;
  font-size: 16px
}

.projects-completed-text {
  background-color: #e1e1e1;
  float: left;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}

.projects-milestone {
  background-image: url(images/light.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  float: left;
  width: 100%;
  position: relative;
}

.projects-milestone:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
}

.projects-milestone strong {
  font-size: 45px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  float: left;
  width: 100%;
  line-height: 34px;
}

.projects-milestone span {
  width: 100%;
  float: left;
  font-size: 20px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  margin-top: 10px
}

.projects-milestone .col-md-6 {
  padding-bottom: 96px;
  text-align: center
}

.projects-milestone .counter-value {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  display: inline-block;
  line-height: 40px;
  margin-bottom: 10px;
}

.projects-milestone .counter-value::after {
  content: "+";
  color: #fff;
  font-weight: bold;
}


/* 16- Team Page */

a.team-grid h2 {
  font-size: 18px;
  letter-spacing: 0;
}

a.team-grid h2 span {
  font-size: 16px;
  letter-spacing: 0;
  color: #8f8f8f
}

.tg-team-list .col-md-6 {
  margin-bottom: 40px;
}

.tg-team-list .col-md-6 .col-md-8 {
  margin-top: 20px;
}

.tg-team-list .col-md-6 .col-md-4 img {
  -webkit-box-shadow: 4px 4px 23px 2px rgba(234, 234, 234, 0.81);
  -moz-box-shadow: 4px 4px 23px 2px rgba(234, 234, 234, 0.81);
  box-shadow: 4px 4px 23px 2px rgba(234, 234, 234, 0.81);
  border: 1px solid #f0f0f0;
}

a.team-grid img {
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}

a.team-grid:hover img {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}


/* 17- Pricing Packages Page*/

.tg-packages {
  background: url(images/packages.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: right top;
  float: left;
}

.tg-packages .price-heading {
  font-size: 50px;
  font-weight: 700
}

.tg-packages .price-heading span {
  color: #a4a4a4;
  font-size: 16px;
  font-weight: 400
}

.packages-silver,
.packages-bronze,
.packages-gold {
  background-color: #fff;
  padding: 30px 10px;
  text-align: center
}

.packages-silver ul,
.packages-bronze ul,
.packages-gold ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}

.packages-silver ul li,
.packages-bronze ul li,
.packages-gold ul li {
  list-style-type: none;
  color: #969696;
  font-size: 14px;
  text-align: center;
}

.disable {
  text-decoration: line-through;
}

.tg-packages .fa {
  font-size: 60px;
  padding-bottom: 20px
}

.tg-packages-heading .blue-sep-heading {
  margin-bottom: 20px
}


/* 18- Project Gallery*/

.tg-boxgrid-heading p {
  margin-top: 0;
  font-size: 20px;
}

#filters {
  margin: 1%;
  padding: 0;
  list-style: none;
  text-align: center
}

#filters li {
  display: inline-block;
}

#filters li span {
  display: block;
  padding: 5px 20px;
  text-decoration: none;
  color: #b8b8b8;
  cursor: pointer;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  -khtml-border-radius: 200px;
  border-radius: 200px;
  font-size: 13px;
  border: 1px solid #b8b8b8;
}

#filters li span.active {
  border: 1px solid;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  -khtml-border-radius: 200px;
  border-radius: 200px;
  font-size: 13px
}

.boxgrid .label-text a {
  margin-top: 15px;
  display: inline-block;
}

#projectlist .boxgrid {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  float: left;
  overflow: hidden;
}

.related-projects {
  width: 100%;
  float: left
}

.related-projects .boxgrid {
  margin-bottom: 20px;
}

.boxgrid-wrapper {
  overflow: hidden;
  position: relative !important;
  background: #666;
}

.boxgrid img {
  max-width: 100%;
  position: relative;
  top: 0;
  -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.boxgrid .boxgrid-label {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -100%;
  -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.boxgrid .text-designation {
  font-size: 14px;
  color: #fff
}

.boxgrid-label .fa {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
  font-size: 12px;
  z-index: 9999;
  color: #fff
}

.boxgrid .label-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.boxgrid .label-text {
  color: #fff;
  z-index: 500;
  padding: 5px 8px;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: 100%;
}

.boxgrid .text-category {
  display: inline-block;
  font-size: 11px;
  text-transform: uppercase
}

.boxgrid a.text-category:hover {
  display: inline-block;
  font-size: 11px;
  text-transform: uppercase;
  background-color: transparent;
  color: #fff
}

.boxgrid-readmore {
  border: 1px solid #fff;
  padding: 5px 20px;
  font-size: 12px;
  color: #fff;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  -khtml-border-radius: 40px;
  border-radius: 40px;
  margin: 15px 0;
  display: inline-block;
  transition: all 0.1s ease-in-out;
}

.boxgrid-readmore:hover {
  border: 1px solid #fff;
  padding: 5px 20px;
  font-size: 12px;
  color: #000;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  -khtml-border-radius: 40px;
  border-radius: 40px;
  margin: 15px 0;
  display: inline-block;
  transition: all .1s ease-in-out;
}

.boxgrid .text-title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 15px;
  color: #fff;
}

.boxgrid .text-description {
  font-size: 12px;
  font-weight: 400
}

.boxgrid:hover .boxgrid-label {
  bottom: 0;
}


/*19- WP Function Projects */

.project-info {
  text-align: center;
  width: 100%;
  margin: 20px 0;
  float: left
}

.project-info .border {
  border: 1px solid #9a9a9a;
  margin-bottom: 20px;
}

.project-info .col-md-12 {
  padding: 30px 10px
}

.project-info .icon {
  font-size: 16px;
  color: #9a9a9a;
  display: block
}

.project-info .project-info-title {
  color: #026bb9;
  font-size: 22px;
  font-weight: 300;
  display: block
}

.project-info .project-info-detail {
  color: #026bb9;
  font-size: 24px;
  font-weight: 700;
}

.tg-project-description h2 {
  line-height: 20px;
  margin-bottom: 20px;
  clear: both;
}

.tg-project-description p {
  margin: 0;
  margin-bottom: 17px;
}


/* 20- Team List*/

.tg-team-list .boxgrid-label .fa {
  position: static;
  right: 0;
  background-color: transparent;
  top: 0;
  padding: 10px;
  font-size: 12px;
  z-index: 9999;
  color: #fff;
  border: 1px solid #fff;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  -khtml-border-radius: 200px;
  border-radius: 200px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  padding: 0
}

.tg-team-list .boxgrid-label a:hover {
  position: static;
  right: 0;
  background-color: transparent;
  top: 0;
  font-size: 12px;
  z-index: 9999;
  color: #fff
}

.tg-team-list-heading h2 {
  line-height: 21px;
  margin-bottom: 20px;
}

.tg-team-list-heading .blue-sep-heading {
  margin-bottom: 0
}

.employee_image {
  float: left;
  width: 100%
}

.employee_description {
  width: 100%;
  float: left
}

.employee-of-week-wrapper {
  height: 100%;
}

.employee-of-week-innercontent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: 90%;
}

.employee-of-week-innercontent p {
  font-size: 14px;
  color: #fff;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
  margin-top: 0;
  margin-bottom: 30px;
}

.employee-of-week-innercontent h3 {
  font-size: 20px;
  color: #fff;
  margin-bottom: 30px;
}

.employee-of-week-innercontent .member-name {
  font-size: 49px;
  line-height: 50px;
  color: #fff;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
  margin-bottom: 30px;
}

.dark-background {
  background-color: #243342
}

.miltestone-bg {
  background-color: #14212e;
  padding: 15px 10px;
  transition: all 0.8s ease;
  float: left
}

.miltestone-bg:hover {
  padding: 15px 10px;
  transition: all 0.8s ease;
}

.miltestone-bg .fa {
  color: #fff;
  font-size: 25px;
  display: block
}

.miltestone-bg .fa:hover {
  -webkit-transform: none;
  -ms-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}

.miltestone-bg span {
  font-size: 55px;
  font-weight: 300;
  color: #fff
}


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


/*---21- Appointment----*/

select.grey-field,
input.grey-field {
  background-color: #f5f5f5;
  float: left;
  width: 100%;
  line-height: 1;
  border: none;
  outline: none;
  height: 50px;
  padding: 0 10px;
  font-size: 14px;
  margin-bottom: 20px;
}

textarea.grey-field {
  margin-bottom: 20px;
  background-color: #f5f5f5;
  float: left;
  width: 100%;
  border: none;
  outline: none;
  height: 120px;
  resize: none;
  padding: 10px;
  font-size: 14px
}

.tg-appointment .form-group {
  clear: both
}

.tg-appointment label {
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 20px 0
}


/*------22- Blog description page---------*/

.post-image-wrapper {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

.post-content {
  float: left;
  width: 100%
}

.post-content p {
  margin: 0 0 20px 0;
  color: #000
}

.post-image-title {
  width: auto;
  margin: 0 auto;
  border-top: 4px solid;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  padding: 20px 0 40px;
}

.post-image-info {
  width: 100%;
  margin: 0 auto;
  display: inline-block;
  border-top: 4px solid;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  padding: 18px;
}

.post-slider {
  width: 100%;
  float: left;
  margin-top: -20px;
  max-height: 400px;
  overflow: hidden
}

.post-slider img {
  width: 100%
}

.post-image-info ul {
  margin: 0;
  padding: 0;
  float: right
}

.post-image-info ul li {
  list-style-type: none;
  float: left;
  margin: 5px;
  line-height: 15px
}

.post-image-info ul li a {
  color: #fff
}

.post-image-info ul li a .fa {
  margin-right: 5px
}

.post-image-info ul li a:hover {
  background-color: transparent
}

.tags-list li a::after {
  content: ",";
  color: #fff;
  margin-right: 3px;
  margin-left: 3px
}

.tags-list li:last-child a::after {
  display: none
}

.post-image-info strong {
  text-align: right;
  line-height: 25px;
  margin-right: 15px;
  color: #fff;
  font-weight: 400
}

.quote-wrapper {
  background-color: #f5f5f5;
  float: left;
  width: 100%;
  border-top: 5px solid #d6d6d6;
  margin: 28px 0 15px 0;
  text-align: center;
}

.quote-mark {
  color: #fff;
  font-size: 30px;
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin-top: -30px;
  margin-left: auto;
  margin-right: auto
}

.quote-content {
  float: left;
  width: 100%;
  padding: 25px 15px;
  text-align: justify;
  font-size: 14px;
  color: #000
}

.post-sharebox {
  background-color: #fbfbfb;
  float: left;
  width: 100%;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin: 0 0 20px 0;
  padding: 18px 0 18px;
  font-size: 13px;
  color: #000
}

.post-sharebox li a::after {
  content: ",";
  color: #000;
  margin-right: 3px;
  margin-left: 3px
}

.post-sharebox li:last-child a::after {
  content: "";
  color: #000;
}

.post-sharebox ul {
  margin: 0
}

.post-sharebox li {
  float: left;
  list-style-type: none
}

.post-sharebox li a {
  float: left;
  line-height: 20px;
}

.post-sharebox li a:hover {
  background-color: transparent
}

.post-sharebox strong {
  float: left;
  line-height: 20px;
  font-weight: 400;
  margin-right: 10px
}

.post-sharebox .col-sm-3 ul {
  margin: 0;
  float: right
}

.post-sharebox .col-sm-3 strong {
  float: none;
  text-align: right
}

.about-author {
  background-color: #f5f5f5;
  float: left;
  width: 100%;
  border-top: 5px solid #d6d6d6;
  margin: 50px 0;
  text-align: left;
  padding: 20px 20px 18px 20px
}

.about-author h3 {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  line-height: 16px
}

.about-author p {
  font-size: 14px;
  margin: 10px 0 6px 0;
}

.about-author a {
  line-height: 14px
}

.about-author a .fa {
  font-size: 14px;
  margin-right: 5px
}

.about-author a:hover .fa {
  color: #000;
  background-color: transparent
}

.about-author a:hover {
  color: #000;
  background-color: transparent
}

.comments-section {
  width: 100%;
  float: left;
  margin-bottom: 50px
}

.title-widget {
  width: 100%;
  float: left;
  margin-bottom: 50px
}

.comments-wrapper {
  float: left;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(235, 235, 235, 1);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(235, 235, 235, 1);
  box-shadow: inset 0px 0px 0px 1px rgba(235, 235, 235, 1);
  color: #212121;
  margin-top: -1px;
  width: 100%;
  padding: 15px;
}

.comments-reply-wrapper {
  float: left;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(235, 235, 235, 1);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(235, 235, 235, 1);
  box-shadow: inset 0px 0px 0px 1px rgba(235, 235, 235, 1);
  padding: 15px;
  color: #212121;
  margin-top: -1px;
  width: 100%;
  padding: 15px;
}

.commets-image {
  width: 10%;
  float: left;
  margin: 3%;
}

.commets-text {
  width: 81%;
  float: right;
  margin: 3% 3% 3% 0;
}

.commets-text p {
  margin-top: 0
}

.commets-text .date {
  color: #8a8a8a;
  font-size: 13px;
  float: right
}

.reply-btn {
  color: #fff;
  transition: all 0.8s ease;
  padding: 5px;
  font-weight: 400;
  font-size: 13px;
  margin-left: 15px;
  display: inline-block
}

.reply-btn:hover {
  background-color: #354A5F;
  color: #fff;
}

.tg-blog-listing .col-md-6 input.grey-field {
  margin: 0 0 30px 0
}

.tg-blog-listing .col-md-12 textarea.grey-field {
  margin: 0 0 30px 0
}

textarea.grey-field {
  height: 170px;
}

.tg-blog-listing form {
  width: 100%;
  float: left
}


/* 23- Team Member single page*/

.progress {
  height: 25px;
  background-color: #fff;
  margin-bottom: 9px;
}

.progress .skill {
  font: normal 12px "Open Sans Web";
  line-height: 35px;
  padding: 0;
  margin: 0 0 0 20px;
  text-transform: uppercase;
}

.progress .skill .val {
  float: right;
  font-style: normal;
  margin: 0 20px 0 0;
}

.progress-bar {
  text-align: left;
  transition-duration: 3s;
}

.team-expertise {
  width: 100%;
  float: left;
  margin: 70px 0;
  background-color: #f7f7f7
}

.team-expertise .col-md-6 .col-md-6 {
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(235, 235, 235, 1);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(235, 235, 235, 1);
  box-shadow: inset 0px 0px 0px 1px rgba(235, 235, 235, 1);
  margin-left: -1px;
  margin-bottom: -1px;
  background-color: #fff;
  padding: 35px
}

.feedback-form {
  width: 100%;
  float: left;
}

.team-member-info h4 {
  color: #a7a7a7;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
  margin-bottom: 5px
}

.team-member-info h1 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 25px;
  margin-bottom: 10px
}

.team-member-info p {
  margin-top: 0;
  margin-bottom: 12px
}

.team-member-info strong {
  margin: 10px 0;
  display: block
}

.team-expertise h2 {
  font-size: 24px;
  margin-top: 55px;
  margin-bottom: 20px;
}

.team-member-contact {
  font-size: 14px
}

.team-member-contact .fa {
  border: 1px solid #a4a4a4;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  margin: 5px 0;
  font-size: 16px;
  margin-right: 10px
}

ul.team-member-contact {
  margin: 0
}

.team-member-contact li {
  list-style-type: none;
  float: left;
  margin-right: 10px
}

.team-expertise {
  font-size: 14px;
  color: #2b2b2b
}

.team-expertise .fa {
  display: block;
  font-size: 24px;
  border: 1px solid #ebebeb;
  color: #a4a4a4;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  -khtml-border-radius: 200px;
  border-radius: 200px;
  margin: 0 auto 15px auto
}

span.skill {
  font-size: 16px;
  margin-bottom: 8px;
  display: block;
}

.feedback-form h2 {
  font-size: 24px;
}


/*24- Error 404 Page*/

.four-o-four {
  width: 100%;
  float: left;
}

.four-o-four h1 {
  font-size: 273px;
  font-weight: 300;
  color: #fff;
  line-height: 1;
  padding-bottom: 32px
}

.four-o-four h2 {
  font-size: 32px;
  font-weight: 300;
  color: #fff;
  line-height: 32px;
  margin-bottom: 32px
}


/* 25- Contact Us page*/

.tg-contact-form-wrapper p {
  margin-top: 0;
  margin-bottom: 20px
}

.contact-headings-bg {
  float: left;
  width: 100%
}

.contact-headings-bg .col-md-3 .col-md-12 {
  background-image: url(extra-images/banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  font-size: 22px;
  font-weight: 300;
}

.contact-padding {
  padding: 45px 0
}

.contact-headings-bg .col-md-3 .col-md-12 .fa {
  font-size: 36px;
  color: #fff;
  line-height: 36px;
  display: block;
  margin-bottom: 10px
}

#map {
  min-height: 500px;
  margin-bottom: 50px;
}


/* 26- Carrers Page*/

.tg-carrers table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.tg-carrers table caption {
  font-size: 1.5em;
}

.tg-carrers table tr {
  background: #f8f8f8;
  padding: .35em;
  font-size: 12px
}

.tg-carrers table th,
.tg-carrers table td {
  padding: 10px;
  text-align: left;
  color: #000;
  font-size: 14px
}

.tg-carrers table th {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  color: #fff
}

.tg-carrers thead tr {
  border: none;
  color: #fff;
}

.tg-carrers tr:nth-child(even) {
  background: #ececec;
  border: none
}

.tg-carrers tr:nth-child(odd) {
  background: #fff;
  border: none
}

.tg-carrers table {
  border: none;
  margin-bottom: 41px
}

.tg-carrers tr th {
  border: none;
  padding: 12px 15px
}

.tg-carrers tr td {
  border: none
}

.tg-carrers-content p {
  margin-bottom: 10px;
  color: #000
}

.carrers_icons {
  float: left;
  width: 100%;
  margin-bottom: 50px;
  margin-top: 50px
}

.carrers_icons .col-md-2 .col-md-12 {
  color: #fff;
  text-align: center;
  padding: 17px 2px;
  font-size: 14px;
}

.carrers_icons .glyphicon {
  font-size: 32px;
  display: block;
  padding: 5px;
}

.carrers_icons .bx:hover .glyphicon {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}


/* 27- Blog Grid Page*/

.tg-blog-grid {
  width: 100%;
  float: left
}

.tg-blog-grid .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.tg-blog-grid .col-md-3:hover .overlay {
  height: 100%;
}

.tg-blog-grid .col-md-3.padding5 {
  margin-bottom: 15px;
}

.tg-blog-grid .col-md-3 .text {
  white-space: nowrap;
  color: white;
  font-size: 15px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 100%
}

.tg-blog-grid .col-md-3 .text a {
  color: #fff;
  background-color: transparent
}

.tg-blog-grid .col-md-3 .text .fa {
  border: 1px solid #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  -khtml-border-radius: 200px;
  border-radius: 200px;
}

ul.blog-meta {
  list-style-type: none;
  float: left;
  width: 100%;
  padding: 12px;
  background-color: #110842;
  text-align: center;
  margin-bottom: 20px;
}

ul.blog-meta li {
  float: left;
  font-size: 13px;
  color: #fff;
  list-style-type: none;
  width: 50%;
}

ul.blog-meta li .fa {
  margin-right: 5px
}

.share {
  margin-top: 10px;
  font-size: 13px;
  text-align: right;
}

.share strong {
  padding-right: 4px;
  color: #9c9c9c
}

.share .fa {
  padding: 0 2px;
  color: #ccc;
}

.tg-blog-grid .col-md-8 h2 {
  line-height: 20px;
  font-size: 20px;
  display: block;
  margin: 15px 0 0 0;
  width: 100%;
  float: left;
}

.tg-blog-grid .col-md-8 p {
  font-size: 14px;
  display: block;
  margin: 15px 0 0 0;
  width: 100%;
  float: left;
}

.blog-tagline {
  float: left;
  width: 100%;
  background-color: #110842;
  padding: 70px 0;
}

.tagline-title {
  width: 75%;
  float: left;
  font-size: 25px;
  line-height: 45px;
  font-weight: 600;
  color: #fff
}

.tagline-button {
  width: 25%;
  float: left
}


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


/* 28- Blog Full Width*/

.tg-blog-full .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.tg-blog-full .col-md-12:hover .overlay {
  height: 100%;
}

.tg-blog-full .col-md-12.padding5 {
  margin-bottom: 15px;
}

.tg-blog-full .col-md-12 .text {
  white-space: nowrap;
  color: white;
  font-size: 15px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 100%
}

.tg-blog-full .col-md-12 .text a {
  color: #fff;
  background-color: transparent
}

.tg-blog-full ul.blog-meta {
  margin-bottom: 15px;
}

.pagination-list {
  width: 100%;
  float: left
}


/* 29- WP Function Services*/

.tg-service-listing {
  background: url(images/services-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-bottom: 70px;
}

.tg-service-listing .bx:hover .fa {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}

.tg-service-listing .fa {
  font-size: 70px;
  color: #2a3b4c;
  -moz-border-radius: 150px;
  -webkit-border-radius: 150px;
  -khtml-border-radius: 150px;
  border-radius: 150px;
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
  margin-bottom: 20px
}

.tg-service-listing .col-sm-4 {
  margin-top: 10px;
  margin-bottom: 10px
}

.tg-service-listing .fa:hover {}

.tg-services-grid .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.tg-services-grid .col-md-4:hover .overlay {
  height: 100%;
}

.tg-services-grid .text {
  white-space: nowrap;
  color: white;
  font-size: 15px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: 100%
}

.tg-services-grid .col-md-4 {
  margin-top: 10px;
  margin-bottom: 10px
}

.tg-services-grid .col-md-4 h2 {
  font-size: 20px;
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 10px
}

.tg-services-grid .col-md-4 p {
  font-size: 14px;
  margin-top: 10px
}

.tg-services-grid .col-md-4 .fa {
  color: #fff
}

.tg-services-grid .col-md-4 a:hover {
  background-color: transparent
}

.listing-service {
  width: 100%;
  float: left;
  margin: 20px 0
}

.content-services h2 {
  font-size: 24px;
  margin-bottom: 10px;
}

.content-services p {
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 20px;
}

.content-services ul {
  padding-left: 15px;
  padding-bottom: 15px;
}

.content-services ul li {
  font-size: 15px;
}

.listing-service-heading h2 {
  font-size: 24px;
  margin-bottom: 10px;
  text-align: left
}

.services-why-us {
  width: 100%;
  float: left;
  margin: 20px 0 0 0
}

.services-why-us h2 {
  font-size: 24px;
  margin-bottom: 10px;
  text-align: left
}

.services-why-us p {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 20px;
}

.listing-service .col-md-6 {
  padding: 25px
}

.listing-service .col-md-6:nth-child(1) {
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb
}

.listing-service .col-md-6:nth-child(2) {
  border-bottom: 1px solid #ebebeb
}

.listing-service .col-md-6:nth-child(3) {
  border-right: 1px solid #ebebeb
}

.listing-service h3 {
  font-size: 18px;
  font-weight: 600
}

.listing-service p {
  font-size: 14px;
  font-weight: 400;
  margin-top: 0
}

.listing-service .fa {
  width: 80px;
  height: 80px;
  line-height: 80px;
  border: 1px solid #ebebeb;
  font-size: 30px;
  color: #2a3b4c;
  transition: all 0.8s ease;
  -moz-border-radius: 150px;
  -webkit-border-radius: 150px;
  -khtml-border-radius: 150px;
  border-radius: 150px;
  margin-bottom: 14px
}

.listing-service .fa:hover {
  width: 80px;
  height: 80px;
  line-height: 80px;
  border: 1px solid;
  font-size: 30px;
  transition: all 0.8s ease;
}

.services-accordion {
  width: 100%;
  float: left;
  margin: 20px 0
}

.services-accordion .panel-heading .accordion-toggle:after {
  /* symbol for "opening" panels */
  font-family: 'FontAwesome';
  /* essential for enabling glyphicon */
  content: "\f106";
  /* adjust as needed, taken from bootstrap.css */
  float: right;
  /* adjust as needed */
  color: grey;
  /* adjust as needed */
}

.services-accordion .panel-heading .accordion-toggle.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\f105";
  /* adjust as needed, taken from bootstrap.css */
}

.services-accordion .panel-default {
  width: 100%;
  float: left;
  border: 1px solid #dfdfdf;
  color: #868686;
  margin-bottom: 15px;
  background-color: #fff;
  border-radius: 0;
  box-shadow: none
}

.services-accordion .panel-heading {
  background-color: #fff;
}

.services-accordion .panel-body {
  color: #868686;
  font-size: 14px;
}

.services-accordion .panel-title {
  font-size: 16px;
  font-weight: 400;
  color: #868686;
}

.company-stats {
  width: 100%;
  float: left
}

.company-stats .col-md-12 {
  border: 1px solid #e2e2e2
}

.company-stats .fa {
  font-size: 25px;
  margin-bottom: 15px;
  display: block
}

.company-stats span {
  display: block;
  color: #888888;
}

.company-stats strong {
  display: block;
  color: #9b9b9b
}

.counter-value {
  color: #cfcfcf;
  font-size: 40px;
  font-weight: 700;
  display: inline-block;
  line-height: 40px;
  margin-bottom: 10px
}

.counter-value::after {
  content: "+";
  color: #cfcfcf;
  font-weight: bold;
}

.service-video {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.blue-sep-heading-left {
  height: 6px;
  width: 120px;
  float: left;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  -khtml-border-radius: 40px;
  border-radius: 40px;
  margin-bottom: 50px !important;
}

.white-sep-heading-left {
  background-color: #fff;
  height: 6px;
  width: 120px;
  float: left;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  -khtml-border-radius: 40px;
  border-radius: 40px;
  margin-bottom: 20px;
}

.btn-readmore {
  color: #9c9c9c;
  transition: all 0.8s ease;
  padding: 5px 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 15px;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 10px
}

.btn-readmore:hover {
  background: transparent
}

.btn-blog {
  color: #fff;
  transition: all 0.8s ease;
  padding: 7px 15px;
  font-weight: 700;
  font-size: 14px;
  line-height: 15px;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 10px
}

.btn-blog:hover {
  background: transparent
}

.blue-btn {
  color: #fff;
  transition: all 0.8s ease;
  padding: 15px 45px;
  font-weight: 700;
  font-size: 14px;
  line-height: 15px;
  text-transform: uppercase;
  display: inline-block;
  cursor: pointer;
}

.blue-btn:hover {
  background-color: #fff !important;
  color: #000;
  transition: all 0.8s ease;
  padding: 15px 45px
}

.blue-dark-btn {
  color: #fff;
  background-color: #354A5F;
  transition: all 0.8s ease;
  padding: 15px 45px;
  font-weight: 700;
  font-size: 14px;
  line-height: 15px;
  text-transform: uppercase;
  display: inline-block
}

.blue-dark-btn:hover {
  background-color: #fff;
  color: #000;
  transition: all 0.8s ease;
  padding: 15px 45px
}

.blue-dark-btn-white {
  color: #fff;
  transition: all 0.8s ease;
  padding: 15px 45px;
  font-weight: 700;
  font-size: 14px;
  line-height: 15px;
  text-transform: uppercase;
  display: inline-block
}

.blue-dark-btn-white:hover {
  color: #fff;
  transition: all 0.8s ease;
  padding: 15px 45px
}

.blue-sep-heading {
  height: 6px;
  width: 120px;
  margin: 0 auto;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  -khtml-border-radius: 40px;
  border-radius: 40px;
  margin-bottom: 50px;
  display: inline-block
}

.white-sep-heading {
  background-color: #fff;
  height: 6px;
  width: 120px;
  margin: 0 auto;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  -khtml-border-radius: 40px;
  border-radius: 40px;
  margin-bottom: 50px;
}

.tg-footer.padding-70-top-bottom {
  padding: 60px 0 56px;
}

.team-member-contact .fa:hover {
  color: #fff;
}

.heading .text-center {
  float: left;
  width: 100%;
}

.tg-form {
  float: left;
  width: 100%;
}

.form-btn {
  float: left;
  width: 100%;
}

.text-center.heading {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.blue-bg.padding-b140.padding-70-top {
  float: left;
  width: 100%;
}


/* 30 - Blog Side Widget */

.sidebar-widget.blog li img {
  margin-top: 6px;
}

.owl-carousel2.owl-theme,
.owl-carousel2.owl-theme .owl-stage-outer {
  float: left;
  width: 100%;
  position: relative;
}

.owl-carousel2.owl-theme .owl-stage-outer {
  overflow: hidden;
}

.owl-carousel2.owl-theme .owl-stage {
  position: relative;
  float: left;
}

.owl-carousel2.owl-theme .owl-item {
  float: left;
}

.tg-partners .item {
  float: left;
}


/* added style*/

.enter-text .projects-completed-text {
  padding-top: 70px;
  padding-bottom: 70px
}

.enter-text p {
  font-size: 15px;
  line-height: 22px;
}

.enter-text ul li {
  font-size: 15px;
  line-height: 22px;
}

.enter-text blockquote {
  border-color: #0b9444;
  font-size: 18px;
  font-weight: 600;
  color: #110842;
}

.blue-btn {
  cursor: pointer;
}

.coach-profile {
  background: #fff;
}

.slogan-text {
  padding: 30px;
}

.right-column {
  border-left: 2px solid #110842
}

.trader-profile {
  background: #d2d2d2;
  border: 1px solid #ccc;
  padding-bottom: 10px;
}

.trader-image {
  padding-left: 10px;
  padding-right: 10px;
}

.trader-image img {
  border: 1px dashed #fff;
}

.trader-name,
.trader-title {
  display: inline-block;
  color: #222!important;
}

.trader-name {
  padding-top: 45px;
  font-size: 19px!important;
}

.trader-title {
  font-size: 17px!important;
}

.trader-profile .blue-dark-btn {
  margin-top: 15px;
  text-align: center;
}

.profile-go-button {
  color: #fff!important;
}

.profile-go-button:hover {
  color: #110842!important;
}

.projects-completed-text ul {
  padding-left: 30px;
}

@media screen and (max-width:991px) {
  .trader-profile {
    margin-top: 30px;
  }
  .trader-image {
    text-align: center;
    margin-bottom: 10px;
  }
  .trader-image img {
    margin: auto;
  }
}

@media screen and (max-width:768px) {
  .trader-image img {
    width: 100%!important;
    max-width: none!important;
  }
}

.blueonly {
  background: #110842!important
}

@media screen and (min-width:991px) {
  .fixed {
    position: fixed;
    top: 0;
    background: #fff;
    border-bottom: 1px solid #110842;
    width: 100%;
    z-index: 999;
    box-shadow: 3px 3px 31px #656161;
    left: 0;
  }
  .fixed a {
    transition: none!important
  }
  .fixed .navbar-menu {
    margin: auto;
    float: none;
    display: block;
    text-align: center;
    min-height:76px;
    position: relative;
  }
  .fixed .navbar-menu .menu {
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    max-width: 840px;
    margin: auto;
  }

  
}
@media screen and (max-width:1199px) {
  .fixed .navbar-menu .menu a {line-height: 0;}

}


.big-text {
  height: 700px;
}

#second_content {
  display: none;
  padding-top: 15px;
}

.box-group .boxContent {
  width: 100%;
  display: block;
  background: #222;
  min-height: 200px;
}

.box-group .boxContent a {
  font-size: 18px;
  background: rgba(17, 8, 66, 0.54);
  color: #fff;
  height: 200px;
  display: block;
  text-align: center;
  padding-top: 80px;
  font-weight: bold;
  cursor: pointer;
}

.box-group .col-md-4 .boxContent a {
  font-size: 21px;
}

.box-group .boxContent a:hover {
  background: rgba(17, 8, 66, 0.8);
}


.box-group .boxContent a.active {
  background: rgba(17, 8, 66, 0.90);
  color: #0c9445!important;
  border-bottom: 5px solid #0b9444;
}
.box-group .boxContent a span {
  text-shadow: 1px 3px 1px #000;
}

.box-group .boxContent.box-piyasa {
  background: url(images/subpage/2.jpg);
  background-size: cover;
}

.box-group .boxContent.box-hersey {
  background: url(images/subpage/5.jpg);
  background-size: cover;
}

.box-group .boxContent.box-duygu {
  background: url(images/subpage/4.jpg);
  background-size: cover;
}

.box-group .boxContent.box-sadece {
  background: url(images/subpage/3.jpg);
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .box-group .box {
    padding-left: 5px;
    padding-right: 5px;
  }
  .contact-headings-bg .col-md-3 {
    width: 50%;
  }
  .tg-services-grid .paddingnone img {
    height: 451px;
  }
}

@media screen and (max-width: 991px) and (min-width:768px) {
  .box-group .col-sm-6 {
    width: 50%;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 768px) {
  .box-group .col-xs-12 {
    margin-bottom: 15px;
  }
  .box-group .boxContent,
  .box-group .boxContent a {
    height: 280px;
  }
  .box-group .boxContent a {
    font-size: 25px;
    padding-top: 30%;
  }
  .contactMain {
    margin-top: 30px;
    float: left;
  }
}

.two-block {
  padding-top: 0!important
}

@media screen and (max-width:991px) {
  .tg-call-to-action h3 {
    font-size: 25px;
    line-height: 20px;
  }
  .tg-call-to-action h2 {
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 10px;
  }
  .owl-nav {
    display: none;
  }
}

.sm-bold {
  font-size: 18px;
}

.form-data {
  margin: auto;
  float: none;
}

.contact-button-widget {
  border: 1px solid #ddd
}

.contact-button-widget .content {
  text-align: center;
}

.contact-button-widget .content a {
  margin: auto;
  text-transform:none!important
}

.contact-button-widget .content a.blue-btn:hover {
  background: #D2D2D2!important
}

.blockquote-side {
  background: #f1f1f1;
  border: 1px dashed #0c9445;
  color: #7e7d7f;
  text-align: center;
}

a[href^="tel"] {
  color: #fff!important;
  text-decoration: none;
}

a[href^="tel"]:active, a[href^="tel"]:visited{color:#fff!important; background: transparent!important; outline: none;
}
.contactMain  a{color:#fff!important}

a:active, a:visited, a:focused{color:#fff!important; background: transparent!important; outline: none;
}

.contact-headings-bg a{color:#fff!important}

.social {
    width: 50%;
    float: right;
    text-align: right;
    font-size: 19px;
    padding-top: 45px;
    padding-bottom: 10px;
}

.social a {
  padding: 0 12px;
  border-right: 1px solid #d6d6d6;
}

.social a:last-child {
  border: none;
}



@media screen and (min-width: 768px) and (max-width: 1199px) {
 
}

@media screen and (min-width:1200px) {
 
}

@media screen and (max-width:1200px) {
  .navbar-menu {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.menu-nav-block {
  float: none;
  margin: auto
}

.active {
  color: #0b9444!important;
}

@media screen and (min-width:991px) {
  .phone {
    padding-left: 0;
  }
}

.green-btn {
  background-color: #0b9444!important;
  color: #fff;
  transition: all 0.8s ease;
  padding: 15px 45px;
  font-weight: 700;
  font-size: 14px;
  line-height: 15px;
  text-transform: uppercase;
  display: inline-block;
  cursor: pointer;
}

.green-btn:hover {
  background-color: #fff!important;
  color: #110842;
  transition: all 0.8s ease;
}

.content-services  blockquote {
    font-weight: 600;
    font-style: italic;
    border-left: 5px solid #0b9444;
}


@media screen and (max-width:768px) {
  .social {width: 100%!important}
}

.home-widget{border: 1px solid #c4c1da!important;}
.form-data i, .contact-content i {position: absolute; color:red}
a.back {color: #0c9445;
    border: 1px #868181 dashed;
    padding: 10px;
    margin-bottom: 10px;
    display: inline-block;
    width: auto;
    font-size: 15px;
    margin-left: 20px;}
 .logo img{width:300px; max-width: none!important}
  @media screen and (max-width:991px){
    blockquote
      div.logo { width:100%;}
    .trader-img{width:100%!important}

    .trader-profile  .col-sm-12{
      width:100%!important;
    }
.trader-profile ul li {
    padding: 6px 0!important;
}
    .trader-profile .sidebar-widget.blog ul li{padding:0!important}
.enter-text .projects-completed-text ul{padding-left:15px!important}
.trader-profile .blue-dark-btn {padding:14px 0px; font-size: 13px;}
    .trader-name{margin-top:0px; padding-top: 0px; display: block}
  }



  @media screen and (max-width:1199px) and (min-width:991px){
    .trader-name {
    padding-top: 25px;}
  }

      .contact-padding a {
        color: #fff;
    }