/****About Page Start*****/
.service_banner{background-color:#0070FF}
.service_banner h1{text-align:center;color:#fff;text-transform:uppercase;font-size:30px;margin-top: 50px}
.service_banner h4{text-align:center;color:#fff;font-size:26px}
.service_banner h4 span{margin-left:5px}
.service_banner p{color:#fff;font-size:14px; line-height:22px;margin-bottom:15px}
.speed-logo{background:url('../images/abo1.png') no-repeat;}
.process-logo{background:url('../images/abo2.png') no-repeat;}
.expert-logo{background:url('../images/abo3.png') no-repeat;}
.service-logo{background:url('../images/abo4.png') no-repeat;}
.transparency-logo{background:url('../images/abo5.png') no-repeat;}
.seo-logo{background:url('../images/abo6.png') no-repeat;}
.core{position:relative;background-color:#e8e5e5;padding:25px 0;min-height:1000px}
.core .container{position:relative;}
.core h1{color:#363636;text-transform:uppercase;font-size:30px;text-align:center;margin-bottom:20px;}
.core h1:before{display: inline-block;content: '';width: 65px;border-bottom: solid 1px #c1c1c1;position: relative;top: -10px;margin-right: 12px;}
.core  h1:after{display: inline-block;content: '';width: 65px;border-bottom: solid 1px #c1c1c1;position: relative;top: -10px;margin-left: 12px;}

.core p{font-size:13px;line-height:20px}
.core_first{width:402px;height:auto;position:absolute;right:50px;top:70px}
.core_first h2{font-size:18px;color:#fff;text-transform:uppercase;background-color:#535353;padding-left:24px;height:42px;line-height:42px}
.core_first h2 span{color:#e58c1f}
.core_second{width:402px;height:auto;position:absolute;left:50px;top:200px}
.core_second h2{font-size:18px;color:#fff;text-transform:uppercase;background-color:#535353;padding-left:24px;height:42px;line-height:42px}
.core_second h2 span{color:#0fa1d0}
.core_thrd{width:402px;height:auto;position:absolute;right:50px;top:310px}
.core_thrd h2{font-size:18px;color:#fff;text-transform:uppercase;background-color:#535353;padding-left:24px;height:42px;line-height:42px}
.core_thrd h2 span{color:#339b01}
.core_four{width:402px;height:auto;position:absolute;left:50px;top:450px}
.core_four h2{font-size:18px;color:#fff;text-transform:uppercase;background-color:#535353;padding-left:24px;height:42px;line-height:42px}
.core_four h2 span{color:#ff202a;}
.core_five{width:402px;height:auto;position:absolute;right:50px;top:570px}
.core_five h2{font-size:18px;color:#fff;text-transform:uppercase;background-color:#535353;padding-left:24px;height:42px;line-height:42px}
.core_five h2 span{color:#ffbb19}
.core_six{width:402px;height:auto;position:absolute;left:50px;top:700px}
.core_six h2{font-size:18px;color:#fff;text-transform:uppercase;background-color:#535353;padding-left:24px;height:42px;line-height:42px}
.core_six h2 span{color:#27b7c4}
.core_mid{position:absolute;left:46%;top:80px}
.core_mid ul li{display:block;list-style-type:none;margin:5px 0}
.core_mid ul li p {text-align:center}
.abo_arr1{position:absolute;top:72px;right:-62%}
.abo_arr2{position:absolute;top:200px;left:-30%}
.abo_arr3{position:absolute;top:320px;right:-62%}
.abo_arr4{position:absolute;top:470px;left:-30%}
.abo_arr5{position:absolute;top:595px;right:-62%}
.abo_arr6{position:absolute;top:730px;left:-30%}
.core p.orange_bor_sec{width:75px;position:relative;top:-30px}
.core p.blue_bor_sec{width:75px;position:relative;top:-60px}
.core p.green_bor_sec{width:75px;position:relative;top:-70px}
.core p.red_bor_sec{width:75px;position:relative;top:-115px}
.core p.yellow_bor_sec{width:75px;position:relative;top:-135px}
.core_mid ul li.blue img{position:relative;left:-60px;top:-25px}
.core_mid ul li.green img{position:relative;left:10px;top:-60px}
.core_mid ul li.red img{position:relative;left:-49px;top:-75px}
.core_mid ul li.yellow  img{position:relative;left:-3px;top:-115px}
.core_mid ul li.lightblue img{left:-45px;position: relative;top:-135px;}

.company_numbers h1{color:#363636;text-transform:uppercase;font-size:30px;text-align:center;margin-bottom:20px;}
.company_numbers  h1:before{display: inline-block;content: '';width: 65px;border-bottom: solid 1px #c1c1c1;position: relative;top: -10px;margin-right: 12px;}
.company_numbers  h1:after{display: inline-block;content: '';width: 65px;border-bottom: solid 1px #c1c1c1;position: relative;top: -10px;margin-left: 12px;}
.company_numbers img{width:150px;height:150px}
.number-content{width:278px}
.number-content p,h3,h2{text-align:center;}
.number-content h3{font-weight:bold}

.core_mid p.bor_sec_fst{margin: -30px 53px 32px 0;}
.core_mid p.bor_sec_snd{margin: -60px 50px 62px 0;}
.core_mid p.bor_sec_trd{margin: -75px 50px 75px 0;}
.core_mid p.bor_sec_frth{margin: -116px 50px 120px 0;}
.core_mid p.bor_sec_ffth{margin: -136px 50px 145px 0;}




@media only screen and (max-width: 766px) {
    .service_banner {
        margin-top: -13px;
    }
}

@media only screen and (max-width: 498px) {
    .service_banner {
        margin-top: -34px;
    }
}


/****About Page End*****/














/*****Work section*********/
.work-section h2{color:#363636;text-transform:uppercase;font-size:30px;text-align:center;margin-bottom:20px;}
.work-section h2:before{display: inline-block;content: '';width: 65px;border-bottom: solid 1px #c1c1c1;position: relative;top: -10px;margin-right: 12px;}
.work-section h2:after{display: inline-block;content: '';width: 65px;border-bottom: solid 1px #c1c1c1;position: relative;top: -10px;margin-left: 12px;}

.work-section .controls a{margin-right:30px;display:inline-block;color:#7f7d7d;font-size:15px;text-transform:uppercase;cursor:pointer}
.work-section .controls a:last-child{margin-right:0}
.work-section .controls{text-align:center;border-bottom:1px solid #c9c9c9;margin:40px 70px 60px}
.work-section .controls a.active,.work-section .controls a:hover{color:#272727;border-bottom:2px solid #272727}
.work-container{padding: 0 70px;text-align: justify;font-size: 0.1px;-webkit-backface-visibility: hidden;}

.work-container:after{
content: '';
display: inline-block;
width: 100%;
}

.work-container .mix,
.work-container .gap{
display: inline-block;
width: 49%;
}

.work-container .mix{
text-align: left;
margin-bottom: 35px;
display: none;
}




.work-container .mix .caption {
background: #fff;
background: rgba(255, 255, 255, .8);
width: 100%;
position: absolute;
height: 100%;
opacity: 0;
left: 0px;
top: -199px;
display: block;
}
.work-container .mix .caption p {
color: #666;

font-size:20px;
}
.work-container .mix .tile-inner {
box-shadow:#999 0px 0px 10px;
}
.work-container .mix:hover img {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity:0;
}
.work-container .mix .portfolio-social {
display: none;
position: absolute;
left: 0px;
bottom: 15px;
width: 100%;
text-align: center;
}
.work-container .mix:hover .portfolio-social {
display: block;
}
.work-container .mix .portfolio-social a {
color: #555;
font-size: 16px;
width:20px;
height: 20px;  
}
.work-container .mix:hover .portfolio-social a:hover {
color: #333;
text-decoration: none;
}

.work-container .tile .caption {
background: #fff;
background: rgba(255, 255, 255, .8);
}
.work-container .tile .caption p {
color: #666;
font-size:20px;
}
.work-container .tile .tile-inner {
box-shadow:#999 0px 0px 10px; 
}
.work-container .tile:hover img {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity:0;
} 
.work-container .tile .ftg-social {
display: none;
position: absolute;
left: 0px;
bottom: 15px;
width: 100%;
text-align: center;
}
.work-container .tile:hover .ftg-social {
display: block;
}
.work-container .tile .ftg-social a {
color: #555;
font-size: 16px;
width:20px;
height: 20px;	
}
.work-container .tile:hover .ftg-social a:hover {
color: #333;
text-decoration: none;
}



.work-container .effect-slide{	

-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
-webkit-transform: translateY(50px);
transform: translateY(50px);
-moz-animation: effect-slide 0.8s ease forwards;
-o-animation: effect-slide 0.8s ease forwards;
-webkit-animation: effect-slide 0.8s ease forwards;
animation: effect-slide 0.8s ease forwards;


}
.work-container .effect-slide:nth-child(odd) {
-moz-animation-duration: 0.6s;
-o-animation-duration: 0.6s;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
}
.work-container .tile img {
-moz-transition: -moz-transform .5s,opacity .5s;
-o-transition: -o-transform .5s,opacity .5s;
-webkit-transition: -webkit-transform .5s,opacity .5s;
transition: transform .5s,opacity .5s;
}

#gallery .tile .caption {
background: #fff;
background: rgba(255, 255, 255, .8);
}
#gallery .tile .caption p {
color: #666;
font-family: 'Engagement', cursive;
font-size:20px;
}
#gallery .tile .tile-inner {
box-shadow:#999 0px 0px 10px; 
}
#gallery .tile:hover img {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity:0;
} 
#gallery .tile .ftg-social {
display: none;
position: absolute;
left: 0px;
bottom: 15px;
width: 100%;
text-align: center;
}
#gallery .tile:hover .ftg-social {
display: block;
}
#gallery .tile .ftg-social a {
color: #555;
font-size: 16px;
width:20px;
height: 20px;	
}
#gallery .tile:hover .ftg-social a:hover {
color: #333;
text-decoration: none;
}
/******Contact section**********/
.contact-us-container{width:100%;margin:20px 0;background-color:#ececec;padding:20px 0}
.contact-us-container > form{width:700px;margin:0 auto}
.contact-us-container input{width:205px; height:40px;padding-left:10px;margin-right:20px;border:none}