@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Open+Sans+Condensed:300,700|Roboto+Slab:400,300,700,100);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700|Roboto+Condensed:400,300,700|Roboto+Slab:400,300,100,700);

@import url(https://fonts.googleapis.com/css?family=Khula:400,300);
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,100,300italic,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Questrial);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,100,100italic,300,300italic,400italic,600,600italic,700,700italic);


@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
@import url(https://fonts.googleapis.com/css?family=Text+Me+One);

body {
	overflow-x: hidden;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #555;
	font-weight: 300;
	line-height: 1.8;
}
img {
	max-width: 100%;
}

section{ float:left; width:100%; }

.clear {
	clear: both;
	float: none;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.fixed {
	position: fixed;
}
.block {
	display: block;
}
.inline-block {
	display: inline-block;
}
a:hover, a:focus {
	text-decoration: none;
	outline: 0 none;
}
.fancyfont { font-family: 'Roboto Slab', serif; font-weight:400}


.bolder { font-weight:800;}

.bold {
	font-weight: 600;
}
.boldL {
	font-weight: 400;
}
.boldLx {
	font-weight: 300;
}
.caps {
	text-transform: uppercase;
}
.Ncaps {
	text-transform: none
}
.p-t-0 {
	padding-top: 0px;
}
.p-t-5 {
	padding-top: 5px;
}
.p-t-10 {
	padding-top: 10px;
}
.p-t-15 {
	padding-top: 15px;
}
.p-t-20 {
	padding-top: 20px;
}
.p-t-25 {
	padding-top: 25px;
}
.p-t-30 {
	padding-top: 30px;
}
.p-t-35 {
	padding-top: 35px;
}
.p-t-40 {
	padding-top: 40px;
}
.p-t-45 {
	padding-top: 45px;
}
.p-t-50 {
	padding-top: 50px;
}
.p-t-55 {
	padding-top: 55px;
}
.p-t-60 {
	padding-top: 60px;
}
.p-t-65 {
	padding-top: 65px;
}
.p-b-0 {
	padding-bottom: 0px;
}
.p-b-5 {
	padding-bottom: 5px;
}
.p-b-10 {
	padding-bottom: 10px;
}
.p-b-15 {
	padding-bottom: 15px;
}
.p-b-20 {
	padding-bottom: 20px;
}
.p-b-25 {
	padding-bottom: 25px;
}
.p-b-30 {
	padding-bottom: 30px;
}
.p-b-35 {
	padding-bottom: 35px;
}
.p-b-40 {
	padding-bottom: 40px;
}
.p-b-45 {
	padding-bottom: 45px;
}
.p-b-50 {
	padding-bottom: 50px;
}
.p-b-55 {
	padding-bottom: 55px;
}
.p-b-60 {
	padding-bottom: 60px;
}
.p-b-65 {
	padding-bottom: 65px;
}
.p-l-0 {
	padding-left: 0px;
}
.p-l-5 {
	padding-left: 5px;
}
.p-l-10 {
	padding-left: 10px;
}
.p-l-15 {
	padding-left: 15px;
}
.p-l-20 {
	padding-left: 20px;
}
.p-l-25 {
	padding-left: 25px;
}
.p-l-30 {
	padding-left: 30px;
}
.p-l-35 {
	padding-left: 35px;
}
.p-l-40 {
	padding-left: 40px;
}
.p-l-45 {
	padding-left: 45px;
}
.p-l-50 {
	padding-left: 50px;
}
.p-l-55 {
	padding-left: 55px;
}
.p-l-60 {
	padding-left: 60px;
}
.p-l-65 {
	padding-left: 65px;
}
.p-l-95 {
	padding-left: 95px;
}
.p-r-0 {
	padding-right: 0px;
}
.p-r-5 {
	padding-right: 5px;
}
.p-r-10 {
	padding-right: 10px;
}
.p-r-15 {
	padding-right: 15px;
}
.p-r-20 {
	padding-right: 20px;
}
.p-r-25 {
	padding-right: 25px;
}
.p-r-30 {
	padding-right: 30px;
}
.p-r-35 {
	padding-right: 35px;
}
.p-r-40 {
	padding-right: 40px;
}
.p-r-45 {
	padding-right: 45px;
}
.p-r-50 {
	padding-right: 50px;
}
.p-r-55 {
	padding-right: 55px;
}
.p-r-60 {
	padding-right: 60px;
}
.p-r-65 {
	padding-right: 65px;
}
.m-t-0 {
	margin-top: 0px;
}
.m-t-5 {
	margin-top: 5px;
}
.m-t-10 {
	margin-top: 10px;
}
.m-t-15 {
	margin-top: 15px;
}
.m-t-20 {
	margin-top: 20px;
}
.m-t-25 {
	margin-top: 25px;
}
.m-t-30 {
	margin-top: 30px;
}
.m-t-35 {
	margin-top: 35px;
}
.m-t-40 {
	margin-top: 40px;
}
.m-t-45 {
	margin-top: 45px;
}
.m-t-50 {
	margin-top: 50px;
}
.m-t-55 {
	margin-top: 55px;
}
.m-t-60 {
	margin-top: 60px;
}
.m-b-0 {
	margin-bottom: 0px;
}
.m-b-5 {
	margin-bottom: 5px;
}
.m-b-10 {
	margin-bottom: 10px;
}
.m-b-15 {
	margin-bottom: 15px;
}
.m-b-20 {
	margin-bottom: 20px;
}
.m-b-25 {
	margin-bottom: 25px;
}
.m-b-30 {
	margin-bottom: 30px;
}
.m-b-35 {
	margin-bottom: 35px;
}
.m-b-40 {
	margin-bottom: 40px;
}
.m-b-45 {
	margin-bottom: 45px;
}
.m-b-50 {
	margin-bottom: 50px;
}
.m-b-55 {
	margin-bottom: 55px;
}
.m-b-60 {
	margin-bottom: 60px;
}
.m-l-0 {
	margin-left: 0px;
}
.m-l-5 {
	margin-left: 5px;
}
.m-l-10 {
	margin-left: 10px;
}
.m-l-15 {
	margin-left: 15px;
}
.m-l-20 {
	margin-left: 20px;
}
.m-l-25 {
	margin-left: 25px;
}
.m-l-30 {
	margin-left: 30px;
}
.m-l-35 {
	margin-left: 35px;
}
.m-l-40 {
	margin-left: 40px;
}
.m-l-45 {
	margin-left: 45px;
}
.m-l-50 {
	margin-left: 50px;
}
.m-l-55 {
	margin-left: 55px;
}
.m-l-60 {
	margin-left: 60px;
}
.m-r-0 {
	margin-right: 0px;
}
.m-r-5 {
	margin-right: 5px;
}
.m-r-10 {
	margin-right: 10px;
}
.m-r-15 {
	margin-right: 15px;
}
.m-r-20 {
	margin-right: 20px;
}
.m-r-25 {
	margin-right: 25px;
}
.m-r-30 {
	margin-right: 30px;
}
.m-r-35 {
	margin-right: 35px;
}
.m-r-40 {
	margin-right: 40px;
}
.m-r-45 {
	margin-right: 45px;
}
.m-r-50 {
	margin-right: 50px;
}
.m-r-55 {
	margin-right: 55px;
}
.m-r-60 {
	margin-right: 60px;
}
.lineT {
	border-top: 1px solid #EEE;
}
.lineB {
	border-bottom: 1px solid #EEE;
}
.lineR {
	border-right: 1px solid #EEE;
}
.lineL {
	border-left: 1px solid #EEE;
}
.line {
	border: 1px solid #EEE;
}


.text-black{ color:#000;}
a.text-black:hover{ color:#000;}
.text-white { color:white;}
a.text-white:hover, a.text-white:focus {color:white;}
.text-gray { color: #aaa; }
.text-gray-dark { color: #999; }
.text-gray-light{ color: #CCC; }
.text-gray-muted { color: #eee; }


.bg-grayL { background-color:#f8f8f8; }
.bg-blueL { background-color:#0cb9b0; }

.font10 { font-size:10px !important;}
.font11 { font-size:11px !important;}
.font12 { font-size:12px !important;}
.font13 { font-size:13px !important;}
.font14 { font-size:14px !important;}
.font15 { font-size:15px !important;}
.font16 { font-size:16px !important;}
.font17 { font-size:17px !important;}
.font18 { font-size:18px !important;}
.font19 { font-size:19px !important;}
.font20 { font-size:20px !important;}
.font21 { font-size:21px !important;}
.font24 { font-size:24px !important;}
.font26 { font-size:26px !important;}
.font28 { font-size:28px !important;}
.font32 { font-size:32px !important; }
.font38 { font-size:38px !important; }
.font44 { font-size:44px !important; }
.font46 { font-size:56px !important; }
.font48 { font-size:48px !important; }
.font50 { font-size:50px !important; }




.M0 { margin:0 !important; }
.M2 { margin:2px !important; }
.M5 { margin:5px !important; }
.M10 { margin:10px !important; }
.M15 { margin:15px !important; }
.M20 { margin:20px !important; }
.M25 { margin:25px !important; }
.M30 { margin:30px !important; }
.M35 { margin:35px !important; }
.M40 { margin:40px !important; }
.M45 { margin:45px !important; }
.M50 { margin:50px !important; }
.M55 { margin:55px !important; }

.P0 { padding:0 !important;}
.P2 { padding:2px !important;}
.P5 { padding:5px !important;}
.P10 { padding:10px !important;}
.P15 { padding:15px !important;}
.P20 { padding:20px !important;}
.P25 { padding:25px !important;}
.P30 { padding:30px !important;}
.P35 { padding:35px !important;}
.P40 { padding:40px !important;}
.P45 { padding:45px !important;}
.P50 { padding:50px !important;}
.P55 { padding:55px !important;}

/*MAIN SLIDER*/
.uslider{ position: absolute; left: 0px; top: 0px; width:1920px;             height:760px;  overflow: hidden;}	
#slider1_container {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height:760px; overflow: hidden; background:#000;}
#slider1_container .item-box img { opacity:0.5;}
#slider1_container2 {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 100%; height:760px; overflow: hidden;}

	
.caption-txt{ position:absolute; font-family: 'Roboto Condensed', sans-serif; width: 800px; height:50px; overflow:visible; z-index:99;}

.caption-txt h1 {color: #FFFFFF; text-transform:uppercase; font-weight:900; }
.caption-txt h4 {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 300;
    line-height: 34px;
    padding: 8px 15px;
    white-space: normal;
	text-transform:none;   border-radius: 1px;  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.0); display:inline-block;
	font-family:"Roboto",sans-serif;
}
.caption-txt .btn.btn-lg { border:1px solid #fff; border-radius:5px; color:#ffffff; padding:10px 25px; min-width:100px;}
.caption-txt .btn.btn-lg:hover { border:1px solid #0cb9b0; background:#0cb9b0;}
	
	
.jssora21l{ width: 35px; height: 45px; top: 123px; left: 18px; }
.jssora21r{ width: 35px; height: 45px; top: 123px; right: 18px; }
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(../img/po-slider.png) center center no-repeat;
                overflow: hidden;
            }
            .jssora21l { background-position: 0px 0px; }
            .jssora21r { background-position: -25px 0px; }
            .jssora21l:hover { background-position: 0px -45px; }
            .jssora21r:hover { background-position: -25px -45px; }
            .jssora21ldn { background-position: -243px -33px; }
            .jssora21rdn { background-position: -303px -33px; }


.jssorb01 { bottom:50px;  position:absolute;}			
			
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
	
                filter: alpha(opacity=70);
                opacity: .7;
                overflow:hidden;
                cursor: pointer;
				border-radius: 50%;
				border:0px solid #FFFFFF;
}
            .jssorb01 div { background-color: rgba(0,0,0,0.5); width:12px !important; height:12px !important; }
            .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #dd0000;  border: 0px solid #dd0000; }
            .jssorb01 .av { background-color: #dd0000;  border: 0px solid #DD0000; }
            .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }
			
/*BANNER*/
.tall-banner { width:100%; height:760px;}
.tall-banner .btn.btn-lg { border-radius:5px; color:#ffffff; padding:10px 25px; min-width:100px;  background:#0cb9b0}
.tall-banner .btn.btn-lg:hover { background:#fff; color:#0cb9b0;}

.tall-banner h1 { color:#fff; text-transform: uppercase; font-size:80px; font-weight:300; margin:0; }
.tall-banner h2 { color:#fff; text-transform: uppercase; font-size:42px; font-weight:600; margin:0; }

@media (max-width:1024px){ 

.tall-banner h1 {font-size:7.5vw;}
.tall-banner h2 {font-size:4vw;}

}

.short-banner { width:100%; height:600px; background:#000; background-size: cover ;}
.shortbanner-2 {height:750px; width:100%; background-size: cover !important; }
.short-banner img { opacity:0.5;  }

.text-banner { width:100%; min-height:100px; background:#f8f8f8; border-bottom:1px solid #eee;}


/* MINI PORTFOLIO */

.mini-portfolio { max-width:1120px; margin:0 auto; text-align:center;}
.mini-portfolio .tb-box	{display:inline-block; overflow:hidden;  background:#bbb; float:left; height:224px; width:224px;}
.mini-portfolio .tx-box {width:100%; max-width:672px; height:224px; background:#28282e; float:left;}
.mini-portfolio div img { max-width:100%;}
@media (max-width:720px) {
.mini-portfolio .tb-box{margin:-4px;}
.mini-portfolio .tb-box, .mini-portfolio .tx-box { float:none;}
.mini-portfolio .tx-box h2 {font-size:8vw}
.mini-portfolio .tx-box h4 {font-size:3vw}
}



/* OUR SERVICE LIST BOX */


.ourservice-listbox .tx-box {padding:100px; background:#28282e; overflow:hidden; }
.ourservice-listbox .ic-box {background:#f8f8f8}
.ourservice-listbox .ic-box  .ic-list-box{ text-align:center; width:25%; padding:85px 20px; float:left; height:250px; overflow:hidden;}
@media (min-width:1200px){
	
	.ourservice-listbox .tx-box, .ourservice-listbox .ic-box { height:515px; }
	.ourservice-listbox .ic-box  .ic-list-box{ height:250px;}
}


/*SIDEBAR COLUMN LINE*/


/* PAGE SCROLL TABS */

/* PAGE SCROLL TABS */

.page-tabs { background:#28282e;width: 180px; text-align:left;}
.page-tabs ul { padding:0; margin:0;width: 180px;text-align:left;}
.page-tabs ul > li { display:inline-block;min-width: 180px; padding:0; margin: 1px 0px; cursor:pointer;float: left;padding: 0px  20px; border-left: 8px solid #191818; border-bottom: 1px solid #222;}
.page-tabs ul > li > a{ float: left;/* height:60px; */ display:block; text-align:center;/* border-bottom:4px solid transparent; *//* padding:0 20px; */color: #fff;line-height:58px; text-transform:uppercase; font-size: 11px; font-weight:400}
.page-tabs ul > li:hover a, .page-tabs ul > li.active a {color: #ff3f18; font-size: 11px;}
.page-tabs ul > li:hover {border-left: 8px solid #ff3f18;}
.page-tabs ul > li.active {border-left: 8px solid #ff3f18;}
.page-tabs ul > li:last-child{border-left: 0px solid #000; padding-top:20px; padding-bottom:20px;}
.page-tabs ul > li:last-child a:hover {color:#fff; }
.page-tabs ul > li:last-child .btn.btn-Nred { height:60px; position:relative; line-height:40px; font-size:15px; font-weight:700}



/* FOOTER */
footer .row2{ background:#222222; padding:25px; color:#fff; font-size:13px; text-align:center; position:relative;}
footer .row2 .back-to-top { border-radius:50%; padding:2px; border:2px solid rgba(255,255,255,0.5); position:absolute; right:5%; display:block; width:35px; height:35px; text-align:center; color:rgba(255,255,255,0.5)}



.contact select, .contact input, .contact textarea {
border: 1px solid #d5d5d5;
color: #999999;
float: left;
font-family: arimo;
font-size: 12px;
margin-bottom: 10px;
padding: 10px 20px;
width: 100%;
background-color:#f8f8f8;
}
ul.contact li {
list-style-type: none;
text-decoration: none;
padding: 10px 0px;
font-size: 14px;
}
ul.contact li span {
background: none repeat scroll 0 0 #0cb9b0;
float: left;
height: 30px;
line-height: 30px;
margin-right: 10px;
text-align: center;
width: 30px;
}
ul.contact li span i {
color: #fff;
}


.footer { background-color:#010d27; color:#969696; position:relative;}
.footer input { background-color:#1c1c1c; color:#fff; position:relative; height:40px;}
.news-btn { position: absolute; right: 54px; top: 52px; }


.component { background-color:#f8f8f8; border:1px solid #ccc; border-radius:5px; padding:20px; margin:10px; }
.component .fa {color:#0cb9b0; }


.bulb {width: 85px;
background: #eee;
text-align: center;
height: 85px;
top: -30px;

left: 50%;
margin: 0 auto 0 -42px;
position: absolute;

border-radius: 50%;
}
.search {
background: none repeat scroll 0 0 #FFF;
border: 1px solid #e1e0e0;
border-radius: 3px;
display: table;
height: 50px;
margin: 0 auto;
width: 100%;
margin-top: 20px;
}
.search button {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
color: #d1d1d1;
float: left;
height: 48px;
}
.search input {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
color: #c0c0c0;
float: left;
font-size: 12px;
font-style: italic;
height: 48px;
padding: 5px 20px;
width: 89%;
}
/*.sm-category ul li {
list-style: none;
border-bottom: 1px solid #dddddd;
margin-bottom: 10px;
font-size: 14px;
padding: 12px 0;
}
.sm-category ul li a {
color: #434343;
font-size: 14px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
line-height: 30px;
}
.sm-category ul li a span {
background: none repeat scroll 0 0 #f9f9f9;
color: #888888;
float: right;
font-size: 12px;
line-height: 24px;
padding: 3px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.sm-category ul li a:hover {color:#0cb9b0; }
.sm-category ul li a span:hover { background-color:#0cb9b0; color:#fff; }
*/

/*----- Catogory List -------*/
.sm-category ul li { list-style: none; border-bottom: 1px solid #dddddd; margin-bottom: 10px; font-size: 16px; padding: 12px 0; }
.sm-category ul li a { color: #434343;  font-weight: 400;
transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; line-height: 30px; }
.sm-category ul li a:hover {color:#dd0000; }
.sm-category ul li a span:hover { background-color:#df1c31; color:#fff; }
.sm-category ul li a.active { color:#df1c31;}

footer .form-control {border: 1px solid #555555;}


.red {
color: #dd0000 !important;
}
.footer { padding: 20px 0px; }
.footer ul li a{color:#FFF; }

a.text-blue{color:#02afef}
.text-blue{color:#02afef}

.text-lg {
font-size: 1.2vw;
}

.home-sec-1{background:url(../) no-repeat top right; background-size:contain}
@media (min-width:1200px){
	.home-sec-1{ }
	
	}


.btn-info.btn-line { background:transparent; border:1px solid #02afef; }


.platform-stripbox {  color:white; background-color:#082042; height:550px; background:url(../img/platform-pic2.jpg) no-repeat center center; background-size:cover; font-weight:400; overflow:hidden;}

.platform-stripbox td {width:20%; height:100%;text-align:center;}
.platform-stripbox td img { display:inline-block; max-width: 80%;}


.platform-stripbox td.td1{background-color:rgba(8,32,66,0.5);}
.platform-stripbox td.td2{background-color:rgba(8,32,66,0.6);}
.platform-stripbox td.td3 {background-color:rgba(8,32,66,0.7);}
.platform-stripbox td.td4 {background-color:rgba(8,32,66,0.8);}
.platform-stripbox td.td5 {background-color:rgba(8,32,66,0.9);}




.popup-class { position:fixed; height:100%; width:100%; top:0; left:0; overflow-y:auto; background:rgba(255,255,255,0.98);  z-index:1001; display:none;}
.close-pop { position:absolute; right:5%; top:5%; font-size:1px;
transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-webkit-transition: all 300ms ease; /* Firefox */
-moz-transition: all 300ms ease; /* WebKit */
-o-transition: all 300ms ease; /* Opera */
transition: all 300ms ease; /* Standard */ }

.close-pop:hover {
-webkit-transition: all 300ms ease; /* Firefox */
-moz-transition: all 300ms ease; /* WebKit */
-o-transition: all 300ms ease; /* Opera */
transition: all 300ms ease; /* Standard */
transform: scale(1) rotate(180deg) translate(0px, 0px) skew(0deg, 0deg);
}

.scroll-hide { overflow:hidden;}

.list-style1 { padding:0; margin:0; font-size: 1em;}
.list-style1 li { display:block; border-bottom:1px solid #ccc; padding:15px; font-size:0.5em; }
.list-style1 li i { margin-right:20px;}
.list-style1 li.active i, .list-style1 li:hover i { color:#dd0000 }

.list-style1 li a { color:#333}


.fsp-close {position: absolute;
right: 0 !important;
top: 0 !important;
line-height: normal;
background: #fff;
padding: 5px 20px;}


.hide-btn {opacity:0;
transform: translate(0, 50px);

-webkit-transition: all 200ms ease; /* Firefox */
-moz-transition: all 200ms ease; /* WebKit */
-o-transition: all 200ms ease; /* Opera */
transition: all 200ms ease; /* Standard */



}

.boxxi:hover .hide-btn { opacity:1; transform: translate(0, 0px);}






/*PRICING PAGE*/

.box1400 {
max-width: 1400px;
margin: 0 auto;
width:100%;
}


.hx-red32 {background: url(../img/red-32-HX.png) no-repeat center center; width:32px; height:36px; display:block; text-align:center; font-size:21px; line-height:30px; color:#ffffff; float:left; margin:0 5px}


.levelBox2 p.font-small { display:none;}
.levelBox2 a { color:#02afef}
.levelBox2 { border:1px solid #FFF; box-shadow:0 -4px 6px rgba(0,0,0,0.1); padding:2% 20px;  bottom:0; line-height:normal;float:left;   cursor:pointer;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 49%, #eeeeee 51%, #ffffff 93%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#eeeeee), color-stop(51%,#eeeeee), color-stop(93%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 49%,#eeeeee 51%,#ffffff 93%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 49%,#eeeeee 51%,#ffffff 93%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 49%,#eeeeee 51%,#ffffff 93%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 49%,#eeeeee 51%,#ffffff 93%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
/*position:absolute; width:33%;*/ height:250px; width:100%;
}


.levelBox2:hover {  -webkit-transition: all 200ms ease; /* Firefox */
-moz-transition: all 200ms ease; /* WebKit */
-o-transition: all 200ms ease; /* Opera */
transition: all 200ms ease; /* Standard */}
.levelBox2 .hx-red32 { display:none; }
.levelBox2:hover .hx-red32 { display: block; }
.levelBox2 .txtco { line-height:18px; color:#777777; font-size:90%;}
/*
.levelBox2:first-child { right:65%; min-height:130px;}
.levelBox2:nth-child(2){ right:33%; min-height:160px;} 
.levelBox2:nth-child(3){ right:1%; min-height:190px;} 
*/

.levelBox3{
padding:2%;  bottom:0; line-height:normal;float:left;
border:1px solid transparent;
background: #fff;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);



height:110%;
position:relative;
}

.rowIbox { overflow:hidden}
.alt-color .levelBox3, .alt-color .featureBox { background:#f8f8f8}
.featureBox, .optionBox { height:100%}
.featureBox { border-left:1px solid #eee;}

.featureBox ul li {

}



.pricing-table { font-size:15px;}
.pricing-table th { border-bottom:1px solid #DDD;}
.pricing-table .option { padding:0 15px; width:13%}
.pricing-table .option.two { border-right:1px solid #ccc; border-left:1px solid #DDD; padding:0 15px; }

.pricing-table td { border-bottom:1px solid #DDD; padding:5px; }
.pricing-table td.titleTab { width:20%; padding:0 10px; font-size:14px}
.pricing-table td ul { margin:0 35px;}
.pricing-table td li { margin:8px 0;}

.pricing-table td h5 { margin:0 0 10px; font-size:20px; font-weight:300;}


.vidcase-why { max-width:896px; position:relative;  }
.vidcase-why .vid-box {left: 13%; position: absolute; top: 29%; cursor:pointer; width: 370px; height: 237px;  }
.vidcase-why .vid-box .vidframe {background:#000; text-align:center; padding:1% 0 0; width: 370px; height: 237px; overflow:hidden; -moz-box-sizing: border-box;}
.vidcase-why .txtar { right:0; top:130px; width:328px;}
@media (max-width:768px) {
.vidcase-why .vid-box  .vidframe,.vidcase-why .vid-box{width:288px; height: 187px;}
.vidcase-why .txtar { right: 0px; top: 130px; width: 260px; }
}


.grayGrad-bottom { background: #feffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzNSUiIHN0b3AtY29sb3I9IiNmZWZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #feffff 35%, #f0f0f0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#feffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feffff 35%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feffff 35%,#f0f0f0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feffff 35%,#f0f0f0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feffff 35%,#f0f0f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-8 */
 }
 
 
 .txt-shadow { text-shadow:1px 1px 1px rgba(0,0,0,0.8)}


.activePlan {
	background-color: rgb(241, 249, 252);
}
.inactivePlan {
	/*opacity:0.5*/
}

.ui-slider-access {
margin:0 !important;
}

.ui-slider-access .ui-button {
margin:0 1px !important;
}


table.table-set1  thead  tr th { background:#222; color:#fff; font-size:18px; padding: 15px 30px; }

table.table-set1 tbody   tr td {  padding:15px 10px; color:#000; padding: 15px 30px;}



/*FANCY BOX*/
.flat-pop {width:100%;display: none; box-sizing:border-box; max-height:100%; background:#f8f8f8;}
.fancybox-wrap, .fancybox-skin, .flat-pop, .fancybox-inner { min-width:100%;}

.flat-pop > .right-box { background:#fff url(../img/logo-bulb2.png) no-repeat 25px 25px; height:100%; overflow: auto;}


/*FANCY BOX IFRAME*/
.fancybox-type-iframe {
  width: 100% !important;
  height: 100% !important;
  background: rgba(0,0,0,0.9) !important;
  }
.fancybox-type-iframe .fancybox-inner { margin:0 auto !important;  min-width:100px !important; padding-top:6%;}




.platform-stripbox table td { position:relative;}
.platform-stripbox table td a{ position: absolute; left:0; right:0; width:100%; height:100%;}


.ui-slider-access.ui-corner-left {
    display: none;
}

/*HOME - BY ROLE*/
.sec-byrole {position:relative;}
.sec-byrole .bx-left {background:url(../img/hm-1.jpg) no-repeat center center; background-size:cover; height:150px;}
.sec-byrole .bx-right {background:#e3e8ea;  height:auto; float:left;}

@media(min-width:1170px){
	.sec-byrole .bx-right, .sec-byrole .bx-left {height:100%;}
	.sec-byrole {height:550px;}
}
/*HOME - BY ORGINAZATION*/
.sec-org {position:relative;}
.sec-org .bx-left{ background:#FFF; height:auto;}	
.sec-org .bx-right {background:url(../img/hm-org-bg.jpg) no-repeat center center; background-size:cover; height:150px; float:right}

.sec-org .col-lg-8, .sec-org .col-lg-8 .col-xs-6, .sec-org .col-lg-8 .col-xs-6 .col-sm-6 { height:100%;}
.sec-org .col-lg-8 .col-xs-6 .col-sm-6 { padding:90px 0 0;} 
.sec-org .col-lg-8 .col-xs-6 .col-sm-6 .img-infograp { height:260px;}

@media(min-width:1170px){
.sec-org {height:550px;}
.sec-org .bx-right, .sec-org .bx-left {height:100%;}
}


.sec-features {background-color:#082042; background-size:cover; /* background:url(img/globe-hm.jpg) no-repeat center center;*/}



header{ top:0; right:0; left:0;}
.full-video { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden;width:100%; margin-top:-8%;)}
 .full-video iframe, .full-video object, .full-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
 
 
.hex-info-img img { opacity:1; transition: all 200ms ease; /* Standard */}
.hex-info-img:hover img { opacity:1}


.line-sm { border-bottom:2px solid #ccc; max-width:60px;}


.img-circle120 { width:120px; height:120px; overflow:hidden; border-radius:50%; margin:0 auto}
.img-circle120 img { min-width:100%; min-height:100% }


.slant-box {overflow-y:auto; height:100%}
@media(min-width:1280px){
.slant-box {transform:skewX(8deg); left:-100px;}
.slant-box .inner-box{ transform:skewX(-8deg)}
}


.boxxi { position:relative}
.boxxi .circle-animate { z-index:0; position:absolute; opacity:0; transform:scale(0); border-radius:50%; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.3);transition: all 800ms ease; /* Standard */}
.boxxi:hover .circle-animate{  transform:scale(2); opacity:1;  }
.boxxi *{ position:relative; z-index:1}


.boxxi .circle-animate2 { z-index:0; position:absolute; opacity:0; transform:scale(0); border-radius:50%; width:100%; height:100%; left:0; top:0; background: rgba(0,0,0,0.3);transition: all 800ms ease; /* Standard */}
.boxxi:hover .circle-animate2{  transform:scale(2); opacity:1;  }



/*.boxxi:hover h3, .boxxi:hover p, .boxxi:hover a { color:#000;}*/


.line-red { height:3px; background:#dd0000; display:block;}

.blog-sec {
  margin-bottom: 45px;
  float: left;
  width: 100%;
}
.blog-sec .col-sm-8 { border-bottom:1px solid #eee;   padding-bottom: 25px;}
.blog-sec table, .blog-sec td { font-size:initial;}


.total-box-fixed { display:none;  width:250px; background:#111 url(../img/ptn-black.jpg); position:fixed; right:-2px; margin-top:25px; z-index:9; box-shadow:0 11px 10px -10px rgba(0,0,0,0.05); padding:10px 20px 5px; color:#fff; border-radius:5px 0 0 5px; font-family: 'Roboto Condensed', sans-serif; font-size:0.9em; }
.text-ellipses { text-overflow:ellipsis; display:block; overflow:hidden; white-space:nowrap;}


footer .container ul li {text-overflow:ellipsis; display:block; overflow:hidden; white-space:nowrap; width:95%}


.client-thumb-box .square-box { padding:0}
.client-thumb-box .square-box img {  display: block;
  width: 100%; max-width:100%;
  cursor: pointer;}
.client-thumb-box .square-box .lay {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(224,2,2,0.95);
  display:none;
  align-items: center;
  text-align: center;
  opacity: 0;
  transition: all 0.6s ease 0s;
  display:flex;
}

.client-thumb-box .square-box:hover .lay{opacity:1;}
.client-thumb-box .square-box .lay h3 { color:#fff; text-align:center; display:block; width:100%}
.client-thumb-box .square-box .lay h3 span { display:block; font-size:0.6em;}




.casestudies img { width:330px; height:160px;}
ul.quickfacts li { padding-bottom:20px; font-size:.90em }
.text-underline { text-decoration:underline;}


.height100 { height:100% }
@media(min-width:1170px){
.height550-lg { height:550px;}
}
@media(max-width:640px){
.engine4box{height:auto !important;}	
.short-banner h3 { font-size:0.65em; }
#frmRegister .col-xs-7, #frmRegister .col-xs-5 { width:100% !important; }
}
.display-flex { align-items:center; display:flex}


.engine4box{height:550px;}
.engine4box .boxxi{height:100%;}

.engine8box{height:640px;}
.engine8box .boxxi{height:100%;}

@media(min-width:1200px) and  (max-width:1440px){ .engine4box{height:600px;}}
.bud-cal-box {
	max-width:300px; padding:10px 20px;  position:fixed; right:-5px; bottom:-5px; background:#222; box-shadow:-2px -2px 2px rgba(0,0,0,0.05); border-radius:5px; width:100%;
	transition: all 0.2s ease-in-out;
	
	}

.pointer { cursor:pointer}	




#main-nav { z-index:99;}

	
	
.hover::after {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.image-background.bleed, .image-background.block.block-bleed, .image-background.hover::after, .image-background.slider-post-fill {
	position: absolute
}

.hover {
	overflow: hidden;
	-webkit-backface-visibility: hidden; backface-visibility:hidden; -webkit-transform:translateZ(0) scale(1,1); transform:translateZ(0) scale(1,1);
}
.hover::after { content:'';
	background-color: inherit;
	opacity:;
	-webkit-transform:scale(2) translateX(-100%) translateY(-100%) translateZ(0) rotate(-45deg); 
	transform: scale(2) translateX(-100%) translateY(-100%) translateZ(0) rotate(-45deg);
	z-index:0;
	-webkit-transition-duration: 0.8s;
	transition-duration:0.8s;
}

.hover:hover::after {
	-webkit-transform: scale(2) rotate(-45deg) translateZ(0);
	transform: scale(2) rotate(-45deg) translateZ(0);
	
}
.hover.blue::after { background: rgba(34,67,102,1.00)}
.hover:hover a { color:#fff;}

.hover2::after {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.hover2 {
	overflow: hidden;
	-webkit-backface-visibility: hidden; backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1,1); transform:translateZ(0) scale(1,1)
}
.hover2::after { content:'';
	background-color: inherit;
	-webkit-transform:scale(2) translateX(-100%) translateY(-100%) translateZ(0) rotate(-45deg); 
	transform: scale(2) translateX(0) translateY(0) translateZ(0) rotate(-45deg);
	z-index:0;opacity:0; background:#C1D5E1
}

.hover2:hover::after {
	-webkit-transform: scale(1.5) rotate(-45deg) translateZ(0);
	transform: scale(1.5) rotate(-45deg) translateZ(50%);
	opacity:0.9;
}

.hover2.yellow::after { background: rgba(255,245,160,1.00);}
.hover2.green::after { background: rgba(134,240,205,1.00);}
.hover2.blue::after { background: rgba(140,233,226,1.00);}


.hm-int-box {background:#ececec;}
.hm-int-box .lf-box {background: #fff url(../img/ar-abs2.jpg) no-repeat right top; background-size:auto 105%;}

@media(min-width:1170px){
	.hm-int-box .lf-box, .hm-int-box .rt-box { height:100%}
	.sec-byrole {height:540px;}
}
@media(max-width:640px){
	.hm-int-box .lf-box{ background-image: none;}
	}

@media(min-width:320px) and  (max-width:1280px){
	
	
	}


.all-cov-bx { background:#111111 url(../img/ptn-black.jpg) repeat;}
.all-cov-bx .textContent{ display:none;}
.all-cov-bx a:hover, .all-cov-bx a:focus  { color:#fff}

#num-gen { background:#eee url(../img/paper-bg.jpg);
  box-shadow: 0px 0px 8px rgba(0,0,0,0.1) inset;}
  


.social-icons-footer { line-height:normal; margin-bottom:25px}  
.social-icons-footer a.fa {margin-right:5px; transition:all 0.2s; color:#777 }
.social-icons-footer .fa-facebook-square:hover { color:#3472c1;}
.social-icons-footer .fa-twitter-square:hover { color:#20b9e0}
.social-icons-footer .fa-linkedin-square:hover { color:#0094da}
.social-icons-footer .fa-youtube-square:hover { color:#ea130f}




.tools-agency .bx { display:block; list-style:none; position:relative; overflow:hidden}
.tools-agency .bx:first-child { background:#002341;}
.tools-agency .bx:nth-child(2) { background:#052b4d; }
.tools-agency .bx:nth-child(3) { background:#08355c}
.tools-agency .bx:nth-child(4) { background:#0d3f6b}

.tools-agency .bx:hover .hide-btn { opacity:1; transform: translate(0, 0px);}

@media (min-width:1281px){.tools-agency .bx .circle-animate {border-radius:50%; }}
.tools-agency .bx .circle-animate { z-index:0; position:absolute; opacity:0; transform:scale(0); width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.3);transition: all 800ms ease; /* Standard */}
.tools-agency .bx:hover .circle-animate{  transform:scale(2); opacity:1;  }
.tools-agency .bx * { position:relative; z-index:9}

@media (min-width:720px){
	.tools-agency {height:500px;  }
	.tools-agency .bx { height:100%; overflow:hidden;}
}
@media (max-width:1280px) {
.tools-agency{height:550px;}
}


@media (max-width:640px) {
.tools-agency{height:auto;}
}





.bottom-line-agency { background:#d4eefa;}



#FClist table { line-height:normal}
#FClist table td{padding:10px 20px; background:#fff; border-bottom: 1px solid #eee;}
#FClist table td p { margin:0; padding:0;}





.ag-partner {
	overflow: hidden;
}
.ag-partner .abst {
	position:absolute;
	background-color: inherit;
	-webkit-transform: scale(2) translateX(-15%) translateY(0) translateZ(0) rotate(-45deg);
	transform: scale(2) translateX(-15%) translateY(0) translateZ(0) rotate(-45deg);
	z-index:0; background:#01203a;
	left:0;
	width:100%; height:100%;
}

font { font-family: 'Questrial', sans-serif;}

.home-banner {background: #000; height:960px; position:relative; width:100%;}

.play-btn{width:110px; height:110px; position:absolute; bottom:-50px; right: 130px; background:#DD0000; border-radius:50%; text-align:center; line-height:110px;}
.play-btn i{transform:scale(1.12) translateX(5px)}
@media (min-width:320px) and (max-width:640px){	
	.home-banner {height:250px}
	.play-btn {width:40px; height:40px;line-height:44px; }
	.play-btn i{transform:scale(0.7) translateX(5px)}
	.play-btn { right: 30px; }
	
	footer .row2 .back-to-top  { bottom:20px; }
	.short-banner { height: 320px !important; }
	}
	
	
.onview-play {}	

.bgCoverText {
    color: rgb(255, 255, 255);
    padding: 100px 10px;
    position: relative;
}
.bgCoverText h4 {
    font-size: 30px;
    font-weight: 500;
}
.bgCoverText p {
    font-size: 18px;
    font-weight: 400;
}



/*------------------------ MY CSS -------------------------*/
.overlay {
    background-image: url("../img/overlay-pattern.png");
    background-repeat: repeat;
    height: 100%;
/*    max-width: 1920px; */
    width: 100%;
}
.overlay2 {
    background-color: rgba(0, 0, 0, 0.5);
	background-repeat: repeat;
    height: 100%;
   
    width: 100%;
}

.overlay3 {
    background-color: rgba(0, 0, 0, 0.1);
	background-repeat: repeat;
    height: 100%;

    width: 100%;
	color:#fff;
}


.overlay4 {
    background-color: rgba(255, 255, 255, 0.9);
	background-repeat: repeat;
    height: 100%;

    width: 100%;
}



.blue { color:#02afef !important;}
.line-red { height:3px; background:#02afef; display:block;}

h2.text-black, h3.text-black { color:#010d27 !important; }



.caption-txt{ position:absolute; font-family: 'Roboto Condensed', sans-serif !important; width: 1022px; height:50px; overflow:visible; z-index:99;padding-top: 275px;padding-left: 175px;}

.caption-txt h1 {color: #FFFFFF; text-transform:uppercase;  font-family: 'Roboto Condensed', sans-serif !important; }

.caption-txt h4 {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 300;
    line-height: 34px;
    padding: 8px 15px;
    white-space: normal;
	text-transform:none;   border-radius: 1px;  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.0); display:inline-block;
	font-family:"Roboto",sans-serif  !important;
}

@media (min-width:320px) and (max-width:640px){	
header { position:absolute; z-index:999; }
.caption-txt  { display:none !important;  }
.video-container h2, .video-container p { display:none !important; }
.short-banner h2, .short-banner p { display:none !important; }
.home-banner { min-height:300px !important;}
}




/*-------------------- Hexagon Design --------------------------*/

.hx-sm {
    background:url(../img/price/hex.png) no-repeat scroll center center;
    background-size: 100%;
    color: #000000;
    cursor: pointer;
    float: left;
    height: 100px;
    line-height: 50px;
    text-align: center;
    width: 100px;
}

.hx-sm-blue {
    background:url(../img/price/hex-b.png) no-repeat scroll center center;
    background-size: 100%;
    color: #000000;
    cursor: pointer;
    float: left;
    height: 100px;
    line-height: 50px;
    text-align: center;
    width: 100px;
}


.hx-sm.ico-1, .hx-sm-blue.ico-1  { position:absolute; top:0; left:300px;}
.hx-sm.ico-2, .hx-sm-blue.ico-2 { position:absolute; top:90px; left:300px;}
.hx-sm.ico-3, .hx-sm-blue.ico-3 { position:absolute; top:45px; left:220px;}
.hx-sm.ico-4, .hx-sm-blue.ico-4 { position:absolute; top:135px; left:220px;}
.hx-sm.ico-5, .hx-sm-blue.ico-5 { position:absolute; top:90px; left:140px;}
.hx-sm.ico-6, .hx-sm-blue.ico-6 { position:absolute; top:180px; left:300px;}
.hx-sm.ico-7, .hx-sm-blue.ico-7 { position:absolute; top:45px; left:380px;}
.hx-sm.ico-8, .hx-sm-blue.ico-8 { position:absolute; top:135px; left:380px;}
.hx-sm.ico-9, .hx-sm-blue.ico-9 { position:absolute; top:90px; left:460px;}

.hx-sm .active, .hx-sm-blue .active{ background:url(../img/price/hex-h.png) no-repeat scroll center center; background-size:100%;}
.hx-sm i img, .hx-sm-blue i img  { font-size:20px; line-height:30px; width:60px;}





/*--------------------------------- Design Tabnle------------------------------*/

/* Comparison Chart */
.comparisonchart{  box-shadow: 1px 0px 5px 1px #D1D1D1;
-webkit-box-shadow: 1px 0px 5px 1px #D1D1D1;
-moz-box-shadow: 1px 0px 5px 1px #D1D1D1;
-o-box-shadow: 1px 0px 5px 1px #D1D1D1; 
 border:1px solid #ececec; 


}

.comparisonchart h3 { color:#222; font-size:22px; font-weight:400; padding-left:40px; }
.comparisonchart p { font-size:18px; padding-left:40px; padding-right:40px;}
.comparisonchart hr { border-bottom:1px dashed #ddd; padding-top:10px; border-top:0px; } 


.tableView { }
.tableView table tr th { text-align:center; text-transform:uppercase; padding: 20px; background-color:#f8f8f8; font-size:18px; color:#7f7b77;}
.tableView table tr td { padding:20px; border: 1px dotted #ddd; color:#a7a4a2; font-size:18px;   }
.tableView table tr td .glyphicon.glyphicon-ok{ color:#3cc617;}


.shadow{
box-shadow: 1px 0px 5px 1px #D1D1D1;
-webkit-box-shadow: 1px 0px 5px 1px #D1D1D1;
-moz-box-shadow: 1px 0px 5px 1px #D1D1D1;
-o-box-shadow: 1px 0px 5px 1px #D1D1D1;
}


/*.nav-tabs > li.left-arrow > a {
    font-size: 35px;
    padding: 2px 25px;
	color:#c2c0c0;
}

.nav-tabs > li.right-arrow > a {
    font-size: 35px;
    padding: 2px 25px;
	color:#c2c0c0;
}
*/


a.left-arrow , a.right-arrow {
    color: #c2c0c0;
    cursor:pointer;
    background: #f8f8f8;
    border: 1px solid #ddd;
    /* border-bottom-color: transparent; */
    /* width: 69px; */
    padding: 6px 24px;
   
}

a.left-arrow {
 position: relative;
    top: 66px;
    left: -63px;
}

a.right-arrow {
 position: relative;
    top: 66px;
    left: 163px;
}


a.left-arrow:hover , a.right-arrow:hover { background:#3d89ba; color:#fff;}


.btn-blue {
    background: #3d89ba;
    color: #fff;
    padding: 15px 55px;
    font-size: 18px;
}

.btn-blue:hover { background:#222; color:#fff;}


.TotalList .ListHeading {
text-align: center;
    text-transform: uppercase;
    padding: 10px;
	height:60px;
    background-color: #f8f8f8;
	font-weight:bolder;
	 	
}

.TotalList .ListRow
{     padding: 20px;
    border: 1px dotted #ddd;
    color: #a7a4a2;
    font-size: 18px; height:60px;}

.TotalList .ListRow p { font-size:16px; }

.TotalList .ListHeading h4 {   font-size: 18px;
    color: #7f7b77;}


/*
.my-tabs { background:#28282e; width:100%; text-align:center;}
.my-tabs ul { padding:0; margin:0;}
.my-tabs ul > li { display:inline-block; min-width:60px; padding:0; margin:0 10px; cursor:pointer;}
.my-tabs ul > li > a{ height: 75px; display:block; text-align:center; border-bottom:4px solid transparent; padding:0 20px; color:#8c8c8c; line-height: 78px; text-transform:uppercase; font-size: 18px; font-weight: 800;}
.my-tabs ul > li:hover a, .page-tabs ul > li.active a {     border-bottom: 4px solid #eac100;
    color: #eac100;}
*/

ul.curriculam  { list-style:none; }
ul.curriculam  li:before {     font: normal normal normal 14px/1 FontAwesome;     content: "\f0da"; padding-right:15px; }



.leadU h3 {       font-size: 49px;
    font-weight: 700;
    text-transform: uppercase; }
	
	
.big-banner { height:1000px; width:1920px; }	

.leadudiff h4 {
    color: #444;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 15px;
}


/*---------------- New Btn Componetns --------------------*/
 .btn.btn-Dred {
     color: #fff;
    background-color: #2a445d;
    /* border-color: #fff; */
    padding: 15px 50px;
    border-radius: 0px;
    font-size: 20px;
    font-weight: 700;
	border-bottom:3px solid #0e3c63;
 }
 
 .btn.btn-white {
	 color: #383838;
	 background-color: #f6f6f6;
	 -webkit-box-shadow: 0 3px 0 0 #a2a2a2;
	 -moz-box-shadow: 0 3px 0 0 #a2a2a2;
	 box-shadow: 0px 5px 0px 0px #a2a2a2;
	 padding: 10px 25px;
	 font-size: 19px;
	 font-weight: 600;
	 border-radius: 0px;
	 }
	 
.btn.btn-yellow {
	    background-color: #edae49;
    border-color: transparent;
    color: #252729;
    color: white;
	}
	
.bg-DGray { background:#252729; }
.bg-LGray { background:#ececec; }	
 
.engine8box h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
}
 
 
 
.btn-dashed
{
	    border: 1px dashed #fff;
    padding: 13px 20px;
    font-size: 15px;
    font-weight: 600;
}


i.fa.fa-youtube-play {
    font-size: 32px;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 11px;
    /* background: #fff; */
    color: #fff;
}

i.fa.fa-youtube-play:hover {color:#dd0000;}

/* Blog Lit Style */
ul.blogList li {
    padding: 10px 25px 10px 25px;
}
ul.blogList {
    border-top: 1px solid #eee;
    border-bottom: 10px solid #eee;
}





 .bg-Nblue { background:#029daf; }
  .bg-Nblue2 { background:#028796; } 
  .bg-Nblue3 { background:#266286; } 
  .bg-Nblue4 { background:#34495e; } 
  
  
  
  .text-Nblue { color:#029daf;}
  .text-Nblue2 { color:#028796;}
  .text-Nblue3 { color:#0f4a6c;}
  
   
  .bg-Nyellow { background:#ffc118; }
  .bg-Nyellow2 { background:#febe49; }
  .text-Nyellow { color:#ffc118;}
  
  .bg-Norange { background:#ed6b13; }
  .text-Norange { color:#ed6b13;}
  .text-Norange2 { color:#a84400;}
  
  
  
/*---------------------- BOX Style ------------------------------*/
.box-1 { 
border: 1px solid #eee;
padding: 10px 35px;
}

.btn-redprimary {
    background-color: #e93e30;
    color: #fff;
    border-color: #dd0000;
    padding: 10px 50px;
}

.btn-redprimary:hover {  background-color:#fff; color:#dd0000; border-color:#dd0000;}


 .btn-Nred {
    background: #ff3f18;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    border-bottom: 5px solid #c32100;
    /* border: 1px solid #b68501; */
    padding: 10px 30px;
    font-weight: 900;
}  
  
  .btn-Nred:hover {
    background: #fc2b00;
    color: #fff;
} 

/*------------- Overlay-Gradient -----------*/
.overlay-gradient{  -webkit-transition: background .3s ease; transition: background .3s ease; bottom: 0; left: 0; position: absolute; right: 0;
  top: 0;  z-index: 0;  background: -webkit-linear-gradient(135deg, #3c1418 12%, #0a1029 72%) repeat scroll 0 0 rgba(0,0,0,0);
  background: linear-gradient(-45deg,#3c1418 12%,#0a1029 72%) repeat scroll 0 0 rgba(0,0,0,0); opacity: .83; }

/*------------- Overlay - Pattern -----------*/
.overlay-pattern {
    background-image: url("../img/overlay-pattern.png");
    background-repeat: repeat; height: 100%;  max-width: 1920px;    width: 100%;   background-color: rgba(0, 0, 0, 0.5); }

  
/*----- Fon t awsome Circel Icon Design */
.circle-fa .fa {    background: #ffffff; color: #752020;    padding: 10px;    border-radius: 50%;    width: 65px;    height: 65px;    text-align: center;
    font-size: 30px;    line-height: 45px; }
.circle-fa  p { font-size:18px; }
.circle-fa .col-sm-3 { padding:20px; }

.circle {     background: #ffffff;
    color: #752020;
    padding: 10px;
    border-radius: 50%;
    width: 65px;
    height: 65px;
    text-align: center;
        font-size: 35px;
    font-weight: 800;
    line-height: 45px;}

.circle.cirle-black {
    background: #222;
    color: #fff;
}

.whiteh4 h4 { color:#fff; padding-top:10px; }


/* Table Home */
.TableView {  background-color: #fff;  /* padding: 20px; */    font-size: 19px; }
.tableHeader {    background-color: #e4eaf5;  padding: 20px;    font-size: 15px;    font-weight: 700; }
.tableContent .set1 {    font-size: 18px;   padding: 25px 20px;    /* background: #eff4fc; */ }
.tableContent .set2 {    font-size: 18px;  padding: 25px 20px;    background: #f5f7fa; }

.well-sm { padding:20px; }

/*------------ Big Menu -----------------*/
.hd1 {margin-top: -6px;     padding: 6px 10px;  color: #fff; /*text-shadow: 1px 1px 1px #000000;*/     font-family: 'Titillium Web', sans-serif;  }
.hd1 a {color: #fff;font-weight: 800; font-family: 'Text Me One', sans-serif;  font-size: 12px;    letter-spacing: 1px;}
.hd1 a:hover {color: #ee3820;}



.hd1 a.active {
       margin-right: 15px;
    border: 1px solid #ee3820;
    border-bottom: 4px solid #ee3820;
    padding: 7px 15px;
    background::rgba(0,0,0,0.5);
    font-size: 12px;
    color: #fff;
}
	

#big-Banner {     width: 1100px;
    margin: 0 auto;
    text-align: center;
    }
	
	
#big-Banner{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1920px; height:800px; overflow: hidden; background:#000;}
#big-Banner .item-box img { opacity:0.3;}

#big-Banner h2 { font-family: 'Josefin Sans', sans-serif;
    font-size: 56pt;
    font-weight: 300;
    color: #fff;     margin-top: 150px; }
	
.btn-white2{ border-radius:0px; padding-left:40px; padding-right:40px; font-weight:700; text-transform:uppercase; background-color:#fff; color: #222;  height: 50px;  line-height: 34px;  max-height: 50px;    min-width: 160px; max-width:300px;  border: 1px solid #fafafa !important;  font-size: 14px; }
.btn-white2:hover { background-color:rgba(255,255,255,0.01); color:#fff;  border: 1px solid #fff !important; }

span.regSym {
    font-size: 22px;
    position: absolute;
}

.lineD {
    border: 1px dashed #818181;
}


.line2px { border-bottom:5px solid #e93720;}


.blog { border-left:2px solid #e1e1e1; border-top:2px solid #e1e1e1; border-right:2px solid #e1e1e1; border-bottom:8px solid #e1e1e1;}
.bg-white {  background-color:#fff !important; }


h2,h3 {
	  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  /* font-family: 'Raleway', sans-serif;*/
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
  color:#343434;
}
}