@charset "utf-8";

/* CSS Document */



body, ul, li, h1, h2, h3{ padding:0; margin:0;}

img{ max-width:100%;}

li{ list-style:none;}

@font-face {

    font-family: 'open_sansbold';

    src: url('../fonts/OpensansBold/opensans-bold-webfont.eot');

    src: url('../fonts/OpensansBold/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/OpensansBold/opensans-bold-webfont.woff') format('woff'),

         url('../fonts/OpensansBold/opensans-bold-webfont.ttf') format('truetype'),

         url('../fonts/OpensansBold/opensans-bold-webfont.svg#open_sansbold') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'OpenSansLight';

    src: url('../fonts/OpenSans-Light/opensans-light.eot');

    src: url('../fonts/OpenSans-Light/opensans-light.eot') format('embedded-opentype'),

         url('../fonts/OpenSans-Light/opensans-light.woff') format('woff'),

         url('../fonts/OpenSans-Light/opensans-light.ttf') format('truetype'),

         url('../fonts/OpenSans-Light/opensans-light.svg#OpenSansLight') format('svg');

}

@font-face {

    font-family: 'open_sansregular';

    src: url('../fonts/OpensansRegular/opensans-regular-webfont.eot');

    src: url('../fonts/OpensansRegular/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/OpensansRegular/opensans-regular-webfont.woff') format('woff'),

         url('../fonts/OpensansRegular/opensans-regular-webfont.ttf') format('truetype'),

         url('../fonts/OpensansRegular/opensans-regular-webfont.svg#open_sansregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'OpenSansBoldItalic';

    src: url('../fonts/OpenSans-BoldItalic/opensans-bolditalic.eot');

    src: url('../fonts/OpenSans-BoldItalic/opensans-bolditalic.eot') format('embedded-opentype'),

         url('../fonts/OpenSans-BoldItalic/opensans-bolditalic.woff') format('woff'),

         url('../fonts/OpenSans-BoldItalic/opensans-bolditalic.ttf') format('truetype'),

         url('../fonts/OpenSans-BoldItalic/opensans-bolditalic.svg#OpenSansBoldItalic') format('svg');

}



body{ font-family: 'open_sansregular'; font-size:13px; background:#292929;}

.outer-container{ float:left; width:100%; background:#fff;}

.no-padding{ padding-left:0; padding-right:0;}

.no-padding-left{ padding-left:0;}

.no-padding-right{ padding-right:0;}

.no-margin{ margin-left:0; margin-right:0;}

.slider-conatiner{ float:left; width:100%; background:#fff;  height:100vh; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-9; overflow:hidden;}

.slider-conatiner img{ height:100%; min-width:100% !important; max-width:none !important; float:left;}

.slider-conatiner ul#fade, .slider-conatiner ul#fade li{ float:left; width:100% !important; height:100% !important;}

.slider-conatiner ul#fade li .text-wrap{ float:left; width:650px; background:url(../images/text-bg.png); position:absolute; left:213px; bottom:50px; padding:30px; text-align:left; color:#515251;}

.slider-conatiner ul#fade li .text-wrap h1{ font-family: 'OpenSansLight'; text-transform:uppercase; font-size:28px;}

.slider-conatiner ul#fade li .text-wrap h2{ font-family: 'open_sansbold'; text-transform:uppercase; font-size:40px; line-height:40px;}

.slider-conatiner ul#fade li .text-wrap p{ font-family: 'open_sansregular'; font-size:16px; line-height:23px;}

.text-wrap > p {

    float: left;

    width: 100%;

}

.header-container{ float:left; width:100%;}	

.container{ position:relative;}

.logo{ float:left; margin:25px 0 0;}

.nav-wrap{ float:left; width:100%;}

.nav-wrap ul{ 
    margin: 0 auto;
    max-width: 1024px;
    width: 90%;
    float: none !important;
}

.nav-wrap ul li{ float:left; position: relative;}

.nav-wrap ul li.tp-cls{width:14%; height:170px; margin:0 1px 1px 0;}

.nav-wrap ul li.btm-cls{width:14%; height:170px; margin:0px 1px 1px 0;}

.nav-wrap ul li:last-child{ margin-right:0;}

.nav-wrap ul li a{
     float:left; 
     /*background:url(../images/menu-bg.png); */
     background: #666;
     text-align:center; 
     color:#fff; 
     font-size:14px; 
     line-height:17px;
}

.nav-wrap ul li.tp-cls a{width:100%; padding:130px 0 23px; }

.nav-wrap ul li.btm-cls a{width:100%; padding:130px 0 23px;}

.nav-wrap ul li a:hover{ background:url(../images/menu-bg-hover.png); color:white;}

.repeat{ float:left; width:100%;}

.design{ float:left; width:100%; height:424px;}

footer{ float:left; width:100%; background:url(../images/footer-bg.png); padding:39px 0 0;}

footer .left-f{ padding-left:0;}

footer .left-f ul li{ float:left; width:50%; padding:0 15px; margin:0 0 12px; background:url(../images/listing.png) left 5px no-repeat;}

footer .left-f ul li a{ color:#7f868a; font-size:13px;}

footer .mid-f{ }

footer .mid-f li{ margin-bottom:19px; float:left; width:100%; font-size:13px;}

footer .mid-f li span.time{ color:#adb1b3;   font-family: 'OpenSansBoldItalic';}

footer .mid-f li a{ float:left; width:100%; color:#7f868a;}

footer .mid-f li a span{ color:white;}

footer .right-f{ padding-right:0; float:right; }

.margin-top{ margin-top:18px;}

ul.pdf-links{ float:left; width:100%; text-align:center;}

ul.pdf-links li{ display:inline-block; margin-right:15px;}

ul.pdf-links li img{  border:#fff 2px solid; box-shadow:0 0 5px #666;}

ul.pdf-links li span{ float:left; width:100%; margin-top:0px;}

ul.cr-links{ float:left; width:100%; text-align:center;}

ul.cr-links li{ display:inline-block; margin-right:15px; width: 30%;}

ul.cr-links li span{ float:left; width:100%; margin-top:0px;}

footer .right-f .left-box{ padding-left:0; padding-right:0;}

footer .right-f .left-box a{ float:left; margin-bottom:10px; width:100%;  padding-left:25px; color:#7f868a;}

footer .right-f .map{ position:relative; }

.icon-wrap{ margin:0;}

footer .right-f .map .map-inner{ position:absolute; width:100%; height:100%; top:0; left:0;}

footer .right-f .map .map-inner a{ position:relative; width:12px; height:19px; float:left; background:url(../images/map-icon.png); left:18%; top:25%; cursor:pointer;}

footer .right-f .map .map-inner a.india{ float:right; left: auto;

right: 31%;

top: 33%;}

footer .right-f .map .address{ float:left; position:absolute; width:200px; background:white; padding:10px; border-radius:4px; top:-96px; left:-65px; color:#515251; display:none;}

footer .right-f .map a .address, footer .right-f .map a:hover .address{color:#515251;}

footer .right-f .map a:hover .address{ display:block}

footer .right-f .map .address .pointer{ float:left; width:16px; height:11px; background:url(../images/pointer.png); position:relative; bottom:-20px; left:53px;}

footer .right-f .map .address p{ margin-bottom:0;}

footer .right-f .left-box a.email{ background:url(../images/email.png) left 3px no-repeat;}

footer .right-f .left-box p.phone{ background:url(../images/phone.png) left 3px no-repeat; float:left; width:100%; margin-bottom:0; padding-left:25px;}

footer .right-f .left-box p.phone a{ padding-left:0; float:left; width:auto;}

footer .right-f .icon-box{ padding-left:0; padding-right:0;}

footer .right-f .icon-box a{ margin-left:5px;}

footer a:hover{ color:#fff !important;}

footer img{ max-width:100%;}

.top-footer{ padding:0 0; margin-bottom:15px; float:left; width:100%;}

.footer-bottom{ float:left; width:100%; background:#292929; padding:16px 0; line-height:12px;}

.footer-bottom p{ margin:0; color:#7f868a; font-size:14px;}

.footer-bottom p span{ color:#045685; text-transform:uppercase;}

.bottom-footer{ padding:0 0;}

footer h6{ margin-bottom:25px; color:#fff;}

h6{ font-size:14px; font-weight:normal; margin-bottom:5px; text-transform:uppercase;}

h5{font-family: 'open_sansbold'; font-size:14px; text-transform:uppercase; margin-bottom:5px;}

@media(min-width:980px) and (max-width:1199px) {

.slider-conatiner ul#fade li .text-wrap{ left:14px;}	

footer .right-f .map .map-inner a.india {

    right: 27%;

    top: 30%;

}	



}



@media(max-width:979px){

.slider-conatiner ul#fade li .text-wrap{ left:18px;}

footer .right-f{width:41.6667%		}

footer .right-f .map .map-inner a.india {

    right: 34%;

    top: 33%;

}

	}

@media(min-width:768px) and (max-width:800px) {

.nav-wrap{ float:right; width:480px;}	

.nav-wrap ul li.tp-cls{width:14%; height:102px; margin:1px 1px 1px 0;}

.nav-wrap ul li.btm-cls{width:14%; height:102px; margin:0px 1px 1px 0;}

.slider-conatiner ul#fade li .text-wrap{ left:14px; top:auto; bottom:5%;}

footer .right-f .map .map-inner a.india {

    right:27%;

    top: 32%;

}

	}	

@media(max-width:767px){

.slider-conatiner{ height:400px; }	

.slider-conatiner img{ min-height:100%; width:100% !important;}	

.design{ height:312px; }

.logo{ margin:5px 0 0;}	

.logo img{ width:80%;}

.nav-wrap{ float:left; width:100%; position:relative;}	

.button-wrap{ position:absolute; top:-34px; right:0;}

.nav-wrap{ float:right; width:100%;}

.nav-wrap ul{ float:left; width:100%;}

.nav-wrap ul li, .nav-wrap ul li.tp-cls, .nav-wrap ul li.btm-cls{ float:left; width:100%; height:auto; margin:0 0 1px 0;}

.nav-wrap ul li:last-child{ margin:0;}

.nav-wrap ul li a, .nav-wrap ul li.tp-cls a, .nav-wrap ul li.btm-cls a{ padding:15px 0;}

.slider-conatiner ul#fade li .text-wrap{ left:0; top:auto; bottom:0; width:100%; padding:15px;}

.slider-conatiner ul#fade li .text-wrap h2{font-size: 20px; line-height: 28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.slider-conatiner ul#fade li .text-wrap h1{font-size: 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.slider-conatiner ul#fade li .text-wrap p{ font-size:13px; line-height:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:15px;}

.text-wrap > p { height:0;}

footer .left-f, footer .mid-f{ float:left; width:50%; padding-right:0;}

footer .right-f{ float:left; width:100%; padding:20px 0 0;}

footer .right-f .icon-box, footer .right-f .left-box{ float:left; width:100%; padding:0;}

footer .right-f .map{ padding-right:15px;}

footer .right-f .map, footer .right-f .icon-wrap{ float:left; width:50%;}

.footer-bottom p{ text-align:center;}

footer .right-f .map .map-inner a.india {

    right: 31%;

    top: 34%;

}
.nav-wrap ul li span{
    display: none;
}
.cd-primary-nav-trigger{
    right: 20px !important;
}

	}	

@media(max-width:650px){footer .right-f .map .map-inner a.india {

    right: 30%;

    top: 30%; left:auto;

}}	

@media(max-width:580px){

	footer .left-f, footer .mid-f, footer .right-f .map, footer .right-f .icon-wrap{ float:left; width:100%; padding-right:0; padding-left:0; padding-bottom:15px;}

	footer .right-f .map, footer .right-f .icon-wrap{ text-align:center;}

	footer .right-f .left-box a{ float:none; display:inline-block; width:auto !important; margin-right:15px;}

	footer .right-f .map .map-inner a{ left:30%;}

	footer .right-f .map .map-inner a.india {

    right: 34%;

    top: 34%; left:auto;

}

footer .right-f .left-box p.phone{ float:none; width:auto; display:inline-block}



	}	

@media(max-width:499px){	footer .right-f .map .map-inner a{ left:25%;}

footer .right-f .map .map-inner a.india {

    right: 33%;

    top: 34%; left:auto;

}}

@media(max-width:399px){	footer .right-f .map .map-inner a{ left:20%;}

footer .right-f .map .map-inner a.india {

    right:28%;

    top: 33%; left:auto;

}

}	

/******************************** about ******************************/

.banner-conatiner{ float:left; width:100%; position:absolute; z-index:-9;}

.banner-conatiner img{ width:100%; max-height:275px; min-height:275px;}

.content-container{ float:left; width:100%; background:#fff; padding:15px 0 50px; color:#333333; font-size:14px; line-height:23px;}

.cnt-inner{ border-bottom:#515251 1px solid; float:left; width:100%;}

.cnt-inner1{ border-bottom:#515251 1px solid; width:100%;}

ul.services{ float:left; width:100%; margin:25px 0 0;}

ul.services1{ float:left; width:100%; margin:0;}

ul.services li.col-sm-6, ul.services1 li.col-sm-6{ margin:0 0 25px;}

ul.services li img, ul.services1 li img{ max-width:100%;}



@media(max-width:767px){

.content-container .left-cnt, .content-container .right-cnt{ padding:0; float:left; width:100%;}

ul.services li.col-sm-6,  ul.services1 li.col-sm-6{ float:left; width:50%; text-align:center;}

 ul.services1 li.col-sm-6{ text-align:left;}

ul.services li.col-sm-6 .col-sm-3{ float:left; width:100%; text-align:center; margin:0 0 15px; padding:0;}

ul.services li.col-sm-6 .col-sm-9{ float:left; width:100%; padding:0;}

	}

@media(max-width:500px){

ul.services li.col-sm-6, ul.services1 li.col-sm-6{ float:left; width:100%;}

ul.services1 li.col-sm-6{ margin-bottom:0;}

	}	

@media(max-width:599px){ul.pdf-links li{ display:inline-block; margin-right:15px; float:left; width:100%; margin:0 0 15px;}}	

/******************************** Contact ******************************/

.repeat{ float:left; width:100%; padding:0 0 20px;}

.info label{ font-weight:normal; float:left; width:40%; line-height:32px;}

.info label span{ color:red;}

.info{ padding-right:30px;}

.info input[type="text"], .info textarea{ float:right; width:60%; border-radius:4px; border:#9e9e9e 1px solid; height:32px;}

.info textarea{ height:120px;}

.info .bttn-wrp{ float:left; padding:0 0 0 40%;}

.info .bttn-wrp input[type="submit"], .info .bttn-wrp input[type="reset"]{ background:#515251; border:0; color:#fff; padding:5px 15px; border-radius:4px; text-transform:uppercase; box-shadow:0px 0px 18px -3px #000 inset; margin:0 25px 0 0;}

.info .bttn-wrp input[type="submit"]:hover, .info .bttn-wrp input[type="reset"]:hover{ background:#53a0d4; color:#515251;}

.adrs-wrp{ float:left; width:100%;}

.map-box{ border:#fff 3px solid; background:#fff; padding:0; margin:0 0 15px;}

.map-box iframe{ width:100%; height:200px;}

.adrs-sec span{ float:left; margin:0 0 15px;}

.adrs-sec span.one{ float:left; margin:0px 28px 0 0;}

.adrs-sec span.wht-spc{ float:left; width:38px;}

.adrs-sec p{ margin-bottom:3px;}

.adrs-sec p span.two {

float: left;

margin:0px 18px 0 0;

}

.adrs-sec p span.three {

margin: 0px 17px 0 0;

}

@media(min-width:768px) and (max-width:799px){

.info .bttn-wrp input[type="submit"], .info .bttn-wrp input[type="reset"]{ margin-right:5px;}	

	}

@media(max-width:767px){

.info, .location{ float:left; width:100%; padding:0; margin-bottom:20px;}

	}	

@media(max-width:500px){

.info label{ float:left; width:100%; line-height:18px;}

.info input[type="text"], .info textarea{ width:100%;}

.info .bttn-wrp{ padding:0;}

.TabbedPanelsTab{ padding:8px 40px;}

	}

.top-back{border-bottom:1px solid #d0d2cf; padding:0 0 10px; margin-bottom:35px;}		

a.back{background:url(../images/arrows.png) no-repeat 2px -3994px;margin-left:-2px;padding-left:13px;padding-top:0;font-size:14px;line-height:18px;text-transform:capitalize;text-decoration:none;-moz-transition:all 100ms ease-out 0s;-webkit-transition:all 100ms ease-out 0s;-o-transition:all 100ms ease-out 0s;-ms-transition:all 100ms ease-out 0s;transition:all 100ms ease-out 0s;border:0 none;  color:#515251; font-family: 'open_sansbold'; font-size:16px; cursor:pointer;}	

a.back span{ color:#53a0d4;}

a.back:hover,a.back:focus{color:#8b948b;background-position:0 -3994px}

/******************************** career ******************************/

.cr-left{ padding-left:0;}

.cr-right{ padding-right:0;}

.cr-right ul{ background:url(../images/seperation.png) left top no-repeat; min-height:162px; padding:0 0 0 30px;}

.cr-right ul li{ border-bottom:#CCC 1px dashed;  float:left; width:100%;}

.cr-right ul li a{ padding:10px 0 10px 35px; float:left;  width:100%; background:url(../images/arrows-right.png) 10px center no-repeat;}

.cr-right ul li.active, .cr-right ul li:hover{ background:#eeeeee; }

.cr-right ul li.active a, .cr-right ul li:hover a{color:#333333;}

.cr-left h3{ background:url(../images/arrows-right.png) left 3px no-repeat; padding:0 0 0 20px; font-family: 'open_sansbold'; font-size:16px; margin-bottom:10px;}

.cr-left ul{}

.cr-left ul li{ list-style-type:circle; list-style-position:inside; margin-bottom:10px;}

.repeat-class{ float:left; width:100%; padding:0 0 15px; margin-bottom:25px; border-bottom:#999 1px solid;}

.repeat-class:last-child{ border:0;}

.repeat-class a{ color:#fff; border-radius:0; padding:7px; background:#53a0d4; display: block;}

.apply-box {float: left; width: 100%;

}

.repeat-c {float: left; margin-bottom:10px;  width: 100%; }

.apply-box label {

    float: left;

    font-weight: normal;

    padding-right: 15px;

    width: 35%;

}

.apply-box .inpt-box, .apply-box .inpt-box1 {

    float: right;

    padding-left: 10px;

    padding-right: 10px;

    width: 65%;

}

.inpt-box, .inpt-box1, .inpt-box2 {

    background: #ffffff;

    border: 1px solid #cfcfcf;

    border-radius: 5px;

    font-size: 15px;

    margin-bottom: 7px;

    padding-bottom: 7px;

    padding-top: 7px;

    width: 100%;

}

.apply-box .bttn-wrp{ margin-left:35%; float:left;}

.apply-box .bttn1{ background:#515251; border:0; color:#fff; padding:5px 15px; border-radius:4px; text-transform:uppercase; box-shadow:0px 0px 18px -3px #000 inset; margin:0 25px 0 0;}

.apply-box .bttn1:hover{ background:#53a0d4; color:#515251;}

.red {

    color: red;

}

.green{

	color: green;

}

.inpt-box1 {

    height: 150px;

}

@media(max-width:767px){

.cr-left, .cr-right{ float:left; padding:0;}	

.cr-right ul{ padding:0; background:none; margin-top:15px;}

	}

@media(max-width:500px){

.apply-box label {

    width: 100%; padding-right:0;

}	

.apply-box .inpt-box, .apply-box .inpt-box1 {

    width: 100%;

}

.apply-box .bttn-wrp{margin-left:0;}

	}	

.clrd-box{ float:left; width:100%; border:#CCC 1px solid; border-radius:5px;}

.rept{ float:left; width:100%; background:white; padding:5px 0; font-size:13px;}

.rept1{ background:#EEE;}

@media(max-width:767px){

.left-1, .right-1{ padding:0; float:left; width:100%;}

.rept .col-sm-6{ width:50%; float:left;}

	}

ul.services2 li{ list-style:disc;}	

ul.services2 li li{ list-style:none;}

@media(max-width:979px){

ul.services2 li.col-sm-4{ width:50%;}

	}

@media(max-width:767px){

ul.services2 li.col-sm-4{ width:100%;}

	}	

/******************************** Common ******************************/

.pdng-top{ padding-top:50px;}

.pdng-bottom{ padding-bottom:30px;}

.center-text{ text-align:center;}

.content-container h1{  color:#515251; text-transform:uppercase;    font-family: 'open_sansbold'; font-size:27px; line-height:40px; margin-bottom:20px; float:left; width:100%; font-weight:normal;}

.content-container h10{  color:#ffffff;     background-color: #ccc;text-transform:uppercase;    font-family: 'open_sansbold'; font-size:27px; line-height:40px; margin-bottom:20px; width:100%; font-weight:normal;}

.content-container h1 span {color:#53a0d4; font-family: 'OpenSansLight'; float:left; width:100%; font-size:92%; line-height:27px}

h2 span{ color:#53a0d4; font-family: 'OpenSansLight'; line-height:27px}

h2{ color:#515251;  font-family: 'open_sansbold'; font-size:22px; text-transform:uppercase; font-weight:normal; margin:0 0 10px;}

h4{ color:#515251;  font-family: 'open_sansregular'; font-size:18px; text-transform:uppercase; font-weight:normal; margin:0 0 10px;}

h4 span{color:#53a0d4;}

/******************************** R@HUL *******************************/

footer .right-f .map .map-inner a.nigeria{ float:right; left: auto;

right: 47%;

top: 39%;

}

.service-list{

	margin: 20px 0  60px 0;

}

.right-cnt ul li{

	list-style: square;

}

footer .right-f .map .map-inner a.UAE{ float:right; left: auto;

right: 31%;

top: 33%;

}
/*updated-13-01-2017*/
.cr-links li h4{
    font-weight: bold;
    padding: 10px 0px;
    text-transform: uppercase;
    text-align: center;
    color: #222;
    margin: 0;
    font-size: 16px;
    background: #f1f1f1;
}
.repeat-class a{
 color:#fff; 
 border-radius:0; 
 padding:7px; 
 background:#53a0d4; 
 display: block;
}
ul.cr-links li{ 
    display:inline-block; 
    margin:1%; 
    width: 31%;
}
ul.cr-links li img{
  border:#fff 2px solid; 
  width: 100%;
  box-shadow:0 0 5px #666;
}
.data-table thead{
    background: #999;
    
}
.data-table {
    border-radius: 5px 5px 0 0; 
}
.data-table thead th{
    color: #fff;
}
.dataTables_filter{
    margin: 0 0 10px;
}
.dataTables_filter input{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ccc;
    padding: 3px;
    width: 200px;
}
.dataTables_filter label {
    color: #999;
}
.data-table tr th a{
    color: #666;
    font-size: 13px;
    font-weight: normal;
    background: #1E86C2;
    padding: 5px 10px;
    color: #f1f1f1;
    text-transform: capitalize;
}
table.dataTable thead th, table.dataTable.no-footer{
    border-bottom: 1px solid #ddd !important;
}
.data-table tr td {
    color: #666;
}
.logo-login a{
    display: block;
    width: 300px;
}
.logo-login a img{ 
    max-width: 100%;
}   
.repeat-class .apply_btn{
    width: 100px;
    padding: 8px;
    border-radius: 5px;
    text-align: center;

}
.repeat-class .apply_btn:hover{
    background: #666;
}

/*updated-13-01-2017*/
/*updated-21-01-2017*/
/*oepn-close-panel*/
a.open-panel, a.close-panel {
    display: none;
}
.openNav {
    overflow-x: hidden;
}
/*oepn-close-panel*/
/*trigger navigation*/
.cd-primary-nav-trigger {
    background: #666;
    height: 100%;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 999;
    width: 5px;
    padding: 24px;
    height: 45px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    display: block;
}
.cd-primary-nav-trigger .cd-menu-text {
    color: white;
    display: none;
    font-weight: 700;
    text-transform: uppercase;
}
.cd-primary-nav-trigger .cd-menu-icon {
    background-color: #fff;
    border-radius: 10px;
    bottom: auto;
    display: inline-block;
    height: 4px;
    left: 50%;
    margin: 1%;
    position: absolute;
    right: auto;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: background-color 0.3s ease 0s;
    width: 35px;
}
.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon::after {
    background-color: #fff;
    border-radius: 10px;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    transition: transform 0.3s ease 0s, top 0.3s ease 0s, background-color 0s ease 0s;
    width: 100%;
}
.cd-primary-nav-trigger .cd-menu-icon::before {
    top: -10px;
}
.cd-primary-nav-trigger .cd-menu-icon::after {
    top: 10px;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
    background-color: rgba(255, 255, 255, 0);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
    background-color:#fff;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
    border-radius: 10px;
    top: 0;
    transform: rotate(135deg);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
    border-radius: 10px;
    top: 0;
    transform: rotate(225deg);
    background-color: #fff;
}
.cd-primary-nav.is-visible {
    transform: translateY(0px);
}
.cd-primary-nav {
    backface-visibility: hidden;
    background-color: #000;
    height: 100vh;
    left: 0;
    opacity: 0.8;
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
    overflow: hidden;
    padding: 120px 0 0;
    position: fixed;
    text-align: center;
    top: 0;
    transform: translateY(-100%);
    transition-duration: 0.4s;
    transition-property: transform;
    width: 100%;
    z-index: 2;
}
.cd-primary-nav li a{
    color: #f1f1f1;
    font-size: 32px;
}
/*trigger navigation*/     
/*updated-21-01-2017*/
.nav-wrap ul li span{
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 40px;
    z-index: 999;
}
.right-cnt{
    display: none;
}