@charset "utf-8";

/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Roboto);

@import url(http://fonts.googleapis.com/css?family=Roboto:700);

@import url(http://fonts.googleapis.com/css?family=Roboto:300);

body{ margin:0; padding:0; background-color:#fff;}

*{font-family: 'Roboto'}

a{ text-decoration:none;}

#TopNavHolder{ width:100%; height:auto; overflow:hidden; background-color:#253966;}

#TopNavBand{ width:100%; height:5px; background-color:#169fe6;}

#TopNav{ width:940px; margin:0 auto; overflow:hidden;}

#TopNavLeft{ width:65%; float:left;}

#TopNavLeft p{font-size:14px; color:#fff; margin:10px 0px;}

#TopNavRight{ float:right; width:12%;}

#TopNavRight p{ margin:8px 0px 0px; text-align:right}

#TopNavRight p a{ vertical-align:middle; padding:10px 0px;}

#HeaderHolder{ width:940px; margin:0 auto; overflow:hidden; padding:20px 0px;}

#logo{ width:30%; height:auto; float:left;}

#logo img{ width:auto;}

#Search{ float:right; width:24%; margin-top:20px;}



#Search input[type="text"]{border: 1px solid #CCD0D9;border-radius: 4px 0px 0px 4px;height: 28px;padding-left: 5px; width: 82%;float: left; margin-right: 1px;}

#Search input[type="image"]{ float:left; width:14%;height: 100%; border-radius:0px 4px 4px 0;}

#Search ul{ margin:0; padding:0; list-style:none;}

#Search ul li{ float:left; width:87%;}

#Search ul li:last-child{ width:10%;}

#Search ul li input[type="text"]{border: 1px solid #CCD0D9;

border-radius: 4px 0px 0px 4px;

height: 24px;

padding-left: 5px;

width: 97%;}

#Search ul li input[type="submit"]{ border:none; background-image:url(backup/images/search_bg.png); background-size:100% 100%; background-position:center; background-repeat:no-repeat; height:28px; padding-right:15px; cursor:pointer; border-radius:0px 4px 4px 0px;}

#NavigationHolder{ width:100%; overflow:hidden; height:auto; background-color:#169fe6;}

#Navigation{ width:940px; margin:0 auto;}

#Menu{ width:auto; float:left; overflow:hidden; height:auto;}

#Menu ul{ margin:0; padding:0; list-style:none;}

#Menu ul li{ float:left; border-right:1px solid #253966;}

#Menu ul li:last-child{ border-right:none;}

#Menu ul li a{ display: block;
padding: 10px 26px;
font-size: 14px;
color: #FFF;}

#Menu ul li a:hover,#Menu ul li a.selected{ background-color:#253966;}

#ContactPH{ width:auto; float:right;}

#ContactPH p{ margin:9px 0px; font-size:14px; color:#fff;}

#BannerHolder{ width:100%; overflow:hidden; height:auto; position:relative;}



#BannerHolder .custom p{ margin:0;}

 #BannerHolder img{ width:100%;display: block; height:auto !important}

#BannerContent{ width:100%; background-color:rgba(0,0,0,0.8); position:absolute;bottom:0px;}

#BannerContent p{ margin:10px 0px; color:#FFF; text-align:center; font-size:30px; }

#GetStartedHolder{ width:100%; overflow:hidden; height:auto; background-color:#169fe6; padding: 0px 0;}

#GetStarted{ width:940px; margin:0 auto;overflow: hidden; font-size:12px;padding: 9px 0 9px 0;}

#GetStarted a{ color:#fff;}

#GetStarted a:hover{ text-decoration:underline;}





#GetStartedLeft{ float:left; width:auto;}

#GetStarted p{ margin:0; font-size:24px; font-weight:700; color:#FFF;}

#GetStarted span{margin-right: 15px;}

#GetStarted span img{ vertical-align:middle;}

#GetStartedRight{ float:right; width:28%;margin-top: 13px;}

.GetStrBtn{font-size: 25px;

font-weight:700;

color: #fff;

box-shadow: 3px 3px 0px rgba(18,129,187,0.8);

background: #00b1f5; /* Old browsers */

background: -moz-linear-gradient(left, #00b1f5 0%, #00c5f7 50%, #00b1f5 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00b1f5), color-stop(50%,#00c5f7), color-stop(100%,#00b1f5)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left, #00b1f5 0%,#00c5f7 50%,#00b1f5 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left, #00b1f5 0%,#00c5f7 50%,#00b1f5 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left, #00b1f5 0%,#00c5f7 50%,#00b1f5 100%); /* IE10+ */

background: linear-gradient(to right, #00b1f5 0%,#00c5f7 50%,#00b1f5 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b1f5', endColorstr='#00b1f5',GradientType=1 ); /* IE6-9 */padding: 8px 34px;

border-radius: 6px;



text-shadow: 1px 1px 2px #666;}

.GetStrBtn:hover{background: #00b1f5; /* Old browsers */

background: -moz-linear-gradient(left, #00b1f5 0%, #00b1f5 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00b1f5), color-stop(100%,#00b1f5)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left, #00b1f5 0%,#00b1f5 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left, #00b1f5 0%,#00b1f5 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left, #00b1f5 0%,#00b1f5 100%); /* IE10+ */

background: linear-gradient(to right, #00b1f5 0%,#00b1f5 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b1f5', endColorstr='#00b1f5',GradientType=1 ); /* IE6-9 */}

.GetStrBtn img{vertical-align: middle;

margin-right: 17px;}

#Wrapper{ width:940px; margin:0 auto; overflow:hidden; height:auto;}

#OnlineDistance{ width:100%; overflow:hidden; height:auto;padding-bottom: 30px;}

#OnlineDistance h1{ color:#169fe6; font-size:30px; font-weight:300;}

#OnlineDistance h2{ color:#169fe6; font-size:30px; font-weight:300;}

#OnlineDistance h2 font{ margin-left:20px; color:#c70000; font-size:42px;}

#OnlineDistance p{ color:#302f2f; font-size:14px; line-height:24px;}

#OnlineDistance a{padding: 8px 14px;border: solid 1px #0C79B3;background-color:#0084c9; color:#fff; font-size:12px; border-radius:4px;}

#OnlineDistance a:hover{background-color: #23A7EC;}

#HrLine{ width:100%; border-bottom:1px solid #e6e9ee; margin:20px 0px;}

#VideoHolder{ width:100%; overflow:hidden;padding: 55px 20px;}

#VideoHolderLeft{ width:43%; float:left; overflow:hidden;}

#VideoHolderRight{ width:50%; float:right; overflow:hidden;}

#VideoHolderRight h3{ color:#0084c9; font-size:30px; font-weight: normal; margin:0;}

#VideoHolderRight ul{margin: 12px 0px;padding: 0px 0px;}

#VideoHolderRight li{margin-bottom: 10px;color: #302f2f;font-size: 14px; background-image: url('../images/IndexBullet.png'); background-repeat:no-repeat; background-position:0 0px; list-style:none;padding-left: 30px;padding-bottom: 5px;}

#VideoHolderRight li:hover{color: #0084c9;}

#TallenOverviewHolder{ width:100%; height:auto; overflow:hidden; background-color:#6693cc;}

#TallenOverview{ width:940px; height:auto;padding: 30px 20px; overflow:hidden; margin:0 auto;}

#TallenOverview h3{ text-align:center; font-size:30px; font-weight:300; color:#FFF; margin:0;}

#TallenOverview p{ text-align:center; font-size:14px; color:#000; line-height:30px;}

#OverViewGetStartedAnchor{ width:auto; float:left; margin-left:40px; margin-top:20px;}

#OverViewWatchVideoAnchor{ float:right; width:auto; margin-right:40px; margin-top:20px;}



#IndexAboutusHolder{ width:940px; margin:0 auto;padding: 0px 20px; overflow:hidden;}

#IndexAboutHolderContent{ width:100%;}

#IndexAboutHolderContent h3{ text-align:center; font-weight:300; font-size:30px; color:#169fe6;}

#IndexAboutUsLeft{ width:38%; float:left; overflow:hidden;margin-left: 104px;}

#IndexAboutUsRight{ float:left; width:38%;margin-left: 30px;}

#IndexAboutUsRight p{ font-weight:300; color:#169fe6; font-size:14px; line-height:30px;}

#IndexAboutUsRight h3{ text-align: center;font-weight: 300;font-size: 30px;color: #169fe6;}





#IndexAboutUsRight a{ padding: 8px 14px;

border: solid 1px #0C79B3; background-color:#0084c9; color:#fff; font-size:12px; border-radius:4px;}

#IndexAboutUsRight a:hover{background-color: #23A7EC;}

#FooterTopBand{ width:100%; height:5px; background-color:#0084c9;}

#FooterHolder{ width:100%; overflow:hidden; height:auto; background-color:#1c3643;}

#Footer{ width:940px; margin:0 auto; padding:20px 0px;overflow: hidden;}

#FooterBox{width: 27%; float:left; height:auto; overflow:hidden;margin-right: 12px; background-image:url(backup/images/FooterGradient.png); background-repeat:no-repeat; background-position:right; min-height:160px;}

#FooterBox .acymailing_form{ width:100% !important;}

#FooterBox h4{ color:#fff; font-size:18px; line-height:60px; margin:0px;}

#FooterBox ul{ margin:0; padding:0; list-style:none;}

#FooterBox ul li{ margin-bottom:10px; color:#FFF; font-size:12px;}

#FooterBox input[type="text"]{width: 100%; height:30px; border:solid 1px #fff; background-color:#39505b; padding-left: 8px;color: rgba(255, 255, 255, 0.45);}

#FooterBox input[type="submit"]{ padding:5px 10px; background-color:#0084c9; color:#fff; float:right; border:none;margin-right: 38px;}

#FooterBox input[type="submit"]:hover{background-color:#43AAE0; cursor:pointer;}





#FooterBox:last-child{ margin-right:0px; background-image:none;float: right;

width: auto;}

#Footercopyright p{ text-align:center; color:#FFF; padding:10px 0px; font-size:14px;}

/*Index_End*/

#BannerBottomBand{ width:100%; height:13px; background-color:#169fe6;}

#AboutUsContent{ width:100%; overflow:hidden; height:auto;}

#AboutUsContent h3{ font-size:36px; color:#169fe6;}

#AboutUsContentLeft{ width:48%; height:auto; float:left;}

#AboutUsContentRight{ width:48%; height:auto; float:right; }


#AboutUsContentRight img{ -moz-box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.47);
-webkit-box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.47);
box-shadow: -1px 3px 14px rgba(0, 0, 0, 0.47);
margin: 10px;
border: inset solid 2px #fff;
outline: solid 3px #fff;}




#AboutLeftSidebarImage{padding:5px; height:auto; width: 98%; position:relative; margin-bottom:30px;}

#AboutLeftSidebarImage img{ width:100%; z-index:999;}

#LeftShadow{border: 1px solid;

height: 100px;

position: absolute;

left: 15px;

width: 30%;

z-index: -2;

bottom: 57px;

box-shadow: 9px 60px 11px #949494;

transform: rotate(7deg);}

#RightShadow{border: 1px solid;

height: 100px;

position: absolute;

right: 15px;

width: 30%;

z-index: -2;

bottom: 57px;

box-shadow: -9px 60px 11px #949494;

transform: rotate(-7deg);}

#ContactForm{ width:100%; height:auto; overflow:hidden;}

#ContactForm h3{ color:#FFF; font-size:24px; background-color:#169fe6; line-height:24px; border-left:10px solid #343434; padding:8px 8px; margin:0px;}

#FormContent{ width:97.5%; padding:5px; border:solid 1px; overflow:hidden;}

#FormContent ul{ margin-bottom:10px; padding:0; list-style:none; overflow:hidden; clear:both;}

#FormContent ul:first-child li input[type="text"]{ width:45%; margin-right:20px;}

#FormContent ul:first-child li input[type="text"]:last-child{ margin-right:0px;}

#FormContent ul li{ float:left; display:block; width:75%;}

#FormContent ul li input[type="text"]{ width:98%; height:25px; border:solid 1px;}

#FormContent ul li textarea{ width:97%; height:90px; resize:none;}

#FormContent ul li:first-child{ width:20%;;}

#FormContent li ul li{}

/*AboutUs_End*/

/*21.03.14*/



#OnlineDistance ul{ padding:0; margin:0;padding-left: 26px;}



#OnlineDistance ul li{color: #302f2f; list-style-image:url(images/blue_bullet.png);



font-size: 14px;



line-height: 30px;padding-left: 5px;}

#GetStartedLeft p{width: auto;

float: left;

padding-top: 10px;}

.current a{background-color:#253966;}



/*24.03.14*/



#AboutUsContent h1{color: #169fe6;

font-size: 30px;

font-weight: 300;}

#AboutUsContent p{color: #302f2f;

font-size: 14px;

line-height: 24px;}

#AboutUsContent ul{margin: 12px 0px;padding: 0px 0px;}

#AboutUsContent h4{color: #169fe6;

font-size: 18px;

font-weight: 600; margin:0;}





#AboutUsContent .leftvideo{ width: 25%; float: left; margin:10px 0;}
#AboutUsContent .rightvideo{ width: 25%; float: left; margin:10px 0;}

#AboutUsContent .leftvideo img, #AboutUsContent .rightvideo img{box-shadow: 2px 3px 2px rgba(0,0,0,0.2);}


#AboutUsContent li{margin-bottom: 10px;color: #302f2f;font-size: 14px; background-image: url('../images/IndexBullet.png'); background-repeat:no-repeat; background-position:0 0px; list-style:none;padding-left: 30px;padding-bottom: 5px;}

#AboutUsContent li:hover{color: #0084c9;}

.tae10_banner img{ width: 92%;}

.breadcamp{ float:right;}

#AboutUsContent .readmore{padding: 4px 10px; width:auto; display:inline-block;

border: solid 1px #0C79B3;

background-color: #0084c9;

color: #fff;

font-size: 12px;

border-radius: 4px;}

#AboutUsContent .readmore a{ color:#fff;}

#AboutUsContent .readmore:hover{background-color: #23A7EC;}



.items-leading{border-bottom: 1px solid #e6e9ee;

padding-bottom: 22px;

width: 100%;

overflow: hidden;margin-bottom: 22px;}

.items-leading:last-child{ border-bottom:0;}

.blog{ width:100%; overflow:hidden;}

.btn-toolbar input[type="text"] {

border: 1px solid #CCD0D9;

border-radius: 4px;

height: 28px;

padding-left: 5px;

width: 98%;

float: left;

margin-right: 1px;

}

.btn-toolbar{width: 100%;

overflow: hidden;}

.btn-toolbar .pull-left{width: 34%;

float: left;}

.btn-toolbar .btn{ width:30px; height:30px; background-image:url(../images/search_bg.png); background-repeat:no-repeat; background-color:#ccc;border: none;

margin-left: 10px;

display: block;}

.phrases{border: solid 2px rgba(22, 159, 230, 0.46);padding: 18px 20px 25px 20px;margin-top: 30px;

margin-bottom: 24px;}

.phrases legend{color: #302f2f;

font-size: 14px;

line-height: 24px; font-weight:bold;}

.phrases label{color: #302f2f;width: 20%;

float: left;

font-size: 12px;

line-height: 24px;}



#searchphraseall{margin-right: 10px;

display: block;

float: left;margin-top: 7px;}

#searchphraseany-lbl{margin-right: 10px;

display: block;

float: left;}

#searchphraseany{margin-right: 10px;margin-top: 7px;

display: block;

float: left;}

#searchphraseexact{margin-right: 10px;margin-top: 7px;

display: block;

float: left;}

.ordering-box .chzn-container{ width:125px !important;}



.only{border: solid 2px rgba(22, 159, 230, 0.46);padding: 18px 20px 25px 20px;

margin-bottom: 24px;}

.only label{color: #302f2f;

width: 20%;

float: left;

font-size: 12px;

line-height: 24px;}

.only legend{color: #302f2f;

font-size: 14px;

line-height: 24px; font-weight:bold;}



/*NEW*/

#BannerBottomBand{ width:100%; height:13px; background-color:#169fe6;}

#AboutUsContent{ width:100%; overflow:hidden; height:auto; padding-top:35px}

#AboutUsContent h3{ font-size:36px; color:#169fe6; font-weight:normal;}

#AboutUsContentLeft{ width:48%; height:auto; float:left;}



#AboutLeftSidebarImage{padding:5px; height:auto; width: 98%; position:relative; margin-bottom:35px;}

#AboutLeftSidebarImage img{ width:100%; z-index:999;}

#LeftShadow{border: 1px solid;

height: 100px;

position: absolute;

left: 15px;

width: 30%;

z-index: -2;

bottom: 57px;

box-shadow: 9px 60px 11px #949494;

transform: rotate(7deg);}

#RightShadow{border: 1px solid;

height: 100px;

position: absolute;

right: 15px;

width: 30%;

z-index: -2;

bottom: 57px;

box-shadow: -9px 60px 11px #949494;

transform: rotate(-7deg);}

#ContactForm{width: 98%;

height: auto;

overflow: hidden;

box-shadow: 0px 4px 7px #777;

margin: 0 auto;

}

#ContactForm h3{ color:#FFF; font-size:24px; background-color:#169fe6; line-height:24px; border-left:10px solid #343434; padding:8px 8px; margin:0px;}

#FormContent{width: 100%;

background-color:#fafafa;

overflow: hidden; }

#FormContent label{ width:18%; float:left;}

#FormContentMain{width: 96%;

margin: 10px auto; height:auto;}

#FormContentMain:first-child input[type="text"]{ width:33%; margin-right:10px;}

#FormContentMain:first-child input[type="text"]:last-child{ margin-right:0px;}

#FormContentMain input[type="text"]{ width:73%; height:25px; border:solid 1px #ccc;float: left;

margin-bottom: 10px;

padding: 0px 10px;}

#FormContentMain textarea{ width:76%; height:90px; resize:none; border:solid 1px #ccc;}

#FormContentMain input[type="submit"]{ border:none; background-color:#169fe6; color:#FFF; font-size:12px; line-height:24px; padding:5px 10px; margin-left:76px; cursor:pointer;}

#FormContentMain input[type="submit"]:hover{background-color: #23A7EC;}

#AboutUsContentRight{ width:48%; height:auto; float:right; }

#AboutUsContentRight p{ color:#2b2b2b; font-size:14px; line-height:30px; margin:0;}

#AboutUsContentRight p font{ color:#169fe6;}

#AboutGetStarted{width: 45%;

height: auto;

margin: 20px 0px;

display: block;

clear: both;

overflow: hidden;

float: right;

padding: 5px;}

#AboutGetStarted a{font-size: 25px;

font-weight:700;

color: #fff;

box-shadow: 3px 3px 0px rgba(18,129,187,0.8);

background: #00b1f5; /* Old browsers */

background: -moz-linear-gradient(left, #00b1f5 0%, #00c5f7 50%, #00b1f5 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00b1f5), color-stop(50%,#00c5f7), color-stop(100%,#00b1f5)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left, #00b1f5 0%,#00c5f7 50%,#00b1f5 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left, #00b1f5 0%,#00c5f7 50%,#00b1f5 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left, #00b1f5 0%,#00c5f7 50%,#00b1f5 100%); /* IE10+ */

background: linear-gradient(to right, #00b1f5 0%,#00c5f7 50%,#00b1f5 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b1f5', endColorstr='#00b1f5',GradientType=1 ); /* IE6-9 */padding: 8px 34px;

border-radius: 6px;



text-shadow: 1px 1px 2px #666; float:right;}

#AboutGetStarted a:hover{background: #00b1f5; /* Old browsers */

background: -moz-linear-gradient(left, #00b1f5 0%, #00b1f5 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00b1f5), color-stop(100%,#00b1f5)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left, #00b1f5 0%,#00b1f5 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left, #00b1f5 0%,#00b1f5 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left, #00b1f5 0%,#00b1f5 100%); /* IE10+ */

background: linear-gradient(to right, #00b1f5 0%,#00b1f5 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b1f5', endColorstr='#00b1f5',GradientType=1 ); /* IE6-9 */}

/*AboutUs_End*/

#CourseInformationContent{ width:100%; overflow:hidden; height:auto;}

#CourseInformationContent p{ font-size:14px; color:#2f2e2e; line-height:22px; font-weight:normal; margin:0;}

#CourseInformationContent font{ color:#169fe6; padding:10px 0px;font-size:14px;}

#CourseInformationContent h3{ font-size:30px; color:#169fe6; font-weight:normal;margin: 20px 0 0px 0px;}

#CourseInformationContent h3 span{ border-bottom:5px solid;}

#CourseInformationContent ul{padding: 0px 0px 0px 28px;}

#CourseInformationContent ul li{ font-size:14px; color:#2f2e2e; font-weight:normal;}

/*Course Information End*/





.ClickMenu{display:none}




.img{width:70%; height:auto; overflow:hidden}
.img img{width:100%; height:auto}

.add_details{width:40%; height:auto; overflow:hidden; float:left}

.contct_frm{width:50%; height:auto; overflow:hidden; float:right}


.contct_frm h3{padding: 0;
margin: 0;
font-size: 16px !important;
padding-bottom: 5px;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;}
.add_details h3{padding: 0;
margin: 0;
font-size: 16px !important;
padding-bottom: 5px;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;}

.contct_frm label{width:100%; height:auto; overflow:hidden; display:block}
.contct_frm input[type="text"]{width: 50%;
height: 27px;
border: 1px solid #ccc;
border-radius: 5px;
display: block;
padding-left: 5px;}



.contct_frm textarea{width: 50%;
height: 67px;
border: 1px solid #ccc;
border-radius: 5px;
display: block;
padding-left: 5px; padding-top:5px; resize:none}


.contct_frm input[type="submit"]{width: auto;
height: auto;
overflow: hidden;
padding: 8px 15px;
background-color: #169fe6;
border: 0;
color: #fff;
font-size: 14px;
text-transform: uppercase;}


.contct_frm input[type="submit"]:hover{cursor:pointer; background-color:#253966}





#hoverEffect{ width: 100%;
height: 100%;
position: absolute;
top: 0;
transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);
transform-origin: top right;-moz-transform-origin: top right;-ms-transform-origin: top right;-o-transform-origin: top right;-webkit-transform-origin: top right; background-color:rgba(255,255,255,0.6); transition:0.2s;}
.portfolio_image:hover #hoverEffect{ transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform-origin: top right;-moz-transform-origin: top right;-ms-transform-origin: top right;-o-transform-origin: top right;-webkit-transform-origin: top right; transition:0.2s;-moz-transition:0.2s;-ms-transition:0.2s;-o-transition:0.2s;-webkit-transition:0.2s;}
#hoverEffect img{width: auto !important;
margin: 50px 84px !important; opacity:0.6;}
#hoverEffect img:hover{ opacity:1;}






@media only screen and (min-width: 701px) and (max-width: 999px)

{

	#TopNav,

	#HeaderHolder,

	#Navigation,

	#GetStarted,

	#Wrapper,

	#TallenOverview,

	#IndexAboutusHolder,

	#Footer{ width:96%; padding:0 2%}

	

	#ContactPH p{font-size:12px}

	#Menu ul li a{padding:10px 8px; font-size:12px}

	#TopNavLeft p {

    font-size: 12px;}

	#TopNavLeft{width:auto}

	#TopNavRight{width:auto}

	#logo img {width:100%}

	#logo{margin-top:9px}

	#Search{width:30%}

	#GetStarted p {font-size:18px;}

#GetStartedLeft p{width: auto;

float: left;

padding-top: 14px;}

	#GetStartedRight{width:auto}

	#FooterBox {

    width: 27%;}

	#FooterBox h4{font-size:16px}

	

}





@media only screen and (min-width: 490px) and (max-width: 700px)

{

	#TopNav,

	#HeaderHolder,

	#Navigation,

	#GetStarted,

	#Wrapper,

	#TallenOverview,

	#IndexAboutusHolder,

	#Footer{ width:96%; padding: 10px 2%;}

	

	#ContactPH p{font-size:12px}

	#Menu ul li a{padding:10px 11px; font-size:12px}

	#TopNavLeft p {

    font-size: 12px;}

	#TopNavLeft{width:auto}

	#TopNavRight{width:auto}

	#logo img {width:100%}

	#logo{margin-top:9px}

	#Search{width:30%}

	#GetStarted p {font-size:14px;}

#GetStartedLeft p{width: auto;

float: left;

padding-top: 14px;}

	#GetStartedRight{width:auto}

	#FooterBox {

    width: 26%;}

	#FooterBox h4{font-size:14px}

	#Search input[type="text"]{ width:80%; height:20px;}

	#GetStartedLeft img{ width:7%;}

	.GetStrBtn { font-size:16px;}

	.GetStrBtn img {margin-right: 8px;

width: auto;}

#GetStarted a {width: 100%;

padding: 8px 20px;}

#GetStartedRight {

    width: 32%;

}

#GetStartedHolder {padding-bottom: 10px;}

#ContactPH{margin: 0px auto;

text-align: center;

float: none;}

#Menu { margin-bottom:12px; width:100%; float:none}
#Menu ul li {border:none}

#BannerContent p{ font-size:20px;}

#OnlineDistance h2{font-size:22px;}

#VideoHolderLeft img{ width:100%;}

#VideoHolderLeft{width:34%;}

#VideoHolderRight {width:60%;}

#VideoHolderRight h3{ font-size:20px;}

#VideoHolderRight li {margin-bottom: 6px;}

#TallenOverview h3 { font-size:24px;}

#IndexAboutUsLeft{ margin-left:0;}

#IndexAboutUsLeft img{width: 100%;}

#IndexAboutUsRight{width: 54%%;}

#IndexAboutUsRight p{ line-height:24px;}

}



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

{

#TopNav,

	#HeaderHolder,

	#Navigation,

	#GetStarted,

	#Wrapper,

	#TallenOverview,

	#IndexAboutusHolder,

	#Footer{ width:96%; padding: 10px 2%;}

	

	#ContactPH p{font-size:12px}

	#Menu ul li a{padding:10px 2px; font-size:14px; color:#253966}

	#TopNavLeft p {

    font-size: 12px;}

	

	#TopNavRight{width:auto}

	#logo img {width:75%}

	#logo{width: auto;

text-align: center;

display: block;

float: none;

margin-top: 9px;}

	#Search{width:100%}

	#GetStarted p {font-size:12px;}

#GetStartedLeft p{width: auto;
float: left;
padding-top: 7px;}

	#GetStartedRight{width:auto}

	#FooterBox {

    width: 100%;}

	#FooterBox:last-child { float:left; width:100%;}

	#FooterBox h4{font-size:14px}

	#Search input[type="text"]{ width: 83%;

height: 38px;}

	#GetStartedLeft img{ width:7%;}

	.GetStrBtn { font-size:16px;}

	.GetStrBtn img {width: auto;}

#GetStarted a {width: 100%;

padding: 8px 20px;}

#GetStartedRight {

    width: 32%;

}

#GetStartedHolder {padding-bottom: 0px; padding-right:5px}

#ContactPH{margin: 0px auto;

text-align: center;

float: none;}

#Menu { margin-bottom:12px; width:100%}

#BannerContent p{ font-size:16px;}

#OnlineDistance h2{font-size:18px;}

#VideoHolderLeft img{ width:100%;}

#VideoHolderLeft{width: 90%;

text-align: center;}

#VideoHolderRight {width: 90%;

float: left;}

#VideoHolderRight h3{ font-size:20px;}

#VideoHolderRight li {margin-bottom: 6px;}

#TallenOverview h3 { font-size:24px;}

#IndexAboutUsLeft{width: 85%; margin-left:0;}

#IndexAboutUsLeft img{width: 100%;}

#IndexAboutUsRight{width: 86%;

float: left;}

#IndexAboutUsRight p{ line-height:24px;}

#Search input[type="image"]{ height:42px; float:right;}

#GetStartedLeft { width:100%;}

#GetStartedRight{width:100%;text-align: center;}

#VideoHolder { padding-top:0;}

#OverViewGetStartedAnchor {margin: 0px auto;

text-align: center;

float: none;}

#OverViewWatchVideoAnchor {margin: 0px;

text-align: center;

float: none;}


#AboutUsContentLeft{width:100%; float:none; margin-bottom:10px}
#AboutUsContentRight{width:100%; float:none;}
#FormContentMain textarea{width:94%}
#FormContentMain:first-child input[type="text"]{width:87%}
#FormContentMain input[type="text"]{width:87%}
#FormContentMain input[type="submit"]{margin:0}
#FooterBox input[type="text"]{width:84.3% !important}
#TopNavLeft{width:100%}
.ClickMenu{width:97%; height:auto; overflow:hidden;padding:10px 0; background-image:url(navico.png); background-repeat:no-repeat; background-position:96% center; background-color:#253966; color:#fff; text-transform:capitalize; font-size:16px; padding-left:10px; display:block}
.menu{display:none}


#Menu ul li {width:100%; float:none; padding-left:10px; font-size:14px; background-color:#fff}
#Menu ul li a:hover{background:none; color:#169fe6}
.current a{background:none; color:#169fe6 !important}


#AboutUsContent .leftvideo{width:96%;  float:none; padding:0 2%}
#AboutUsContent .rightvideo{width:96%;  float:none; padding:0 2%}

#camera_wrap_89{height:auto !important}
#BannerHolder img {    width: 100% !important;
    height: auto !important;
    height: auto !important;
    margin: 0;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.camera_fakehover{height:108px !important}
.cameraSlide{width:100% !important}








.img{width:100%; height:auto; overflow:hidden}
.img img{width:100%; height:auto}

.add_details{width:96%; padding:0 2%; float:none}

.contct_frm{width:96%; padding:0 2%; float:none}





.contct_frm input[type="text"]{width: 98%;
}



.contct_frm textarea{width: 98%;
}












}

.search-results .indiviudal_result{margin-bottom: 5%;background: rgba(22, 159, 230, 0.14);padding: 20px; border: solid 1px rgba(22, 159, 230, 0.46);}
.search-results dd{color: #302F2F; font-size: 14px; line-height: 24px;}
.search-results dt a{color:#000}
.search-results dt a:hover{color:#f00}
.search-results dt{padding:5px 0; font-size:18px; color:#000; font-weight:bold;}
.search-result .result-category{padding:5px 0; font-size:12px; color:#000; font-weight:bold;}
.indiviudal_result .result-created{font-size:12px; color:#2D7EA7; font-weight:bold; float:right; line-height: 0px;}
.form-limit .chzn-container{ width:70px !important;}

#AboutUsContent .single_portfolio{background: none repeat scroll 0% 0% #EBEBEB;
overflow: hidden;
width: 22%;
float: left;
height: auto;
margin-right: 28px;
min-height: 265px;
margin-bottom: 20px;}
#AboutUsContent .single_portfolio img{width: 100%;}
#AboutUsContent .portfolio_image{float: left;
height: 132px;
overflow: hidden;
background-color: #FFF; position:relative}
#AboutUsContent .single_portfolio h3 {width: 100%; display: inline-block;font-size: 14px; color:#169fe6; text-align:center;margin:0px;padding: 15px 0px 0px;}
#AboutUsContent .single_portfolio h3 a{color:#169fe6; font-family:'Roboto'; font-size:15px;}
#AboutUsContent .single_portfolio h3 a:hover{ color:#19abf6;}
#AboutUsContent .single_portfolio p{ text-align:center; margin:10px 0px; font-family:'Roboto'; color:#333; font-size:12px;}