@charset "utf-8";

/* CSS Document */



span3

{

    font-size: 30px;

    font-weight: 900;

}

span4

{

    font-size: 18px;font-weight: 900;

}



.service

{

    width: 100%; padding: 65px 0px;

}



span5

{

     font-size: 35px;font-weight: 300;

}

span6

{

        font-size: 30px;

    color: #4e4e4e;

}

span7

{

    font-size: 35px;

    font-weight: 700;

}

span8

{

    font-size: 28px;

    font-weight: 600;

    color: #c52127;

    font-family: sans-serif;

}

.service h3

{

    font-family: 'Open Sans',Arial,Helvetica,sans-serif;

    color: #4b4e53;

    font-weight: 900;

    font-size: 35px;

    text-align: center;

    margin-bottom: 60px;

}







/*-- services --*/

.view {

    overflow: hidden;

    position: relative;

    text-align: center;

    background: #cec293;

}



.view .mask,

.view .content {

    position: absolute;

    overflow: hidden;

    top: 0;

}



.view-fifth .mask {

    background-color: #f44336;

    -webkit-transform: translateX(-300px);

    -moz-transform: translateX(-300px);

    -o-transform: translateX(-300px);

    -ms-transform: translateX(-300px);

    transform: translateX(-300px);

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

    opacity: 1;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.view-fifth h4 {

    font-size: 32px;

    color: #fff;

    padding: 2.6em 2em;

    line-height: 31px;

}



.view-fifth:hover .mask {

    -webkit-transform: translateX(0px);

    -moz-transform: translateX(0px);

    -o-transform: translateX(0px);

    -ms-transform: translateX(0px);

    transform: translateX(0px);

}



.view.view-fifth i {

    color: #fff;

    font-size: 5em;

    padding: 1em 0;

}



/*-- //services --//



//=====products-------



/* news */

.news {

    background: url(../images/bg2.jpg) no-repeat center fixed;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -moz-background-size: cover;

}



.product-sliding h2

{

    font-size: 34px;

    letter-spacing: 1px;

    text-align: center;

    color: #fff;

    font-weight: 700 !important;

    text-transform: uppercase;

    margin: 10rem 0em 5rem 0em!important;

}

.product-sliding

{

    width: 100%;margin: 60px 0px;

}



.news h3.tittle:before {

    background: #fff;

}

.feedback-info h4 {

    font-size: 15px;

    letter-spacing: normal;

    margin: 21px 0 19px;

    font-weight: 600;

}

.feedback-info h4 a {

    letter-spacing: 1px;

    line-height: 1.4;

}



.feedback-info h4 a:hover {

    color: #37adf5 !important;

}



.feedback-img {

    float: left;

    width: 25%;

}



.feedback-img-info {

    float: right;

    width: 68%;

    margin: 1em 0 0 1em;

}



.feedback-img-info h5 {

    color: #504e4e;

    font-size: 20px;

    letter-spacing: 1px;

    /* text-transform: uppercase; */

    font-weight: 600;

}



.pb-5, .py-5 {

    padding-bottom: 1rem !important;

}



.pt-5, .py-5 {

    padding-top: 3rem !important;

}

.pl-4, .px-4 {

    padding-left: 1.5rem !important;

}

.pr-4, .px-4 {

    padding-right: 1.5rem !important;

}

.bg-white {

    background-color: #fff !important;

}

.footerlogo {

    width: 100%;
    margin-bottom: 25px;
    padding: 10px;
    border: 1px solid #e8e8e8;

}

.footerlogo img {

    vertical-align: top;

    max-width: 100%;

}



.footer-bg

{

    background-color: #f1f1f1;

    

}

.footer-bg2

{

    width: 100%;

    background-color: #d8d8d8;

    

}

.footer2-left

{

    background-image: url(../images/footer-bg.jpg);

}

.footer-l

{

    margin: 40px 0px;

    padding: 50px 0px;

    width: 100%;

    height: 200px;

}



.footer-l p{

    font-size: 25px;

    font-weight: 700;

    color: #000;

    line-height: 35px;

}

.left p

{

    color: #070707;font-size: 14px;

    line-height: 25px;

    font-family: 'Open Sans',Arial,Helvetica,sans-serif;

}

.worldv

{

    color: #473083;

    font-size: 15px;

    text-decoration: none;

    font-weight: bold;

}

.worldv a

{

    color: #473083;

    text-decoration: none;  

}



.worldv a:hover

{

    color: #473083;

    text-decoration: none;  

}

.call {

    position: fixed;

    bottom: 150px;

    z-index: 999;

    background: #EB6909;

    right: 0;

    color: #FFF;

    -webkit-transition: 1s ease-in-out;

    -moz-transition: 1s ease-in-out;

    -ms-transition: 1s ease-in-out;

    -o-transition: 1s ease-in-out;

    transition: 1s ease-in-out;

}

.call a {

    color: #fff;

    padding: 10px 25px 10px 15px;

    float: left;

}



span.phone-btn {

    float: left;

}

span.phone-btn i:hover {

    background: #2f3a52;

}

span.phone-btn i {

    float: left;

    background: #2b2026;

    padding: 15px;

    cursor: pointer;

}

.call-hide {

    margin-right: -170px;

}

.socil-icon

{

    

    background: #fff;

    padding: 10px;

}

.fb

{

    color: #4867aa;

}

.twr

{

    background:  #1ea1f3;

    padding: 10px;

    color:#fff;

}

.linkndin

{

    background: #0077af;

    color: #fff;

    padding: 10px;

}

.ytub

{

    background: #c41c20;

    color: #fff;

    padding: 10px;

}

.pinterst

{

    color: #fff;

    background: #bb0111;

    padding: 10px;

}

.footer-end

{

    margin-bottom: 10px!important;

}



.download-section {

    background: #fff none repeat scroll 0 0;

    box-shadow: 0 10px 30px #c5c5c5;

    clear: left;

    float: left;

    padding: 15px 0;

    width: 100%;

}

.download-section .dowlbtn-box {

    clear: left;

    float: left;

    margin-top:25px;

    width: 100%;

}

.download-section .dowlbtn-box a {

    background: #343434 none repeat scroll 0 0;

    box-shadow: 0 10px 30px #c5c5c5;

    border-radius: 50px;

    color: #fff;

    display: inline-block;

    font-size: 26px;

    font-weight: bold;

    padding: 8px 0;

    text-align: center;

    width: 100%;

}





/*------player-----*/



.videoP {

    background: url(../images/bg3.jpg) no-repeat center fixed;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -moz-background-size: cover;

}



.video-outer

{

    width: 100%; padding: 40px; margin:0px auto;

}

.v-frame

{

    width: 100%;

    height: 400px;

    margin: 60px 0px;

}



    .title-fs-60 h1 {

    color: #4b4e53;

    font-family: Lato,Arial,Helvetica,sans-serif;

    font-size: 50px;

    line-height: 6px;

    font-weight: 700;

        

}



{

    font-size: 13px;

}



.gallery-pg

{

padding-top: 80px;

padding-bottom: 10px;

}



.gallery-box

{

    width: 100%; border: 1px solid #eaeaea; padding: 10px;margin-bottom: 30px; font-size: 13px;

}



.gallery-box:hover {

    box-shadow: 2px 2px 10px 10px #C9C9C9;

    -webkit-box-shadow: 2px 2px 10px 10px #ececec;

    -moz-box-shadow: 2px 2px 10px 10px #eeeeee;

}



.gallery-box img {

    vertical-align: top;

    max-width: 100%;

}







.mb-50 h3 {

    font-size: 24px;

    letter-spacing: normal;

    line-height: 33px;

    margin: 26px 0 16px;

}

.section-title h2

{

        FONT-SIZE: 32px!important;

}



.topb

{

    background: #fff;

}

.footerw

{

    font-family: 'Open Sans',Arial,Helvetica,sans-serif;color: #7e8082;    font-size: 14px;

    line-height: 25px;

 

    font-weight: 400;



}

.footerli

{

    font-size: 14px;

    line-height: 25px;

    font-family: 'Open Sans',Arial,Helvetica,sans-serif;

    font-weight: 400;

    color: #7e8082;

}



.modal-body {

  position:relative;

  padding:0px;

}

.close {

  position:absolute;

  right:-30px;

  top:0;

  z-index:999;

  font-size:2rem;

  font-weight: normal;

  color:#fff;

  opacity:1;

}



  .hovereffect {

  width: 100%;

  height: 100%;

  float: left;

  overflow: hidden;

  position: relative;

  text-align: center;

  cursor: default;cursor: pointer;

}



.hovereffect .overlay {

  width: 100%;

  height: 100%;

  position: absolute;

  overflow: hidden;

  top: 0;

  left: 0;

  background-color: rgba(75, 75, 75, 0.15);

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



.hovereffect:hover .overlay {

  background-color: rgba(48, 152, 157, 0.4);

}



.hovereffect img {

  display: block;

  position: relative;

}



.hovereffect h2 {

/*  text-transform: uppercase;*/

  color: #fff;

  text-align: center;

  position: relative;

  font-size: 17px;

  padding: 10px;

  background: rgba(0, 0, 0, 0.6);

  -webkit-transform: translateY(45px);

  -ms-transform: translateY(45px);

  transform: translateY(45px);

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



.hovereffect:hover h2 {

  -webkit-transform: translateY(5px);

  -ms-transform: translateY(5px);

  transform: translateY(5px);

}



.hovereffect a.info {

  display: inline-block;

  text-decoration: none;

  padding: 7px 14px;

  text-transform: uppercase;

  color: #fff;

  border: 1px solid #fff;

  background-color: transparent;

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0);

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

  font-weight: normal;

  margin: -52px 0 0 0;

  padding: 62px 100px;

}



.hovereffect:hover a.info {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}



.hovereffect a.info:hover {

  box-shadow: 0 0 5px #fff;

}



.modal-content

{

    top: 113px!important;

}









@media screen and (max-width: 640px) {

    

    .footer-l p {



    font-size: 21px;

    font-weight: 600;

    color: #000;

    line-height: 35px;

    

    

    

}

    

.abt-bg

{

background-color: #e3e8ee;



}



    



@media screen and (max-width: 480px) {



    .footer-l p {



    font-size: 21px;

    font-weight: 600;

    color: #000;

    line-height: 35px;



}

    .close {



    position: absolute;

    right: 6px;

    }

    .abt-bg

{

background-color: #e3e8ee;



}

.close {



    position: absolute;

    right: 6px;

    }
	
	.title-fs-60 h1 {

    color: #4b4e53;
    font-family: Lato,Arial,Helvetica,sans-serif;
    font-size: 35px;
    line-height: 35px;
    font-weight: 700;

}

}