#gkLogo {
    margin: 20px 0 0;
    }
a,
a:hover,
a:active,
a:focus {
  color: #1f9993;
}
a.inverse {
  color: #1f9993;
}

body {
color: #5e5e5e;
}

.frontpage #gkHeaderMod {
background: #f3f6f8 !important;
}

.headertext {
font-size: 26px;
position: absolute;
width: 100%;
margin-top: 360px;
margin-left: auto;
margin-right: auto;
}

p.owlvideo {
margin: 0px 0 2em;
}

video {
	max-width: 100%;
	transition: opacity 1s ease 0s;
}

.frontpage .mouse-icon {
border-color: #777777;
}
.frontpage .mouse-icon > span {
background-color: #777777;
}

.frontpage .mouse-icon > span > span {
background-color: #777777;
}

.frontpage .mouse-icon > span::before, .frontpage .mouse-icon > span::after {
background-color: #777777;
}

.productservices .mouse-icon {
border-color: #FFF;
}
.productservices .mouse-icon > span {
background-color: #FFF;
}

.productservices .mouse-icon > span > span {
background-color: #FFF;
}

.productservices .mouse-icon > span::before, .productservices .mouse-icon > span::after {
background-color: #FFF;
}

/* frontpage intro */ 
.frontpage .gk-desc {
font-size: 20px;
}

.frontpage .productintro {
background-color: #eeeeee;
}

/* partner with us */
.partnerfront{
color: #FFF;
	background-image: url(http://carrotsalign.com/talentowl/images/handshake2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.partnerfront h2 {
color: #FFF;
}
.partnerfront a,
.partnerfront a:hover,
.partnerfront a:active,
.partnerfront a:focus {
  color: #FFF;
  border-bottom: 1px solid #FFF;
  text-decoration: none;
}

.contacts {
line-height: 26px;
}

/* About Us */
.aboutus #gkHeaderMod {
background-color: #cacbcd !important;
}

.aboutus #gkHeaderMod h2 {
    color: #8c9899;
    font-size: 42px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 32px;
    margin-top: -340px;
}

.aboutus #gkHeaderMod img {
z-index: -1;
margin-top: -220px;
max-width: 100%;
}

.associates {
background-color: #f0f0f0;
padding-top: 72px;
padding-bottom: 72px;
}

/* Product and Services */
.productservices #gkHeaderMod{
height: 880px;
	background-image: url(http://carrotsalign.com/talentowl/images/cloud.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.8;
}

.productservices #gkPageContent {
padding: 80px 0 0px;
}

.productservices .headertext {
color: #FFF;
}

.ourservices p, .ourservices h4 {
font-size: 18px;
}

.ourservices p {
margin: 0em 0 0.5em;
}

.productservices #gkPageContent, .ourservices {
background-color: #f0f0f0;
}

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

/*quotation */
.quotes {
color: #005761;
font-size: 24px;
font-weight: 400;
padding-bottom: 10px;
}
 .author {
  font-size: 16px;
  position: relative;
  padding-bottom: 100px;
  }
.author :after {
color: #64bb9d;
font-size: 20px;
content:"▼▼▼▼▼"; 
  position: relative; 
  bottom: 5%;  
  letter-spacing: -6px;
  padding-bottom: 40px;
  }
  
  /*resource */
  .resource .header {
  display:none;
  }
  .resource .item-list {
  padding-top: 180px;
  }
 


/*footer */
.careersfooter {
color: #aaaaaa;
background-color: #404040;
padding-top: 72px;
padding-bottom: 72px;
text-align: center;
}

.careersfooter h3 {
color: #aaaaaa;
}

/*social */
#gkBottom9 {
height: 100px !important;
}

div.scsocialbuttons.box_count div, div.scsocialbuttons.standard div, div.scsocialbuttons.button div {
  margin-right: 12px !important;
}

div.sourcecoast.plusone.google.sc_gplusone {
margin-right: -1px !important;
}

#sociallink {
padding-top: 10px;
}

#sociallink a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  border-bottom: none;
}

/*small desktop*/
@media (max-width: 1920px) {
#gkLogo {
margin-top: 35px;
    margin-left: 22px;
}
#gkLogo img {
max-width: 120px;
}
.aboutus #gkHeaderMod img {
z-index: -1;
margin-top: -100px;
max-width: 100%;
}
.productservices #gkHeaderMod {
height: 640px;}

.mouse-icon {
border-color: #FFF;
}
.mouse-icon > span {
background-color: #FFF;
}

.mouse-icon > span > span {
background-color: #FFF;
}

.mouse-icon > span::before, .mouse-icon > span::after {
background-color: #FFF;
}
}

/* big screen */
@media screen
and (min-width: 1921px)
and (max-width : 2560px) {
.aboutus #gkHeaderMod img {
z-index: -1;
margin-top: 20px !important;
width: 75%;
}
.aboutus #gkHeaderMod {
height: 810px;
}
}


/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#gkLogo img {
max-width: 115px;
}
#gkLogo {
margin-left: 22px;
}
.headertext {
font-size: 18px;
line-height: 1.5;
font-weight: 600;
}
.partnerfront {
	background-attachment: scroll;
}
.icon {
max-width: 200px;
}
.productservices h4 {
margin-bottom: 10px;
}
/*quotation */
.quotes {
color: #005761;
font-size: 18px;
font-weight: 400;
padding-bottom: 10px;
}
 .author {
  font-size: 14px;
  position: relative;
  padding-bottom: 50px;
  }
.author :after {
color: #64bb9d;
font-size: 20px;
content:"▼▼▼▼▼"; 
  position: relative; 
  bottom: 5%;  
  letter-spacing: -6px;
  padding-bottom: 40px;
  }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
.frontpage #gkHeaderMod {
height: 410px;
}
.headertext {
margin-top: 240px;
}
.aboutus #gkHeaderMod {
height: 500px;
}
.aboutus #gkHeaderMod img {
z-index: -1;
margin-top: 20px;
height: 500px !important;
width: 1000px !important;
}
.productservices #gkHeaderMod {
background-attachment: scroll;
height: 410px;
}
#peopletree_ipad {
padding-top: 50px;
}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.frontpage #gkHeaderMod {
height: 500px;
}
.headertext {
margin-top: 200px !important;
}
.aboutus #gkHeaderMod img {
z-index: -1;
margin-top: 25px !important;
}
.productservices #gkHeaderMod {
background-attachment: scroll;
height: 500px;
}
.frontpage .gk-desc {
  padding: 50px 0 72px!important;
}
}

/* iphone */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
#gkLogo {
margin-top: 5px!important;
    margin-left: 10px;
}
#gkLogo img {
max-width: 85px;
}
video {
width: 800px auto;
}
video::-webkit-media-controls {
    display:none !important;
}
.frontpage #gkHeaderMod {
height: 350px;
}
.partnerfront {
	background-attachment: scroll;
}
.productservices #gkHeaderMod {
background-attachment: scroll;
height: 350px;
}
.headertext {
font-size: 14px;
font-weight: 600;
margin-top: 235px;
}
.icon {
max-width: 200px;
}
.diagram {
max-width: 300px;
}
.productservices h4 {
margin-bottom: 10px;
}
#peopletree img {
width: 60%;
}
/*quotation */
.quotes {
color: #005761;
font-size: 18px;
font-weight: 400;
padding-bottom: 10px;
}
 .author {
  font-size: 14px;
  position: relative;
  padding-bottom: 50px;
  }
.author :after {
color: #64bb9d;
font-size: 20px;
content:"▼▼▼▼▼"; 
  position: relative; 
  bottom: 5%;  
  letter-spacing: -6px;
  padding-bottom: 40px;
  }
.frontpage #gkBottom2, #gkBottom8 {
margin-top: -20px;
}
.frontpage .contacts {
  margin-left: 20px;
}
#sociallink {
margin-left: 20px;
}
.aboutus #gkPageContent {
padding: 50px 0 50px;
}
}

@media only screen and (min-device-width : 360px) and (max-device-width : 667px) and (orientation : portrait) {
.aboutus #gkHeaderMod {
height: 300px !important;
}
.aboutus #gkHeaderMod img {
z-index: -1;
margin-top: 20px;
height: 275px !important;
width: 550px !important;
}
.peopletree {
width: 280px !important;
}
}
@media only screen and (min-device-width : 360px) and (max-device-width : 667px) and (orientation : landscape) {
.frontpage #gkHeaderMod {
height: 370px;
}
.headertext {
font-size: 16px;
font-weight: 600;
margin-top: 240px;
}
.aboutus #gkHeaderMod {
height: 300px;
}
.aboutus #gkHeaderMod img {
z-index: -1;
margin-top: -90px;
height: 300px !important;
width: 600px !important;
}
}