/*--------------------------- Color variations ----------------------*/

/* Medium Layout: 1280px */

/* Tablet Layout: 768px */

/* Mobile Layout: 320px */

/* Wide Mobile Layout: 480px */

/* =================================== */

/*  Basic Style 

/* =================================== */

@charset "utf-8";

/* CSS Document */

body{ font-size: 12pt; font-family: Sansation;}

.nav

{

    margin-top:13px;
    margin-right:-50px;

}

/*-----------------nav bar--------------*/

/* CSS Document */

#MainNav {width: 100%; position: absolute; font-family: Sansation; font-size: 12pt; z-index: 5;}

/*#MainNav .main{width: 100%; height: 58px; background-position: center; background-repeat: no-repeat; background-color: #0D73BF; box-shadow: 0px 3px 5px 0px #19489e; }

*/

#MainNav .main{width: 100%; height: 80px; background-position: center; background-repeat: no-repeat; background-color: #133c86; box-shadow: 0px 3px 5px 0px #000; }

#MainNav .main .container{ position: relative;}

#MainNav .main .container .ifca {float: left; height: 100%;}

#MainNav .logoarea {height: 58px; background-color: #ffffff00; width: 120px; }

#MainNav .main .container .ifca.img {}

#MainNav .main .container .NavLogo { max-width: 250px; z-index: 100; position: absolute; margin-top: -20px; margin-left: -40px;}

#MainNav .main .container .openM.active{display:none;}

#MainNav .main .container .openM {display: block; position: absolute; right: 0; top:-2px; z-index: 6; background-color: #006332; width: 60px; height: 60px; padding: 1.5%; text-align: center; cursor: pointer;}

#MainNav .main .container .openM{padding-top: 13px;}

#MainNav .main .container .closeM{display: none;}

#MainNav .main .container .closeM.active {display: block; position: absolute; right: 0; top:-2px; z-index: 7; background-color: #eeeeee; width: 60px; height: 60px; padding: 1.5%; text-align: center; cursor: pointer;}

#MainNav .main .container .openM i{font-size: 20pt; color: #fff; padding-top: 5px;} 

#MainNav .main .container .closeM i{font-size: 20pt; color: #0D73BF;}

#MainNav #Manu.active { display: block;}

#MainNav #Manu {display:none; background-color: #eeeeee; padding-top: 10px; padding-bottom: 10px; box-shadow: 0px 5px 5px 0px #ccc;}

#MainNav #Manu .container{}

#MainNav #Manu .container ul { list-style: outside; padding: 0px; font-family: Sansation;}

#MainNav #Manu .container ul a{ color:black;}

#MainNav #Manu .container ul a:hover{text-decoration: none; }

#MainNav #Manu .container ul li{list-style: none; padding: 5px; margin-top: 5px; margin-bottom: 5px; font-size: 14px;}

#MainNav #Manu .container ul li:hover{background-color: #0D73BF; color: #fff;}

#MainNav #Manu .container ul li i{color: #0D73BF; font-size: 16pt; width: 35px;}

#MainNav #Manu .container ul li:hover i{color: #fff;}

#MainNav #Manu .container .productLink img{width:80%;}

#MainNav #Manu .container .NavTitle{font-weight: 700; margin-bottom: 15px;}

#MainNav #Manu .container .NavTitle.Complementary{margin-top:30px;}

#MainNav #Manu .container .col1{padding-left: 10px; margin-top: 50px;}

#MainNav #Manu .container .col2{ margin-top: 25px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding-left: 10px; padding-right: 10px; }

#MainNav #Manu .container .col2 .s_col1, #MainNav #Manu .container .col2 .s_col2, #MainNav #Manu .container .col2 .s_col3 {}

#MainNav #Manu .container .col2 .s_col1 img, #MainNav #Manu .container .col2 .s_col2 img, #MainNav #Manu .container .col2 .s_col3 img {padding-left: 0; margin-bottom:15px;}

#MainNav #Manu .container .col3{ margin-top: 25px; padding-left: 10px;}

#MainNav #Manu .container .KidCareer{width: 220px; float: left; margin-left: -50px; padding-bottom: 0px;}

#MainNav #Manu .container .NavHire{margin-top: 75px;}

/*-------------End nav bar----------------------------*/



div.modal-content{ width: 800px; height: 465px; top: 50%; margin-top: 233px; left: 50%; margin-left: -400px;}

iframe{width: 100%; display: block;}

/*----hover effect-------*/

.iva-box {

    overflow: hidden;

    position: relative;

    padding: 60px 50px;

    width: 100%;

    text-align: center;





}

.top-content

{



    /*  background-image:url(../img/background-offerings.jpg);*/

    background-repeat:no-repeat;

    padding-top:80px;

    padding-bottom:80px;

    background-attachment:fixed;



    width: 100%;

    background-position: center center;

    -webkit-background-size: cover !important;

    -moz-background-size: cover !important;

    -o-background-size: cover !important;

    background-size: cover !important;

    background-repeat: repeat-y;

}

.tab-green .ui-state-active

{

    border: 1px solid #0D73BF;

    border-bottom-width: 1px;

    background: #0D73BF;

    font-weight: normal;

    color: #ffffff;

}

.tab-green .ui-tabs-nav li.ui-tabs-active {

    margin-bottom: -1px;

    padding-bottom: 1px;

}

.tab-green .ui-tabs-panel

{

    background:url(../img/background-tab1.jpg);

    background-size:cover;

    position:relative;

    background-attachment:fixed;

}

.ui-widget {

    font-family: Sansation;

}

.white-bg

{

    background:#FFF;

    opacity:1;

    width:100%;

    height:100%;

    left:0px;

    top:0px;

    position:absolute;

}

.tab-green .ui-tabs-nav {

    margin: 0;

    border: 0px !important;

    padding: 0px !important;

    background: #0D73BF !important;

    height: 70px;

    border-radius: 0px;

    text-align:center;

    line-height: 70px;

}

.ui-tabs .ui-tabs-nav li.ui-tabs-active:after

{

    content: '';

    position: absolute;

    left: 50%;

    margin-left: -10px;

    bottom: -3px;

    width: 0;

    height: 0;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-bottom: 10px solid #FFF;



}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a

{

    color:#FFF;

}



.ui-tabs .ui-tabs-nav li a

{

    color: #DBDBDB;

}

.ui-tabs .ui-tabs-nav li {

    list-style: none;

    float: none;

    display:inline-block;

    border: 0px;

    color: #FFF;

    background: transparent;

}

.tab-green

{

    border:0px !important;

    padding: 0px;

}

.table-green tr:nth-child(even) {background: #CCC}

.table-green tr:nth-child(odd) {background: #FFF}

.table-green  thead tr

{

    background:#0D73BF !important;

    color:#FFF;

}

.table-green

{

    width:90%;

}

.table-green td

{

    font-size:14px;

    color: #222;

}

.table-green td, .table-green th

{

    padding:8px;

}

.iva-box .main {

    -webkit-transition: all 300ms cubic-bezier(.07,.58,.39,1);

    -moz-transition: all 300ms cubic-bezier(.07,.58,.39,1);

    -o-transition: all 300ms cubic-bezier(.07,.58,.39,1);

    -ms-transition: all 300ms cubic-bezier(.07,.58,.39,1);

    transition: all 300ms cubic-bezier(.07,.58,.39,1);

}

.iva-box h2 {

    font-size: 18px;

    line-height: 24px;

    margin: 20px 0;

}

.iva-box span.desc {

    line-height: 23px;

    display: block;

    padding: 20px 10px 20px 10px;

    font-size: 14px;

    color: #fff;

    -webkit-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);

    -moz-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);

    -o-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);

    -ms-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);

    transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);

    -webkit-transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);

    -o-transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);

    transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);

}

.iva-box span.desc {

    line-height: 23px;

    display: block;

    padding: 20px 10px 20px 10px;

    font-size: 14px;

    color: #fff;

    -webkit-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);

    -moz-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);

    -o-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);

    -ms-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);

    transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);

    -webkit-transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);

    -o-transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);

    transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);

}

.dropdown-menu > li > a {

    white-space: normal;

}

.iva-box span.desc {

    line-height: 23px;

    display: block;

    padding: 20px 10px 20px 10px;

    font-size: 14px;

    color: #fff;

    -webkit-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);

    -moz-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);

    -o-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);

    -ms-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);

    transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);

    -webkit-transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);

    -o-transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);

    transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);

}

.iva-box:hover {

    background-color: rgba(0,0,0,0.5);

}

.iva-box:hover .main {

    margin-top: -50px;

}

.iva-box:hover .main img {

    display: none;

}

.desc {

    color: white;

    font-family: 'Lato',sans-serif;

    font-size: 1.5em;

    font-weight: 300;

    height: 530px;

    line-height: 1.5em;

    text-align: center;

    text-transform: uppercase;

    visibility: visible;

    -webkit-transition: 0.3s all linear;

    -moz-transition: 0.3s all linear;

    transition: 0.3s all linear;

}

.iva-box {

    padding-top: 15%;

    border-left: none;



}

.mactive

{

    border-bottom: 5px solid #FFF;

}



.menu-large

{

    width:240px !important;

}

.navbar-nav > li > ul > li > ul

{

    border-radius:0px;

    border: 0px;

} 

.navbar-nav > li > .dropdown-menu

{

    background-color: #0B558D;

    border-radius:0px;

    border: 0px;



}



.navbar-nav > li > .dropdown-menu a

{

    padding:10px !important;

    border-bottom: 0px;

}

.has-submenu.highlighted

{

    border-bottom:5px solid #000;

    padding-bottom:13px;

}

.nav > li > a

{

    color:#FFF;

    padding-bottom:17px;

    border-bottom:5px solid transparent;

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

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

    transition: all 0.4s ease-in-out;



}

.nav > li > a:focus, .nav > li > a:hover {

    text-decoration: none;

    background-color: transparent;

    text-shadow:none ;

    border-bottom:5px solid #FFF;

    padding-bottom:13px;

}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {

    background-color: #0B558D;

    border-color: #FFF;

}

.iva-box .main i, .iva-box .main h2 {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}

.iva-box:hover .desc {

    opacity: 1;

    -webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);

    -moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);

    -o-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);

    -ms-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);

    transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);

}

/*----End hover effect-------*/

/* Global Class */

.textCenter{text-align: center;}

.textLeft{text-align: left;}

.textRight{text-align: right;}

.posLeft{float: left;}

.posRight{float: right;}

.BorderBox{border: 1px solid #ccc; border-radius:10px; padding: 10px; min-height: 455px; position: relative;}

.PosBotom{position: absolute; bottom: 10px;}

.shadowBottom{background-image: url(../img/BGshadow.jpg); background-position: top center; height: 22px; width: 100%;}

.shadowTop{background-image: url(../img/BGshadow2.jpg); background-position: top center; height: 22px; width: 100%;}

.VCbtnLight{background-color: #fff; color: #0D73BF; font-size: 16px; padding: 10px; margin: 10px; width: 250px; text-align: center; border-radius: 35px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; cursor: pointer;}

.VCbtnLight:hover{background-color: #0D73BF; color: #fff; cursor: pointer; text-decoration: none;}

.VCbtnDark{background-color: #0D73BF; color: #fff; font-size: 16px; padding: 10px; margin: 10px; width: 250px; text-align: center; border-radius: 35px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; cursor: pointer;}

.VCbtnDark:hover{background-color: #0db6bf; color: #fff; cursor: pointer; text-decoration: none;}

.BtnCenter{left: 50%; margin-left: -125px;}

.careerText{margin-top: 50px; color: #0D73BF;}

.formFill{margin:10px;}

.SubmitBtn{ border-radius: 50px; background-color: #0D73BF; color: #fff;width: 250px; height: 45px;margin: 10px; border: none; box-shadow: none; background-image: none; text-shadow: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}

.SubmitBtn:hover{background-color: #0db6bf; color: #fff; cursor: pointer; text-decoration: none;}

iframe{width:100%;}

.DetailsDesktop{background-color: #ddd;}

.EnquryPerpose{ position: relative; height: 400px; margin-bottom: 25px; margin-top: 25px;}

.clientLogo img{width: 50px;}

.liBox ul li{float: left; position: relative; width: 100%; min-height: 15px; text-align: justify; list-style-type: none;}

.lineDotBotom{border-bottom: 1px dotted #444;}

.lineDotLeft{border-left: 1px dotted #444;}



.AllServicesManu {}

.AllServicesManu li{list-style: none; float: left; width: 50%;}



.Benefits{background-image: url(../img/serviceBg.jpg); background-attachment: fixed; background-position: center; background-color: #ddd; margin-top: 25px; margin-bottom: 25px; padding-top: 50px; padding-bottom: 50px; color:#fff; font-weight: bold; position: relative;}

.Capabality{background-image: url(../img/serviceBg.jpg); background-attachment: fixed; background-position: center; background-color: #ddd; margin-top: 25px; margin-bottom: 25px; padding-top: 50px; padding-bottom: 50px; color:#fff; font-weight: bold; position: relative;}

.Benefits .point, .Capabality .point{width: 0; height: 0; border-style: solid; border-width: 0 50px 50px 50px; border-color: transparent transparent #ffffff; position: absolute; right: 50%; bottom: -75px; margin-right: -50px; }



.map{background-image: url(../img/map.jpg); background-position: bottom center; background-repeat: no-repeat; position: relative; height: 500px; background-size: 165%;}

.map .info{ position: absolute; background-color: #0db6bf; color: #fff; padding: 25px; margin-left: 50%; width: 325px; right: 142px; bottom: 150px;}

.map .info>div:after { position: absolute; top: 100%; left: 50%; width: 0; height: 0; margin-left: -12px; content: " "; pointer-events: none; border: solid transparent; border-width: 12px; border-color: rgba(218,77,60,0); border-top-color: #0db6bf;}

.map .info p{margin-left: 15px; font-size: 12px; margin-top: 15px;}



.vission{background-color: #0D73BF; color:#fff; margin: 10px; border: 15px solid #fff; box-shadow: 0px 0px 5px #ddd;}

.mission{background-color: #ddd; color:#000; margin: 10px; border: 15px solid #fff; box-shadow: 0px 0px 5px #ddd;}



main #Background { background-color: RGBA(0,0,0,0.9); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; height: 800px; width: 100%; text-align: center; padding-top: 100px;}

main #Background h1{color: white; font-size: 24pt; font-weight: bold; text-shadow: 0px 0px 5px 0 #000;  -moz-text-shadow: 0px 0px 5px 0 #000;}

main #Background h2{color: white; font-size: 24pt; margin-bottom: 18pt; text-shadow: 0px 0px 5px 0 #000;}



main #OurStory { background-image: url(../img/OurStory.jpg); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; height: 300px; width: 100%; padding-top: 150px; text-align: center; border-bottom: 5px solid #0D73BF;}

main #OurStory h1{color: white; font-size: 24pt; font-weight: bold;}



main #PrivacyPolicy{background-image: url(../img/PrivacyPolicy.jpg); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; height: 300px; width: 100%; padding-top: 150px; text-align: center; border-bottom: 5px solid #0D73BF;}

main #PrivacyPolicy h1{color: white; font-size: 24pt; font-weight: bold;}



main #Careers{background-image: url(../img/../img/career.jpg); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; height: 300px; width: 100%; padding-top: 150px; text-align: center; border-bottom: 5px solid #0D73BF;}

main #Careers h1{color: white; font-size: 24pt; font-weight: bold;}



main #technology{background-image: url(../img/../img/../img/fibre.jpg); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; height: 300px; width: 100%; padding-top: 150px; text-align: center; border-bottom: 5px solid #0D73BF;}

main #technology h1{color: white; font-size: 24pt; font-weight: bold;}



main #contact{background-image: url(../img/../img/../img/contact.jpg); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; height: 300px; width: 100%; padding-top: 150px; text-align: center; border-bottom: 5px solid #0D73BF;}

main #contact h1{color: white; font-size: 24pt; font-weight: bold;}



main a.OrgBtn{background-color: #f8992e;color: white; padding: 15px; width: 200px; border-radius: 10px; text-align:center; display: inline-block; position: relative; font-size: 10pt; font-weight: normal; text-decoration: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}

main a.OrgBtn:hover{background-color: #e37b06; text-decoration: none; font-weight: bold; box-shadow: 0px 0px 5px #444;}

main a.OrgBtn i{font-size: 20pt; position: absolute; top: 50%;margin-top: -13px;right: 30%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}

main a.OrgBtn:hover i{font-size: 20pt; position: absolute; top: 50%;margin-top: -13px;right: 25%;} 



main a.OrgWte{background-color: #fff;color: #f8992e; padding: 15px; width: 200px; border-radius: 10px; text-align: center; display: block; position: relative; font-size: 10pt; font-weight: normal; text-decoration: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}

main a.OrgWte:hover{background-color: #fff; text-decoration: none; font-weight: bold; box-shadow: 0px 0px 5px #444;}

main a.OrgWte i{font-size: 20pt; color: #f8992e; position: absolute; top: 50%;margin-top: -13px;right: 30%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}

main a.OrgWte:hover i{font-size: 20pt; position: absolute; top: 50%;margin-top: -13px;right: 25%;} 



main #Product{background-color: #fff;}

main #Product h2{font-size: 24px; color: #0D73BF; font-weight: bold;}

main #Product h2.soon{font-size: 28pt; color: #ccc; font-weight: bold; position: absolute; bottom: 35px; font-size: 20pt;}

main #Product h3{}

main #Product h3 span{font-size: 12pt; color: #f8992e; font-weight: bold;}

main #Product .ProductBox {margin-top:10px; margin-bottom: 10px;}

main #Product .ProductBox a.OrgBtn { position: absolute; bottom: 0; left: 15px;}

main #Product .BoxBodder{border-left: solid 1px #ccc; border-right: solid 1px #ccc;}

main #Product .wallImg {border: 1px solid #ccc; text-align: center; margin: 10px;}

main #Product .policy ul{}

main #Product .policy ul li{margin-left: 25px; margin-top: 10px; margin-bottom: 10px;}

main #Product .policy .addressTo {margin-left: 50px;}



main #Product2 { background-color: #fff; padding-top: 25px; padding-bottom: 25px;}

main #Product2 h2{font-size: 24px; color: #0D73BF; font-weight: bold; text-align: center;}

main #Product2 h3{}

main #Product2 h3 span{font-size: 12pt; color: #f8992e; font-weight: bold;}

main #Product2 .ProductBox {height: 285px; position: relative; margin-bottom: 25px; margin-top: 25px; padding-bottom: 50px;}

main #Product2 .ProductBox a.OrgBtn { position: absolute; bottom: 0; left: 15px;}

main #Product2 .BoxBodder{border-left: solid 1px #ccc; border-right: solid 1px #ccc;}

main #Product2 .tierBox{background-color:#f8992e; color: #fff; padding: 20px; height: 500px; position: relative; border-radius: 10px; margin-top: 25px;}

main #Product2 .tierBox h3{text-align: center; font-weight: bold; margin-bottom: 40px;}

main #Product2 .tierBox p{font-style: italic; margin-left: 10px; margin-top:25px;}

main #Product2 .tierBox a{position: absolute; bottom:20px; right:50%; margin-right: -100px;}

main #Product2 .tierBox ul li{margin-left: 20px;}



main span.sFocus {font-weight: bold; font-style: normal; color:#f8992e; font-size: 10pt;}

main span.sFocus2 {font-weight: bold; font-style: normal; font-size: 10pt; color:#f8992e;}



main #highlight { background-position: top center; padding: 10px; color: #fff; font-family: Sansation; font-size: 28px;} 

main #highlight .normal { height: 400px; position: relative;}

main #highlight .normal h2, main #highlight .prominent h2{font-weight: bold; color: #f8992e;}

main #highlight .normal p{color:#fff;}

main #highlight .normal span.sFocus{color: #fff;}

main #highlight .normal a.readMore{position: inherit; color: #f8992e; font-size: 10pt;}

main #highlight .normal a, main #highlight .prominent a{position: absolute; bottom: 100px;}

main #highlight .normal ul{}

main #highlight .normal ul li{padding: 7px;}

main #highlight .cBtn{ float: right; background-color: #fff; color: green; font-size: 16px; padding: 10px; margin: 10px; width: 250px; text-align: center; border-radius: 35px; position: relative;}

main #highlight .cBtn i{position: absolute; margin-top: 5px; margin-left: 10px;}



main #highlight .prominent { background-color:#343434; height: 400px; position: relative;}

main #highlight .prominent h2{color: #f8992e;} 

main #highlight .prominent p{color: #fff;}

main #highlight .prominent img{margin-top:25px; margin-bottom: 50px;}

main #highlight .prominent ul{padding:0;}

main #highlight .prominent ul li{color:#fff; list-style: none; padding: 10px;}



main #highlight .VideoContainer.pSale{background-image: url(../img/VideoThumnail.png);}

main #highlight .VideoContainer{width: 100%; background-color: #444; padding: 93px; text-align: center; position: absolute; bottom: 13px; width: 370px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; height: 270px;}

main #highlight .VideoContainer i{font-size: 60pt; color:#ccc; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; opacity: 0.7;}

main #highlight .VideoContainer:hover i{color:#f8992e; cursor: pointer; text-shadow: 5px 5px 5px 5px #f8992e; opacity:1;}

main #highlight .VideoContainer:hover {cursor:pointer; background-color: #000;}

main #highlight a.videoLb {position: inherit;}



main #highlight2 { background-color: #ddd; position: relative; padding-top: 25px; padding-bottom: 25px;} 

main #highlight2 h2{font-size: 24px; font-weight: bold; color:#0D73BF;; text-align: center; padding-bottom: 25px;}

main #highlight2 .whyifca { text-align: center; height: 100px; background-color: 100%;  }

main #highlight2 .whyifca h3{color:#f6972e; text-align: center;}

main #highlight2 .whyifca p{color:#fff; text-align: center; padding: 0 10px;}

main #highlight2 .whyifca img {max-width: 120px;}

main #highlight2 ul {}

main #highlight2 ul li{color:#fff; padding: 3px 0px; margin-left:20px; font-size: 20px;}

main #highlight2 .ProductImg{position: absolute; top: -15px; right: 0;}

main #highlight3 {background-color: #ddd;} 

main #highlight3 .point{text-align: center;}

main #highlight3 .point h2{font-size: 34pt; font-weight: bold; color:#f8992e;}

main #highlight3 .point p{color:#fff;}

main #highlight3 img.kidcareer{ max-width: 250px;}







main #form {background-image: url(../img/Backdround3.jpg); background-repeat: repeat-x; background-position: center bottom; background-attachment: fixed;}

main #form .formBox{background-color: RGBA(0,0,0,0.5); margin: 15px; padding: 20px;}

main #form .formBox .formBorder {border-right: solid 1px #ccc;}

main #form .formBox h2{font-weight: bold; color: #f8922e;}

main #form .formBox p{color:#fff;}

main #form .formBox .companyInfo i{font-size:18pt; color:#f8922e; float: left;}

main #form .formBox .companyInfo p{margin-left: 40px; margin-top: 30px;}

main #form .formBox .SubForm{padding: 10px;}

main #form .formBox .SubForm input{margin-bottom: 5px;}

main #form .formBox .SubForm input#Mobile{float: left; width: 49.5%}

main #form .formBox .SubForm input#email{float: right; width: 49.5%}

main #form .formBox .SubForm a{margin-top:15px;}







section.CtnHide{ display:none;}

section.CtnDisplay{ display:inline-block;}



.fullscreen-bg {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    overflow: hidden;

    z-index: -100;

}



.fullscreen-bg__video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: auto;

}



.video-responsive {

    padding-bottom: 56.25%;

    position: fixed;

    width: 100%;

    z-index: -1;

}



.canvas,

.video {

    /*height: 100%;

    width: 100%;*/

    width: 100%;

    height: auto;

    left: 0;

    position: absolute;

    top: 0;

    background: #000;

    z-index: 0;

    min-width: 905px;

    display: none;

}

.video {display: none;}

.replacevid {display: absolute; width: 100%; height: auto; left: 0; position: absolute; z-index: 0;}

#over_video{

    position: absolute;

    width: 100%;

    height: 100%;

    text-align: center;

    top: 0;

    z-index: 10;

    font-size: 12vw;

    color: #FFF;

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

    margin-top: 20%;

    text-shadow: 4px 4px 4px #5C433B;

}



*{

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



canvas#nokey{

    background-color: transparent;

    position: absolute;

    height: 300px;

    width: 100%;



}



#slider {width: 100%; height: 700px; overflow: hidden;}

.slides {position: relative; margin: 0; padding: 0; }

.slide { position: absolute; list-style-type: none; text-align: center; width: 100%; height: 100px; top: 0; left:0;}

#slider ul li{}

#slider ul li .sliderContent{ max-width: 650px; width: 100%; position: absolute; margin-left: 50%; left: -325px;}

#slider h2{font-size:28px; color:#fff; font-weight: bold;}

#slider h3{color:#fff; font-size: 20px;}

.slidernav {

    width: 100%; 

    color: #fff !important; 

    margin-top: 16px !important;

    margin-bottom: 16px !important;

    text-align: center !important;

    font-size: 18px !important;

    padding: 0.01em 16px;

    position: relative;

    left: 50%;

    bottom: 0;

    transform: translate(-50%,0%); }

.slidernavleft {float: left !important;}

.slidernavright {float: right !important;}

.slidernavleft, .slidernavright, .slidernavbadge {

    cursor: pointer;

}







footer{}

footer #manu{background-color: #133c86; color: white; padding-bottom: 10px; padding-top: 25px}

footer #manu h2{ color: #fff; font-size: 24px; font-weight: bold;}

footer #manu .col2{ border-left: solid 1px RGBA(250,250,250,0.3);}

footer #manu ul{padding-left:0px;}

footer #manu ul a{text-decoration: none;}

footer #manu ul li{list-style: none; color: white; padding-left: 5px; margin-bottom: 10px; margin-top: 10px; height: 25px;}

footer #manu ul li:hover{background-color: #fff; color: #0D73BF; font-size: 12pt; font-weight: bold;}

footer #manu .followus ul li{float: left; display: block; padding: 10px;}

footer #manu .followus ul li i{font-size: 32px;}

footer #manu .container{}

footer #manu .container p{ font-size: 14px;}

footer #manu .container p.tabSpace{ padding-left: 20px;}

footer #copyright{background-color: #000; border-top: solid 1px #fff; padding-top: 10px; padding-bottom: 10px; font-size: 10pt; color: white;}

footer #copyright .policy{float: left;}

footer #copyright .policy a{color: white;}

footer #copyright .copyright{float: right;}



.read-more-state {display: none;}

.read-more-target {opacity: 0; max-height: 0; font-size: 0; transition: .25s ease; }

.read-more-state:checked ~ .read-more-wrap .read-more-target {opacity: 1; font-size: inherit; max-height: 999em;}

.read-more-state ~ .read-more-trigger:before {content: 'Show more';}

.read-more-state:checked ~ .read-more-trigger:before {content: 'Show less';}

.read-more-trigger {cursor: pointer; display: inline-block; color: #f8922e; font-size: 10pt; line-height: 2; border-radius: .25em;}



* {

    margin: 0;

    padding: 0; 

}



/* Icon 1 */



#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {

    width: 60px;

    height: 45px;

    position: relative;

    margin: 50px auto;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: .5s ease-in-out;

    -moz-transition: .5s ease-in-out;

    -o-transition: .5s ease-in-out;

    transition: .5s ease-in-out;

    cursor: pointer;

}



#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {

    display: block;

    position: absolute;

    height: 9px;

    width: 100%;

    background: #d3531a;

    border-radius: 9px;

    opacity: 1;

    left: 0;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: .25s ease-in-out;

    -moz-transition: .25s ease-in-out;

    -o-transition: .25s ease-in-out;

    transition: .25s ease-in-out;

}



#nav-icon1 span:nth-child(1) {

    top: 0px;

}



#nav-icon1 span:nth-child(2) {

    top: 18px;

}



#nav-icon1 span:nth-child(3) {

    top: 36px;

}



#nav-icon1.open span:nth-child(1) {

    top: 18px;

    -webkit-transform: rotate(135deg);

    -moz-transform: rotate(135deg);

    -o-transform: rotate(135deg);

    transform: rotate(135deg);

}



#nav-icon1.open span:nth-child(2) {

    opacity: 0;

    left: -60px;

}



#nav-icon1.open span:nth-child(3) {

    top: 18px;

    -webkit-transform: rotate(-135deg);

    -moz-transform: rotate(-135deg);

    -o-transform: rotate(-135deg);

    transform: rotate(-135deg);

}



/* Icon 2 */



#nav-icon2 {

}



#nav-icon2 span {

    display: block;

    position: absolute;

    height: 9px;

    width: 50%;

    background: #d3531a;

    opacity: 1;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: .25s ease-in-out;

    -moz-transition: .25s ease-in-out;

    -o-transition: .25s ease-in-out;

    transition: .25s ease-in-out;

}



#nav-icon2 span:nth-child(even) {

    left: 50%;

    border-radius: 0 9px 9px 0;

}



#nav-icon2 span:nth-child(odd) {

    left:0px;

    border-radius: 9px 0 0 9px;

}



#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {

    top: 0px;

}



#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {

    top: 18px;

}



#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {



    top: 36px;

}



#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

}



#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



#nav-icon2.open span:nth-child(1) {

    left: 5px;

    top: 7px;

}



#nav-icon2.open span:nth-child(2) {

    left: calc(50% - 5px);

    top: 7px;

}



#nav-icon2.open span:nth-child(3) {

    left: -50%;

    opacity: 0;

}



#nav-icon2.open span:nth-child(4) {

    left: 100%;

    opacity: 0;

}



#nav-icon2.open span:nth-child(5) {

    left: 5px;

    top: 29px;

}



#nav-icon2.open span:nth-child(6) {

    left: calc(50% - 5px);

    top: 29px;

}



/* Icon 3 */



#nav-icon3 span:nth-child(1) {

    top: 0px;

}



#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {

    top: 18px;

}



#nav-icon3 span:nth-child(4) {

    top: 36px;

}



#nav-icon3.open span:nth-child(1) {

    top: 18px;

    width: 0%;

    left: 50%;

}



#nav-icon3.open span:nth-child(2) {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

}



#nav-icon3.open span:nth-child(3) {

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



#nav-icon3.open span:nth-child(4) {

    top: 18px;

    width: 0%;

    left: 50%;

}



/* Icon 4 */



#nav-icon4 {

}



#nav-icon4 span:nth-child(1) {

    top: 0px;

    -webkit-transform-origin: left center;

    -moz-transform-origin: left center;

    -o-transform-origin: left center;

    transform-origin: left center;

}



#nav-icon4 span:nth-child(2) {

    top: 18px;

    -webkit-transform-origin: left center;

    -moz-transform-origin: left center;

    -o-transform-origin: left center;

    transform-origin: left center;

}



#nav-icon4 span:nth-child(3) {

    top: 36px;

    -webkit-transform-origin: left center;

    -moz-transform-origin: left center;

    -o-transform-origin: left center;

    transform-origin: left center;

}



#nav-icon4.open span:nth-child(1) {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    top: -3px;

    left: 8px;

}



#nav-icon4.open span:nth-child(2) {

    width: 0%;

    opacity: 0;

}



#nav-icon4.open span:nth-child(3) {

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

    top: 39px;

    left: 8px;

}



/*-----------------testimonials--------------*/

.testimonial{

    text-align: center;

    padding: 85px 50px 45px 70px;

    margin: 70px 15px 35px;

    background: #f9f9f9;

    box-shadow: 8px 4px 0 0 #0D73BF;

    position: relative;

}

.testimonial .pic{

    width: 120px;

    height: 120px;

    border: 5px solid #0D73BF;

    margin: 0 auto;

    position: absolute;

    top: -60px;

    left: 0;

    right: 0;

    border-radius: 100%;

}

.testimonial .pic img{

    width: 100%;

    height: auto;

}

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

    .testimonial .description{

        font-size: 12px;

        color: #757575;

        line-height: 20px;

        margin-bottom: 20px;

        position: relative;

    }

}

.testimonial .description{

    font-size: 14px;

    color: #757575;

    line-height: 20px;

    margin-bottom: 20px;

    position: relative;

}

.testimonial .description:before{

    content: "\f10d";

    font-family: "FontAwesome";

    font-size: 32px;

    color: #0D73BF;

    position: absolute;

    top: -15px;

    left: -35px;

}

.testimonial .testimonial-profile{

    position: relative;

    margin: 20px 0 10px 0;

}

.testimonial .testimonial-profile:after{

    content: "";

    width: 50px;

    height: 2px;

    background: #0D73BF;

    margin: 0 auto;

    position: absolute;

    bottom: -10px;

    left: 0;

    right: 0;

}

.testimonial .title{

    display: inline-block;

    font-size: 16px;

    color: #4a5184;

    letter-spacing: 1px;

    text-transform: uppercase;

    margin: 0;

}

.overflow-test

{

    height:118px; overflow-y:scroll

}

.testimonial .post{

    display: inline-block;

    font-size: 13px;

    color: #757575;

    text-transform: capitalize;

}

.owl-dots,  .owl-nav {

    text-align: center;

    -webkit-tap-highlight-color: transparent;

}

.owl-dot {

    display: inline-block;

    zoom: 1;

}

.owl-dot span {

    width: 12px;

    height: 12px;

    margin: 5px 7px;

    background: #D6D6D6;

    display: block;

    -webkit-backface-visibility: visible;

    transition: opacity .2s ease;

    border-radius: 30px;



}

.owl-theme .owl-controls{

    margin-top: 10px;

}

.owl-dot span{

    background: #869791;

    opacity: 1;

    transition: all 0.4s ease 0s;

}

.owl-dot.active span,

.owl-dot.clickable .owl-dot:hover span{

    background: #0D73BF;

}

.owl-dot.active span{

    width: 22px;

    height: 12px;

}

@media(min-width:300px) and (max-width:767px)

{

    .overflow-test

    {

        height:auto;

        overflow:visible;

    }

}

/*-------------End testimonials----------------------------*/



.productitem { background:url(img/background-about.jpg); background-size:100% 100%; position:relative; margin-bottom:30px; padding-top:0px; padding-bottom:50px; height:400px; overflow:hidden; }



.image_index{ max-width: 575px; width: 100%;}



.replacevid{ display: none;}