.site-logo img {
    width: 200px;
}

.site-logo {
    float: left;
    margin-left: 0px;
    width: 200px;
}

.diamond_box {height: 120px;width: 120px;float:none;display: inline-block;overflow: hidden;margin-left: 41px;margin-right: 40px;margin-top: 43px;margin-bottom: 40px;border: 4px solid #fad700;background: transparent;text-decoration: none;color: #000;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.diamond_box .top_grid {
    width: 120px;
    height: 120px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    position: inherit;
    top: 0;
    left: 0;
    text-transform: uppercase;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.diamond_box .top_grid img{
 width: 80px;
}
.diamond_box a {
    display: block;
}
.diamond_box:hover {
    background: #fad700;
}
.header_careers, .make_unic ,.header_book ,.header_contact ,.header_mac ,.header_contact ,.header_team ,.header_about {
    height: 95px;
    width: 95px;
float: left;
display: inline-block;
overflow: hidden;
background: transparent;
text-decoration: none;
color: #000;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.header_careers:hover,   .make_unic:hover , .header_book:hover,.header_contact:hover,.header_mac:hover,.header_contact:hover,.header_team:hover,.header_about:hover {
    background: #fad700;
}
  .header_careers2 p,.header_careers p, .make_unic p , .header_book p,.header_contact p,.header_mac p,.header_contact p,.header_team p,.header_about p{
  display: table-cell;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    height: 90px;
    left: 0;
    position: inherit;
    color:#fff;
    text-align: center;
    top: 0;
    transform: rotate(-45deg);
    vertical-align: middle;
    width: 140px;
    -webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.header_careers a:hover, .make_unic a:hover, .header_book a:hover{ color:#000; text-decoration:none;}
.header_book a:hover h3{color:#fff;}

h4{
    color: #5f5454;
    font-size: 18px;
    font-weight: 500;
}
.dark_bg_col{ color: #fff;}
.dark_bg_col h2.m_3{ color: #fff;}
.dark_bg_col p{ color: #fff; font-size: 16px; line-height: 22px; margin-top: 32px;}
.dark_bg_col ul li{ color: #fff; font-size: 16px; margin-bottom:10px; }

.light_bg{ color: #000; }
.light_bg h2.m_3{ color: #000; margin-bottom: 40px;}
.light_bg p{color: #dcdcdc !important;font-size: 14px;line-height: 22px;margin: 10px 0;}
.light_bg ul li{color: #000;font-size: 14px;font-weight: normal;}

.black_bg_box h4 {
    color: #fff;
    font-size: 20px;
}
.black_bg_box{background:#3D3A3A;color:#fff;padding:15px;height: 1110px;    overflow-y: scroll;}
.black_bg_box p, .black_bg_box ul li{color: #dcdcdc !important;}

 .marketing{    background: url(../images/marketing.jpg) no-repeat center top;
    min-height: 625px;
    padding: 5em 0 3em;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
    
 .export{ background: url(../images/export_bg.jpg) no-repeat center top;
    min-height: 625px;
    padding: 5em 0 3em;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
    
.export .export_box{ background:rgba(255, 255, 255, 0.7); color:#000; padding:15px; height:430px; overflow:scroll;}
.export .export_box p.m_2{font-size: 14px;line-height: 23px;margin-bottom: 5px;}
    
 .payroll{ background: url(../images/payroll_bg.jpg) no-repeat center top;
    min-height: 625px;
    padding: 5em 0 3em;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
    
 .payroll .payroll_top{
    clear: both;
    display: inline-block;
}
    
 .payroll .payroll_top h3.m_3 {
        color: #777;
    font-size: 20px;
    padding: 0 10px 10px 0;
    line-height: 24px;
    float: left;
    margin-bottom: 10px;
 }
 .payroll .payroll_top p.head_text {
    color: #777;
    font-size: 20px;
    line-height: 24px;
    margin: 0;
    float: left;
    padding: 0 10px 10px 0;
    margin-bottom: 10px; 
}
    
 .certification{
    background: url(../images/certification_bg.jpg) no-repeat right top;
    min-height: 580px;
    padding-top: 3em;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }
 .certification p {font-size: 14px;line-height: 22px;}
 .certification p, .certification h4.m_3{color: #ffffff;}
 .author{ float:right;}
 .client_testimonial {
    font-size:16px; 
    padding:18px 20px 1px 20px;
    margin-left:3px; 
    margin-bottom:40px;
    background:#fad700;
    line-height:28px;
    min-height: 420px;
    margin:20px 10px;
}	

.client_testimonial:before {
    color: #000;
    font-size: 40px;
    line-height: 0.5em;
    margin-right: 0.27em;
    content: "\f10d";
    font-family: FontAwesome;
    float:right;
    margin-top: -28px;
   -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
}
.services{ text-align:center}
.serv_left_col, .serv_right_col{
    float: left;
    text-align: left;
    width: 50%;
}
.serv_left_col h4, .serv_right_col h4 {
    color: #fff;
    padding: 10px;
    font-size: 18px;
}
.serv_left_col h4 {
    background: #000;
}
.serv_right_col h4 {
    background: #5d5d5d;
}
.serv_left_col ul, .serv_right_col ul {
    padding: 0;
    list-style-type:none;
}
.serv_left_col ul li {
    background: #fad700;
}
.serv_right_col ul li{
    background: #ffe648;
}
.serv_left_col ul li, .serv_right_col ul li {
    padding: 10px;
    margin-bottom: 10px;
    min-height: 87px;
}
.services1{ padding-bottom: 0;}
.contact_right input.text {
    padding: 10px;
    width: 100%;
    font-size: 14px;
    margin: 0px 0 20px;
    border: none;
    color: #aaa;
    background: #eee;
    outline: none;
}
.tiles{background-size: contain;}
p.m_2{line-height: 22px;}

.top_grids h3 {
    text-align: center;
    /* display: inline-block; */
    margin: 30px;
}
.main_menu{
   /*max-width: 1200px; margin:0 auto;*/
    background:#fad700; color:#fff; height:40px; line-height:40px;letter-spacing:1px; width:100%; position:fixed;z-index: 500;
    display: none;
}
.visible {
    display: inline-table;
}
.visible-none{ display:none;}
.main_menu ul{ list-style-type:none; margin:0;padding:0;}
.main_menu ul li{float:left;list-style-type:none;/* margin:10px 0; */padding: 0px 0px;border-left: 1px #eaca00 solid; }
.main_menu ul li:hover{background:#000; color#fff}

.main_menu ul li a{color: #4e555f;padding:10px 16px;font-size: 15px;}
.main_menu ul li:last-child{border-right: 1px #efcd00 solid;}

.main_menu ul li a:hover{text-decoration:none;color:#fff;}

/*-===================================================================================================-*/
@media (min-width: 1200px){
.container {
    width: 1070px;
}}

/*=================================scrollBar style====================================================*/
.black_bg_box::-webkit-scrollbar {
    width: 12px;
}
.black_bg_box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.black_bg_box::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgb(87, 85, 85);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.black_bg_box::-webkit-scrollbar-thumb:window-inactive {
	background: rgb(87, 85, 85); 
}

.export_box::-webkit-scrollbar {
    width: 12px;
}
.export_box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.export_box::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgb(209, 209, 216);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.export_box::-webkit-scrollbar-thumb:window-inactive {
	background: rgb(209, 209, 216); 
}
.m_2 {color:#777;}