@charset "utf-8";
/* CSS Document */
article, .title, h1, h2, h3, .headphone, .slider, a, header, .logo-width, .learn-language div, li,.orange-col1,.cols-wrap,.orange-col2,.orange-col3,.orange-col4, .menu-trigger, .nav, .effect, .effect2{
	-ms-transition:all ease-in-out .3s;
	-webkit-transition:all ease-in-out .3s;
	-moz-transition:all ease-in-out .3s;
	-o-transition:all ease-in-out .3s;
	-webkit-transition: all 700ms cubic-bezier(0.100, 0.795, 0.070, 0.950); 
   -moz-transition: all 700ms cubic-bezier(0.100, 0.795, 0.070, 0.950); 
     -o-transition: all 700ms cubic-bezier(0.100, 0.795, 0.070, 0.950); 
        transition: all 700ms cubic-bezier(0.100, 0.795, 0.070, 0.950); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.100, 0.795, 0.070, 0.950); 
   -moz-transition-timing-function: cubic-bezier(0.100, 0.795, 0.070, 0.950); 
     -o-transition-timing-function: cubic-bezier(0.100, 0.795, 0.070, 0.950); 
        transition-timing-function: cubic-bezier(0.100, 0.795, 0.070, 0.950); /* custom */
}
.bg{
	width: 100%;
	max-width:1500px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:-60px;
	padding-top:60px;
	z-index:0;
	background-image: url(../graphics/pattern.jpg);
	background-repeat: repeat;
	background-position: -200px top;
	background-attachment: fixed;
    animation: animate-bg 20s infinite linear;
  	-webkit-animation: animate-bg 20s infinite linear;
	-moz-animation: animate-bg 20s infinite linear;
}
	
@-moz-keyframes animate-bg {
    from {
        background-position: -200px 300px;
    }
    to {
        background-position: -200px 0px;
    }
}
@-webkit-keyframes animate-bg {
    from {
        background-position: -200px 300px;
    }
    to {
        background-position: -200px 0px;
    }
}
@keyframes animate-bg {
    from {
        background-position: -200px 300px;
    }
    to {
        background-position: -200px 0px;
    }
}	
.white-faded-bg{
	width:100%;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 52%, rgba(255,255,255,1) 94%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(52%,rgba(255,255,255,0)), color-stop(94%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 52%,rgba(255,255,255,1) 94%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 52%,rgba(255,255,255,1) 94%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 52%,rgba(255,255,255,1) 94%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 52%,rgba(255,255,255,1) 94%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}	
.justify, .left-col{
	text-align:justify;}

header{
	min-width: 240px;
	height: 42px;
	width: 100%;
	background-color: rgba(0,0,0,.74);
	position: relative;
	z-index:100;
}
header:before{
	background-image: url(../graphics/header-bg.png);
	background-repeat: no-repeat;
	background-position: center -1px;
	-webkit-animation: headerbg 5s infinite; /* Chrome, Safari, Opera */
	animation: headerbg 5s infinite;
	background-size: auto 100% !important;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	right: 0px;
	z-index:10;
}	


/* Chrome, Safari, Opera */
@-webkit-keyframes headerbg
{
0% 100%{-webkit-filter: hue-rotate(0deg);}
50% {-webkit-filter: hue-rotate(130deg);}
}

/* Standard syntax */
@keyframes headerbg
{
0% 100%{filter: hue-rotate(0deg);}
50% {filter: hue-rotate(130deg);}
}

article{
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 29%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(29%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 29%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 29%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 29%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 29%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	padding-bottom: 20px;
}
.left-col{
	margin-top:210px;
	width:58.33333333333333%;
	float:left;
}
.right-col{
	width:36.66666666666667%;
	float:left;
	margin-top:5%;
	margin-right:0%;
}	
		
.title{
	color: #FFFFFF;
	background-image: url(../graphics/title-bg.png);
	background-repeat: no-repeat;
	white-space: nowrap;
	background-size: 100%;
	float: left;
	margin: 0;
	background-position: center center;
	width:100%;
	padding-bottom:5px;
	max-width:427px;
	text-shadow:-1px -1px 0px rgba(0,0,0,.2);
}
.title .left{
	width:40%;
	padding-right:2%;
	padding-left:8%;
	float:left;
}	
.title .right{
	width:40%;
	padding-right:5%;
	padding-left:2%;
	float:right;
}	

.heading{
	text-align:center;
	clear:both;
	padding-top:30px;
}				
.slider{
	width: 100%;
	min-width:240px;
	margin-top: -10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear:both;
}	
.slider p{
	color: #333333;
	text-shadow: 1px 1px 1px #FFF;
}	
.slider-bottom-text{
	width: 498px;
	height: 167px;
	background-image: url(../graphics/slide-bg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	z-index: 500;
	margin-top: -83px;
	position: relative;
	text-align: center;
}
.slider-bottom-text p{
	position:absolute;
	top:100px;
	left:5%;
	right:5%;
	text-align:center;
}	
.slider-top-text{
	width: 498px;
	height: 167px;
	margin-bottom:-83px;
	background-image: url(../graphics/slide-bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	-moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
	z-index:500;
	position:relative;
}
.slider-top-text p{
	-moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
	position:absolute;
	bottom:0px;
	left:5%;
	right:5%;
	text-align:center;
}	
.slider-img-top{
	width: 498px;
	z-index:200;
	position:relative;
}
.slider-wheel-wrap, .slider-wheel-wrap2{
	max-width:960px;
	margin:0 auto;
	z-index:1000;
	position:relative;
}
.slider-wheel-wrap2{
	-moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
	margin-top:-15px;
}		
	
.flip-x{
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
	position:absolute;
	right:5px;
}	
.slider-wheel{
	z-index:1500;
	top:-45px;
	left:1.5%;
	position:absolute;
}
.slider-wheel2{
	z-index:1500;
	top:-45px;
	position:absolute;
	right:1.5%;
}
.wheel-holder{
	width:27px;
	position:relative;
	z-index:1400;
	margin-bottom:-34px;
	margin-left:12px;
	height:53px;
	background-image: url(../graphics/spin-holder.png);
	background-repeat: no-repeat;
	background-position: center center;	
}		
.slider-wheel img, .slider-wheel2 img, .slider-wheel:hover img{
	animation:spin-constant 1200ms;
    -webkit-animation-name: spin-constant;
    -webkit-animation-duration: 1200ms;
    -webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function:linear;
    -moz-animation-name: spin-constant;
    -moz-animation-duration: 1200ms;
    -moz-animation-iteration-count: infinite;
	-moz-animation-timing-function:linear;
    animation-name: spin-constant;
    animation-duration: 1200ms;
    animation-iteration-count: infinite;
	animation-timing-function:linear;
}
@-moz-keyframes spin-constant {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin-constant {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin-constant {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.slider:hover .slider-wheel img, .slider:hover .slider-wheel2 img{
	-webkit-animation-name: spin-pause;
	-moz-animation-name: spin-pause;
	animation-name: spin-pause;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: 1300ms;
	-moz-animation-iteration-count: 1;
	-moz-timing-function: ease-out;
	-moz-animation-duration: 1300ms;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-duration: 1300ms;
	}	
@-webkit-keyframes spin-pause {
    from {
        -webkit-transform: rotate(180deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}				
@-moz-keyframes spin-pause {
    from {
        -moz-transform: rotate(180deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@keyframes spin-pause {
    from {
        transform: rotate(180deg);
    }
    to {
        transform: rotate(360deg);
    }
}
	
.cols-wrap{
	position:relative;
}
.orange-col1,.orange-col4{
	width: 100%;
	min-width:160px;
	position: relative;
}
.orange-col2, .orange-col3{
	width: 100%;
	min-width:160px;
	position:relative;
}
.orange-col3, .orange-col4{
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}	
.orange-col1 h2, .orange-col2 h2, .orange-col3 h2, .orange-col4 h2{
	background-position:left;
	background-repeat: no-repeat;
	background-position: top;
	margin:0;
	padding-top:22%;
	padding-bottom:8px;
	width:100%;
}
.orange-col1 h2, .orange-col4 h2{
	background-size: 100%;
	background-image: url(../graphics/3d-shape-1.png);
}
.orange-col2 h2, .orange-col3 h2{
	background-size: 97%;
	background-image: url(../graphics/3d-shape-2.png);
}		
.orange-col1 .text, .orange-col2 .text, .orange-col3 .text, .orange-col4 .text{
	background-position:left;
	background-repeat: repeat-y;
	margin-top:-.4%;
	padding-bottom:10%;
	margin-bottom:-.4%;
}
.orange-col1 .text, .orange-col4 .text{
	background-size: 99.99%;
	background-image: url(../graphics/3d-shape-1midBg.png);
}
.orange-col2 .text, .orange-col3 .text{
	background-size: 96.99%;
	background-image: url(../graphics/3d-shape-2midBg.png);
	background-position: center top;
}
.orange-col1 .bottom, .orange-col2 .bottom, .orange-col3 .bottom, .orange-col4 .bottom{
	background-position:left;
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top:16%;
	padding-bottom:30%;
}
.orange-col1 .bottom, .orange-col4 .bottom{
	background-size: 100%;
	background-image: url(../graphics/3d-shape-1.png);
}
.orange-col2 .bottom, .orange-col3 .bottom{
	padding-top:13%;
	background-size: 97%;
	background-image: url(../graphics/3d-shape-2.png);
}						
.orange-col1{
	margin-right:0px;
}
.orange-col2{
	margin-left:-2%;
}
.orange-col3{
	margin-left:2%;
}			
.orange-col4{
	margin-left:0px;
}
.orange-col1 p{
	padding-left:7%;
	padding-right:23%;
}
.orange-col2 p{
	padding-left:9%;
	padding-right:13%;
}
.orange-col3 p{
	padding-left:13%;
	padding-right:9%;
}			
.orange-col4 p{
	padding-left:23%;
	padding-right:7%;
}
.cols-wrap img{
	width:100%;
	max-width:230px;
	clear:both;
	margin-bottom:-10%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	z-index:200;
}
.cols-wrap p{
	text-align:left;
	margin-top:0;
	margin-bottom:0;
	color: #FFF;
}
.cols-wrap h1{
	font-size:36px;
	clear:both;
	margin-bottom:10px;
	text-align:center;
}	
.cols-wrap h2{
	text-align:center;
	color:#FFF;
	font-weight:100;
	position:relative;
}
.readmore a{
	float: right;
	padding: 5px;
	color:#fc3702;
	clear: both;
	margin-right: 4%;
}
.orange-col1 .readmore a{
	margin-right:20%;
}
.orange-col2 .readmore a{
	margin-right:9%;
}
.orange-col3 .readmore a{
	margin-right:6%;
}				
.readmore a:hover{
	color: #F7F7F7;
}	
.stop-flip{
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.logo-width{
	position:absolute;
	float:left;
	width:540px;
	z-index:300;
}	
.headphone{
	display: table;
	text-align: center;
	background-image: url(../graphics/head-phone.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:100%;
	float:right;
	margin-right:30px;
	margin-bottom:-100px;
	border-radius:20px;
	overflow:hidden;
}
.headphone:hover{
	-webkit-filter: brightness(1.1);
}
.learn-french, .learn-eng, .learn-german, .learn-hindi, .learn-sanskrit{
	float: left;
	color: #FFF;
	font-size: 16px;
	width: 20%;
	position: relative;
	text-align: center;
	background-image: url(../graphics/noise.png);
	background-repeat: repeat;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.learn-language{
	position:relative;
	clear:both;
	margin:0 auto;
	width:100%;
}
.learn-language h2{
	margin-top: 7px;
	margin-right: 20px;
	margin-bottom: 17px;
	margin-left: 20px;
}	
.learn-french{
	background-color:#0CC;
}
.learn-eng{
	background-color:#0C0;
}
.learn-german{
	background-color:#F60;
}
.learn-hindi{
	background-color:#09F;
}	
.learn-sanskrit{
	background-color:#906;
}				
.clear{
	clear:both;
}
.footer-wrap{
	width: 100%;
	box-shadow: inset 0px -74px 76px 1px rgba(0,0,0,.3);
	background-color: #363535;
	position: relative;
	background-image: url(../graphics/noise.png);
	background-repeat: repeat;
}
ul.sitemap{
	font-size: 14px;
	float: none;
	width: 100%;
	padding: 0;
	margin:0;
	max-width:960px;
	text-align: center;
	position: relative;
	background-image: url(../graphics/sitemap-bg.png);
	background-repeat: no-repeat;
	background-size:100%;
	background-position: center top;
	z-index:200;
}
.sitemap li{
	float:none;
	display:inline-block;
	padding: 2% 3.5%;
	margin:0;
	list-style-type:none;
	position:relative;
}
.sitemap li a {
	text-shadow: -1px -1px 0px #000;
	color: #B6B6B6;
	display:block;
	padding:1%;
	white-space:nowrap;
}
.sitemap li a:hover {
	color: #FFF;
	text-shadow: -1px -1px 0px #000,0px 0px 20px #F30 ;
}	
.separator1, .separator2, .separator3{
	display:none;
}	
.comp-point{
	font-size: 28px;
	clear: both;
	font-family: "Arial Black", Gadget, sans-serif;
	font-style: italic;
	font-weight: 800;
	text-align: center;
	text-shadow: 1px 1px 0px #464646;
	max-width: 626px;
	width: 100%;
	-webkit-animation: headerbg 5s infinite; /* Chrome, Safari, Opera */
	animation: headerbg 5s infinite;
	background-image: url(../graphics/footer-bg.png);
	background-repeat: no-repeat;
	background-position: center 34px;
	padding-top: 80px;
	padding-bottom: 80px;
	margin-top: -70px;
	margin-right: auto;
	margin-bottom: -38px;
	margin-left: auto;
}	
.copyrights{
	background: rgb(252,55,2);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZjMzcwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjMTgxNzE3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE4MTcxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(252,55,2,.5) 1%, rgba(24,23,23,1) 2%, rgba(24,23,23,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(252,55,2,.5)), color-stop(2%,rgba(24,23,23,1)), color-stop(100%,rgba(24,23,23,1)));
background: -webkit-linear-gradient(top,  rgba(252,55,2,.5) 1%,rgba(24,23,23,1) 2%,rgba(24,23,23,1) 100%);
background: -o-linear-gradient(top,  rgba(252,55,2,1) 1%,rgba(24,23,23,1) 2%,rgba(24,23,23,1) 100%);
background: -ms-linear-gradient(top,  rgba(252,55,2,1) 1%,rgba(24,23,23,1) 2%,rgba(24,23,23,1) 100%);
background: linear-gradient(to bottom,  rgba(252,55,2,1) 1%,rgba(24,23,23,1) 2%,rgba(24,23,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc3702', endColorstr='#181717',GradientType=0 );
	box-shadow:0px -1px 41px 0px #000;
	font-size: 12px;
	clear: both;
	padding: 10px;
	color: #626262;
}
.left{
	float:left;
}
.right{
	float:right;
}	
.max-width{
	max-width:960px;
	min-width:240px;
	margin:0 auto;
	clear:both;
}		
.ordered_list{
	margin-bottom: 10px;
	margin-left:20px;
	padding-left:20px;
	line-height: 20px;
	padding-right:20px;
}	
.ordered_list li{
	margin-bottom: 10px;
	margin-top: 0;
	font-family:"Metrophobic", Arial, FreeSans, sans-serif;
}