#trigger {
	background: #000000;
	background: -moz-linear-gradient(top, #161616 0%, #000000 100%);
	background: -webkit-linear-gradient(top, #161616 0%,#000000 100%);
	border-left:1px solid #111; border-top:1px solid #111; border-right:1px solid #333; border-bottom:1px solid #333; 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	text-decoration: none;
	display: none !important;
	text-transform: lowercase;
	text-align: center;
	color: #fff;
	padding: 10px;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	width: 140px;
	margin-top: -30px;
}
		
#trigger:hover {
	background: -moz-linear-gradient(top, #202020 0%, #161616 100%);
	background: -webkit-linear-gradient(top, #202020 0%, #161616 100%);
}

/* CONTAINER IMAGE */

.ID-Image {
	width:300px;
	height:300px;
	background:url(./images/logocenterblock.png) no-repeat;
	margin:150px auto 0;
}

/* LINE FOLLOW */

#follow { 
	    list-style: none;
    position: relative;
    top: 123px;
    left: 108px;
    z-index: -1;
}

.running .line1,.running .line2,.running .line3,.running .line4,.running .line5,.running .line6,.running .line7,.running .line8,.running .line9,.running .line10 {
	background:#2187e7; 
	width:0px;
	height:1px;
	-moz-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
}

.overlay1 {
    position: absolute;
    top: 53px;
    bottom: 0;
    left: 90%;
    right: 0;
    height: 50%;
    width: 10%;
    opacity: 1;
    transition: .5s ease;
    background-color: transparent;
}

.running .line1 { -moz-transform:rotate(21deg);  -webkit-transform:rotate(21deg);   -moz-animation:move  0.65s linear forwards; -webkit-animation:move  0.65s linear forwards;}
.running .line2 { -moz-transform:rotate(140deg); -webkit-transform:rotate(140deg);  -moz-animation:move1 0.75s linear forwards; -webkit-animation:move1  0.75s linear forwards;}
.running .line3 { -moz-transform:rotate(235deg); -webkit-transform:rotate(235deg);  -moz-animation:move2 0.9s linear forwards;  -webkit-animation:move2  0.9s linear forwards;}
.running .line4 { -moz-transform:rotate(333deg); -webkit-transform:rotate(333deg);  -moz-animation:move3 0.5s linear forwards;  -webkit-animation:move3  0.5s linear forwards;}
.running .line5 { -moz-transform:rotate(358deg); -webkit-transform:rotate(358deg);  -moz-animation:move3 0.5s linear forwards;  -webkit-animation:move5  0.9s linear forwards;}
.running .line6 { -moz-transform:rotate(178deg); -webkit-transform:rotate(178deg);  -moz-animation:move3 0.5s linear forwards;  -webkit-animation:move5  0.9s linear forwards;}
.running .line7 { -moz-transform:rotate(150deg); -webkit-transform:rotate(150deg);  -moz-animation:move3 0.5s linear forwards;  -webkit-animation:move5  0.9s linear forwards;}
.running .line8 { -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-animation:move3 0.5s linear forwards;  -webkit-animation:move8  0.9s linear forwards;}
.running .line9 { -moz-transform:rotate(206deg); -webkit-transform:rotate(206deg);  -moz-animation:move3 0.5s linear forwards;  -webkit-animation:move9  0.9s linear forwards;}
.running .line10 { -moz-transform:rotate(296deg); -webkit-transform:rotate(296deg);  -moz-animation:move3 0.5s linear forwards;  -webkit-animation:move10  0.9s linear forwards;}


/* POINTER */

.running .ball, .running .ball1, .running .ball2, .running .ball3,.running .ball5 ,.running .ball6,.running .ball7,.running .ball8,.running .ball9,.running .ball10 {
	background-color:#2187e7; 
	background-image: -moz-linear-gradient(90deg, #2187e7 25%, #a0eaff); 
	background-image: -webkit-linear-gradient(90deg, #2187e7 25%, #a0eaff); 

	width:7px;
	height:7px;
	border-radius:50px;
	
	position:absolute;
	z-index:99;
	
	-moz-transform:scale(0);
	-moz-animation:point 0.1s linear forwards;
	
	-webkit-transform:scale(0);
	-webkit-animation:point 0.1s linear forwards;
}

/* SPECIAL FX*/

.running .pulse, .running .pulse1, .running .pulse2, .running .pulse3,.running .pulse4,.running .pulse5,.running .pulse6,.running .pulse7,.running .pulse8,.running .pulse10 {
	width:12px;
	height:12px;
	border-radius:30px;
	border: 1px solid #00c6ff;
	box-shadow: 0 0 5px #00c6ff;
	position:absolute;
	
	-moz-transform:scale(0);
	-moz-animation:pulse 0.6s ease-out;
	
	-webkit-transform:scale(0);
	-webkit-animation:pulse 0.6s ease-out;
}


/* COORDINATE POINTS BALL + SPECIAL FX */

.animatewhatwelearn span    { position:absolute; text-indent:-9999px; }

.ball   { left:295px; top:-3px; }
.ball1  { left:255px; top:-3px; }
.ball2  { left:200px; top:-3px; }
.ball3  {     left: 306px;
    top: -3px;}
.ball5 {
    left: 266px;
    top: -4px;
}
.ball6 {
    left: 266px;
    top: -4px;
}
.ball7 {
    left: 266px;
    top: -4px;
}
.ball8 {

      left: 174px;
    top: -4px;
}

.ball9 {

       left: 297px;
    top: -3px;
}

.ball10 {

          left: 207px;
    top: -3px;
}
.pulse   { left:293px; top:-5px; }
.pulse1  { left:354px; top:-5px; }
.pulse2  { left:198px; top:-5px; }
.pulse3  { left:363px; top:-5px; }
.pulse5 {
     left: 266px;
    top: -4px;
}
.pulse6 {
     left: 266px;
    top: -4px;
}
.pulse7 {
     left: 266px;
    top: -4px;
}
.pulse8{
     left: 266px;
    top: -4px;
}
.pulse9{
     left: 266px;
    top: -4px;
}

.pulse10{
     left: 266px;
    top: -4px;
}
/* DELAY CONTROL LAYER */

#layerBall, #layerPulse     { -moz-animation-delay:0.6s; -webkit-animation-delay:0.6s; }
#layerBall1, #layerPulse1   { -moz-animation-delay:0.7s; -webkit-animation-delay:0.7s; }
#layerBall2, #layerPulse2   { -moz-animation-delay:0.8s; -webkit-animation-delay:0.8s; }
#layerBall3, #layerPulse3   { -moz-animation-delay:0.4s; -webkit-animation-delay:0.4s; }
#layerBall5, #layerPulse5   { -moz-animation-delay:0.4s; -webkit-animation-delay:0.4s; }
#layerBall6, #layerPulse6   { -moz-animation-delay:0.9s; -webkit-animation-delay:0.9s; }
#layerBall7, #layerPulse7   { -moz-animation-delay:0.9s; -webkit-animation-delay:0.9s; }
#layerBall8, #layerPulse8   { -moz-animation-delay:0.6s; -webkit-animation-delay:0.6s; }
#layerBall9, #layerPulse9   { -moz-animation-delay:0.6s; -webkit-animation-delay:0.6s; }
#layerBall10, #layerPulse10   { -moz-animation-delay:0.6s; -webkit-animation-delay:0.6s; }
/* FOLLOW ME LIST */

ul#social { list-style:none; }
ul#social li { position:relative;

	

	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	text-decoration: none;
	text-transform: uppercase;
	
	color: blue;
	padding: 5px;
	border-radius: 3px;
  width: auto;
	opacity:0; 
}

ul#social li:hover {

	cursor:pointer;
}

ul#social a:hover {
	color:#fff;
}

.running #layerSocialControl  { -moz-animation:tooltip 0.35s 0.55s linear forwards; -webkit-animation:tooltip 0.35s 0.55s linear forwards; }
.running #layerSocialControl1 { -moz-animation:tooltip 0.35s 0.65s linear forwards; -webkit-animation:tooltip 0.35s 0.65s linear forwards; }
.running #layerSocialControl2 { -moz-animation:tooltip 0.35s 0.8s linear forwards;  -webkit-animation:tooltip 0.35s 0.8s linear forwards; }
.running #layerSocialControl3 { -moz-animation:tooltip 0.35s 0.4s linear forwards;  -webkit-animation:tooltip 0.35s 0.4s linear forwards; }

.running #layerSocialControl5 { -moz-animation:tooltip 0.35s 0.4s linear forwards;  -webkit-animation:tooltip 0.35s 0.4s linear forwards; }

.running #layerSocialControl6 { -moz-animation:tooltip 0.35s 0.4s linear forwards;  -webkit-animation:tooltip 0.35s 0.4s linear forwards; }

.running #layerSocialControl7 { -moz-animation:tooltip 0.35s 0.4s linear forwards;  -webkit-animation:tooltip 0.35s 0.4s linear forwards; }

.running #layerSocialControl8 { -moz-animation:tooltip 0.35s 0.4s linear forwards;  -webkit-animation:tooltip 0.35s 0.4s linear forwards; }
.running #layerSocialControl9 { -moz-animation:tooltip 0.35s 0.4s linear forwards;  -webkit-animation:tooltip 0.35s 0.4s linear forwards; }

.running #layerSocialControl10 { -moz-animation:tooltip 0.35s 0.4s linear forwards;  -webkit-animation:tooltip 0.35s 0.4s linear forwards; }


#social .facebook {    

top: -85px;
    left: 302px;
 }
#social .twitter {
    top: -226px;
    left: -169px;
}
#social .linked {
       top: 16px;
    left: 309px;

}
#social .SEO {
    top: -202px;
    left: 302px;
}
#social .EmailMarketing {
    top: -266px;
    left: -343px;
}
	
	#social .CompetitorAnalysis  {
top: -207px;
    left: -303px;
}
	
#social .AnalyticsTracking {
    top: -210px;
    left: -27px;
}

#social .ContentOptimization {
       top: -673px;
    left: -338px;
}
#social .Crafting_Your_Website {
        top: -835px;
    left: 103px;
}

/* ANIMATION LINE */

@-moz-keyframes move {
	0%   { width:0px;}
	100% { width:300px; box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5); }
}

@-moz-keyframes move1 {
	0%   { width:0px;}
	100% { width:360px; box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5); }
}

@-moz-keyframes move2 {
	0%   { width:0px;}
	100% { width:205px; box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5); }
}

@-moz-keyframes move3 {
	0%   { width:0px;}
	100% { width:370px; box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5); }
}

@-webkit-keyframes move {
	0%   { width:0px;}
	100% { width:300px; box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5); }
}

@-webkit-keyframes move1 {
	0%   { width:0px;}
	100% { width:360px; box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5); }
}

@-webkit-keyframes move2 {
	0%   { width:0px;}
	100% { width:205px; box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5); }
}

@-webkit-keyframes move3 {
	0%   { width:0px;}
	100% { width:307px; box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5); }
}

@-webkit-keyframes move5 {
	0%   { width:0px;}
	100% { width:270px; box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5); }
}
@-webkit-keyframes move6 {
	0%   { width:0px;}
	100% { width:310px; box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5); }
}
@-webkit-keyframes move8 {
	0%   { width:0px;}
	100% { width:180px; box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5); }
}

@-webkit-keyframes move9 {
	0%   { width:0px;}
	100% { width:300px; box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5); }
}
@-webkit-keyframes move10 {
	0%   { width:0px;}
	100% { width:207px; box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5); }
}
/* ANIMATION BALL + SPECIAL FX */

@-moz-keyframes point {
	0%  {-moz-transform:scale(0,0);}
	100%{-moz-transform:scale(1,1);}	
}

@-moz-keyframes pulse {
	0%   {-moz-transform: scale(0);opacity: 0;}
    10%  {-moz-transform: scale(1);opacity: 0.5;}
	50%  {-moz-transform: scale(1.75);opacity: 0;}
    100% {-moz-transform: scale(0);opacity: 0;}  
} 

@-webkit-keyframes point {
	0%  {-webkit-transform:scale(0,0);}
	100%{-webkit-transform:scale(1,1);}	
}

@-webkit-keyframes pulse {
	0%   {-webkit-transform: scale(0);opacity: 0;}
    10%  {-webkit-transform: scale(1);opacity: 0.5;}
	50%  {-webkit-transform: scale(1.75);opacity: 0;}
    100% {-webkit-transform: scale(0);opacity: 0;}  
} 

/* ANIMATION LABEL */

@-moz-keyframes tooltip {
	0%  { -moz-transform:scale(0,0); opacity:0;}
	50% { -moz-transform:scale(1.2,1.2); opacity:0.3; }
	75% { -moz-transform:scale(0.9,0.9); opacity:0.7;}
	100%{ -moz-transform:scale(1,1); opacity:1;}
}

@-webkit-keyframes tooltip {
	0%  { -webkit-transform:scale(0,0); opacity:0;}
	50% { -webkit-transform:scale(1.2,1.2); opacity:0.3; }
	75% { -webkit-transform:scale(0.9,0.9); opacity:0.7;}
	100%{ -webkit-transform:scale(1,1); opacity:1;}
}

/*---------------REVERSE ANIMATION-------------------*/

/* REVERSE LINE PROPERTIES */


.reverse .line1,.reverse .line2,.reverse .line3,.reverse .line4 {
	background:#2187e7; 
	width:0px;
	height:1px;
	box-shadow:0px 0px 5px 1px rgba(0,198,255,0.5);
	-moz-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
}

.reverse .line1 { -moz-transform:rotate(17deg);  -webkit-transform:rotate(17deg);   -moz-animation:moveReverse  0.65s linear forwards; -webkit-animation:moveReverse  0.65s linear forwards;}
.reverse .line2 { -moz-transform:rotate(140deg); -webkit-transform:rotate(140deg);  -moz-animation:move1Reverse 0.75s linear forwards; -webkit-animation:move1Reverse  0.75s linear forwards;}
.reverse .line3 { -moz-transform:rotate(235deg); -webkit-transform:rotate(235deg);  -moz-animation:move2Reverse 0.9s linear forwards;  -webkit-animation:move2Reverse  0.9s linear forwards;}
.reverse .line4 { -moz-transform:rotate(315deg); -webkit-transform:rotate(315deg);  -moz-animation:move3Reverse 0.5s linear forwards;  -webkit-animation:move3Reverse  0.5s linear forwards;}

/* REVERSE POINT PROPERTIES */

.reverse .ball, .reverse .ball1, .reverse .ball2, .reverse .ball3 {
	background-color:#2187e7; 
	background-image: -moz-linear-gradient(90deg, #2187e7 25%, #a0eaff); 
	background-image: -webkit-linear-gradient(90deg, #2187e7 25%, #a0eaff); 

	width:7px;
	height:7px;
	border-radius:50px;
	
	position:absolute;
	z-index:99;
	
	-moz-transform:scale(1);
	-moz-animation:pointReverse 0.1s linear forwards;
	
	-webkit-transform:scale(1);
	-webkit-animation:pointReverse 0.1s linear forwards;
}

/* DELAY CONTROL REVERSE */

.reverse #layerBall, .reverse #layerBall1, .reverse #layerBall2, .reverse #layerBall3  { -moz-animation-delay:0s; -webkit-animation-delay:0s; }

/* REVERSE LABEL PROPERTIES */
.reverse ul#social li { position:relative; background: #000000;
	background: -moz-linear-gradient(top, #161616 0%, #000000 100%);
	background: -webkit-linear-gradient(top, #161616 0%,#000000 100%);
	border-left:1px solid #111; border-top:1px solid #111; border-right:1px solid #333; border-bottom:1px solid #333; 
	width:70px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	text-decoration: none;
	text-transform: uppercase;

	color: #fff;
	padding: 5px;
	border-radius: 3px;

	opacity:1; 
}



/* ANIMATION LINE REVERSE */

@-moz-keyframes moveReverse {
	0%   { width:300px;}
	100% { width:0px; box-shadow:none; }
}

@-moz-keyframes move1Reverse {
	0%   { width:360px;}
	100% { width:0px; box-shadow:none; }
}

@-moz-keyframes move2Reverse {
	0%   { width:205px;}
	100% { width:0px; box-shadow:none; }
}

@-moz-keyframes move3Reverse {
	0%   { width:370px;}
	100% { width:0px; box-shadow:none; }
}

@-webkit-keyframes moveReverse {
	0%   { width:300px;}
	100% { width:0px; box-shadow:none; }
}

@-webkit-keyframes move1Reverse {
	0%   { width:360px;}
	100% { width:0px; box-shadow:none; }
}

@-webkit-keyframes move2Reverse {
	0%   { width:205px;}
	100% { width:0px; box-shadow:none; }
}

@-webkit-keyframes move3Reverse {
	0%   { width:370px;}
	100% { width:0px; box-shadow:none; }
}

/* ANIMATION POINTS REVERSE */

@-moz-keyframes pointReverse {
	0%  {-moz-transform:scale(1,1);}
	100%{-moz-transform:scale(0,0);}	
}

@-webkit-keyframes pointReverse {
	0%  {-webkit-transform:scale(1,1);}
	100%{-webkit-transform:scale(0,0);}	
}

/* ANIMATION LABEL REVERSE */

@-moz-keyframes tooltipReverse {
	0%  { -moz-transform:scale(1,1); opacity:1;}
	50% { -moz-transform:scale(0.9,0.9); opacity:0.7; }
	75% { -moz-transform:scale(1.2,1.2); opacity:0.3;}
	100%{ -moz-transform:scale(0,0); opacity:0;}
}

@-webkit-keyframes tooltipReverse {
	0%  { -webkit-transform:scale(1,1); opacity:1;}
	50% { -webkit-transform:scale(0.9,0.9); opacity:0.7; }
	75% { -webkit-transform:scale(1.2,1.2); opacity:0.3;}
	100%{ -webkit-transform:scale(0,0); opacity:0;}
}

.bgbar {
    background: #f3f3f3;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 6;
   /*   border-left: solid 40px #262626; */
}
.bgbar .topbar {
    position: absolute;
    top: 250px;
    left: -40px;
    width: 40px;
	background-color:#002e4d;
}

.bgbar .bottombar {
    position: absolute;
    bottom: 20px;
    left: -40px;
    width: 40px;
	background-color:#002e4d;
}
.bgbar .topbar .call i {
     width: 26px;
    height: 25px;
    background: url(./images/telephone-call.png) no-repeat;
    display: block;
    position: absolute;
  top: 8px;
    left: 8px;
}

.bgbar .topbar .whatsapp i {
     width: 26px;
    height: 25px;
    background: url(./images/whatsapp.png) no-repeat;
    display: block;
    position: absolute;
  top: 97px;
    left: 8px;
}
.bgbar .bottombar .down i {
      width: 22px;
    height: 12px;
    background: url(./images/new_icon.png) no-repeat -212px 0;
    display: block;
    position: absolute;
    top: 13px;
    left: 9px;
}
.bgbar .topbar .location i {
     width: 26px;
    height: 25px;
    background: url(./images/location.png) no-repeat;
    display: block;
    position: absolute;
      top: 54px;
    left: 8px;
}

.bgbar .topbar .call {
    height: 40px;
    text-align: center;
}

.bgbar .topbar .whatsapp {
    height: 40px;
	margin-top: 5px;
    text-align: center;
}
.bgbar .bottombar .down {
    height: 40px;
    text-align: center;
}
.bgbar .topbar .location {
    height: 40px;
	margin-top: 5px;
    text-align: center;
}





.bgbar .topbar .call:hover .bartips {
    transition: all 0.2s ease-in-out 0s;
    padding: 0 12px;
    width: auto;
	  
}


.bgbar .bottombar .down:hover .bartips {
    transition: all 0.2s ease-in-out 0s;
    padding: 0 12px;
    width: auto;
	  
}

.bartips {
 white-space: nowrap;
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 40px;
    height: 40px;
    width: 0;
    overflow: hidden;
    line-height: 36px;
    background: #002e4d;
    color: #fff;
    transition: all 0.1s ease-in-out 0s;
}
.bgbar .topbar .call:hover {
    background: #002e4d;
	cursor:pointer;
}
.bgbar .topbar .whatsapp:hover {
    background: #002e4d;
	cursor:pointer;
}
.bgbar .topbar .location:hover {
    background: #002e4d;
		cursor:pointer;
}
.bgbar .bottombar .down:hover {
    background: #002e4d;
		cursor:pointer;
}
.right_shopCart_button_170412 {
	
	
}

#course-cir{
	
	color:#337ab7;
	font-size:18px;
	font-weight:500;
}

.course-dtas img{
	
	width:65%;
}

.course-dtas{
	

}

.columnss {
	
	height:190px;
}