*{margin: 0;padding: 0;}
::selection {color: white;background-color: #ca2e3a; -webkit-text-stroke: 1px rgba(0,0,0,0);}
::-moz-selection{color: white;background-color: #ca2e3a; -webkit-text-stroke: 1px rgba(0,0,0,0);}
body{//overflow: hidden;color: #fff;font-size: 24px;}
form{font-family:Arial, sans-serif; color:#000}

label{font-size:12px;}
img{width:100%; height:auto}
.logo{width:auto; height:auto; margin:0; padding:0; float:left}
.logo img{width:auto; height:auto;}
#nav{width: 100%;line-height: 70px; min-height:70px; height:auto; background: #FFF;font-size: 14px;color: #fff;position: absolute;top:0;right: 0px;border:0;}
a{color: #000;text-decoration: none;}
a:hover{color: #000;text-decoration: none;}
ul{list-style: none;}
li {float: left;margin: 0px;}
/*
#nav ul{float:right}
#nav li{margin:0; padding:0; line-height:25px;}
#nav li a{margin:0; padding:5px;text-transform:uppercase; font-size:11px; font-family:Arial, sans-serif;}*/
.navbar-inverse .navbar-toggle{border-color: #ca2e3a;}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #ca2e3a;}
.navbar-header{height:75px;}

.navbar-nav{float:right}
.navbar{border-radius:0;}
.nav>li>a{padding:10px;}
.navbar-nav>li>a{line-height:50px; text-transform:uppercase; font-size:12px; font-family:Arial, sans-serif}
.navbar-inverse .navbar-nav>li>a {color: #000;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {color:#000;/* #d30710;*/}
.navbar-brand{padding:8px;}
.navbar-toggle{margin-top: 18px;}
.navbar-inverse .navbar-nav>.active>a{color:#fff; background:#000;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{color:#fff; background:#000;}


.navbar-inverse .navbar-nav>.active>a.about{color:#fff; background:#21272d;}
.navbar-inverse .navbar-nav>.active>a.about, .navbar-inverse .navbar-nav>.active>a:hover.about, .navbar-inverse .navbar-nav>.active>a:focus.about{color:#fff;background:#21272d;}
.navbar-inverse .navbar-nav>.active>a.feature{color:#fff; background:#d03841;}
.navbar-inverse .navbar-nav>.active>a.feature, .navbar-inverse .navbar-nav>.active>a:hover.feature, .navbar-inverse .navbar-nav>.active>a:focus.feature{color:#fff;background:#d03841;}
.navbar-inverse .navbar-nav>.active>a.sys-req{color:#383838; background:#d6d6d6;}
.navbar-inverse .navbar-nav>.active>a.sys-req, .navbar-inverse .navbar-nav>.active>a:hover.sys-req, .navbar-inverse .navbar-nav>.active>a:focus.sys-req{color:#383838;background:#d6d6d6;}
.navbar-inverse .navbar-nav>.active>a.add-req{color:#fff; background:#aeaeae;}
.navbar-inverse .navbar-nav>.active>a.add-req, .navbar-inverse .navbar-nav>.active>a:hover.add-req, .navbar-inverse .navbar-nav>.active>a:focus.add-req{color:#fff;background:#aeaeae;}


#home {line-height: 600px;background:url(../images/home_bg.jpg) no-repeat fixed!important; background-size:cover; width: 100%;float: left;overflow: auto;height:410px;z-index: -1;
position: relative;}
#home h1{font-family:'Calibri-Light'; font-size:20px; text-transform:uppercase; line-height:35px; text-shadow: 0px 0px 25px rgba(0, 0, 0, 1); margin-top: calc(25% - 50px);text-align: center;position: fixed;right: 0;left: 0;}
#home h1 span.logo-text{ text-transform:none;}
#home h1 span.light-red{color:#e64a45; font-size:25px;}
#home h1 span.light-yellow{color:#f9e559; font-size:25px;}
#home h1 span.light-sky{color:#6ccecb; font-size:25px;}
#home h1 span.light-green{color:#8edc9d;font-size:25px;}

.mouse {display: block;margin: 0 auto;width: 26px;height: 46px;border-radius: 13px;border: 2px solid #e8f380;position: absolute;bottom:30px;position: absolute;left: 54%;margin-left: -26px;}
.mouse span {display: block;margin: 6px auto;width: 2px;height: 2px;border-radius: 4px;background: #e8f380;border: 1px solid transparent;-webkit-animation-duration: 1s; animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; -webkit-animation-name: scroll;animation-name: scroll;}
 @-webkit-keyframes 
scroll {
 0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
 100% {opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);}
}
@keyframes 
scroll {
 0% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
 100% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
}


#about_idSTUDIOS {line-height: 600px;background:url(../images/about_bg.jpg) center center no-repeat; background-size:cover;width: 100%; float:left;overflow: auto;min-height:739px; 
height:auto; padding:90px 0 30px 0;}
#about_idSTUDIOS img{width:auto;}
#about_idSTUDIOS h1{font-family:'DejaVuSans-ExtraLight'; font-size:45px; margin-bottom:30px;}
#about_idSTUDIOS p{line-height:30px; font-size:20px;font-family:'Calibri-Light'; margin-bottom:30px; text-align:justify}


#professional_features{line-height: 600px;background:url(../images/feature_bg.jpg) center center no-repeat; background-size:cover;width: 100%;float: left;overflow: auto;min-height:739px; height:auto;padding:90px 0 30px 0;font-family:'DejaVuSans-ExtraLight'; }
#professional_features h1{font-size:45px; color:#fff; border-bottom:#fff solid 1px; width:90%}
#professional_features ul{margin:0; padding:0;}
#professional_features li{margin:0; padding:0 0 0 30px; line-height:30px; float:none; font-size:17px; background:url(../images/white-card.png) no-repeat 0 3px}
#professional_features p{line-height:25px; font-size:18px;text-align:justify; margin-top:20px;}

#system_requirements {line-height: 265px;background: #d6d6d6;width: 100%;float: left;overflow: auto;min-height:739px; height:auto;font-family:'Calibri-Light'; color:#000; padding:90px 0 30px 0}
#system_requirements .content{float:none; position:inherit}
#system_requirements .image{float:left; position:inherit}
#system_requirements h1{font-size:35px; border-bottom:#ca2e3a solid 1px; width:90%;font-family:'DejaVuSans-ExtraLight'; padding:0 0 10px 0}
#system_requirements ul{margin:0; padding:0;}
#system_requirements li{margin:0 0 27px 0; padding:0 0 0 30px; line-height:25px; float:none; font-size:20px; background:url(../images/black-card.png) no-repeat}
#system_requirements p{line-height:35px; font-size:25px;text-align:justify; margin-top:20px; margin-bottom:20px;}



#additional_requirement {line-height:365px;background:url(../images/requirement_bg.jpg) center center no-repeat; background-size:cover;width: 100%;float: left;overflow: auto;min-height:739px; height:auto; padding:70px 0 0px 0;color:#000;font-family:'Calibri-Light';  }

#additional_requirement .top-section{margin:0; padding:0;}
#additional_requirement .bottom-section{margin:-70px 0 0 0; padding:29px 0; background:#000; color:#fff;}
#additional_requirement .bottom-section h3{margin:0 0 26px 0; padding:0; color:#fff; line-height:20px; font-size:27px}
#additional_requirement .bottom-section h4{margin:0 0 12px 0; padding:0; color:#fff; line-height:20px; font-size:21px}
#additional_requirement .bottom-section p{font-size:16px; line-height:20px; margin:0 0 20px 0; text-align:inherit}

/*#additional_requirement .bottom-section ul{margin:0 0 20px 0; padding:0;}
#additional_requirement .bottom-section li{margin:0 0 5px 0; padding:0; list-style:none; line-height:20px; font-size:16px;}*/
#additional_requirement .content{position:inherit}
#additional_requirement .image{margin-top: 200px;position:inherit}
#additional_requirement h1{font-size:35px; border-bottom:#ca2e3a solid 1px; width:90%;font-family:'DejaVuSans-ExtraLight'; padding:0 0 10px 0; margin-bottom:30px;}
#additional_requirement ul{margin:0; padding:0;}
#additional_requirement li{margin:0 0 27px 0; padding:0 0 0 30px; line-height:25px; float:none; font-size:23px; background:url(../images/black-card.png) no-repeat}
#additional_requirement li a{color:#fff; text-decoration:none}
#additional_requirement li a:hover{color:#ca2e3a; text-decoration:none}
#additional_requirement p{line-height:35px; font-size:25px;text-align:justify; margin-top:20px; margin-bottom:20px;}

#contact{background:#000; background-size:cover;width: 100%;float: left;overflow: auto;min-height:739px; height:auto; padding:90px 0 0px 0;color:#fff;font-family:'Calibri-Light'; }
#contact h1{font-size:35px; border-bottom:#ca2e3a solid 1px; width:90%;font-family:'DejaVuSans-ExtraLight'; padding:0 0 10px 0}
#contact h3{margin:0 0 26px 0; padding:0; color:#fff; line-height:20px; font-size:27px}
#contact h4{margin:0 0 12px 0; padding:0; color:#fff; line-height:20px; font-size:21px}
#contact p{font-size:16px; line-height:20px; margin:0 0 20px 0; text-align:inherit}
#contact ul{margin:0 0 20px 0; padding:0;}
#contact li{margin:0 0 5px 0; padding:0; list-style:none; line-height:20px; font-size:16px; float:none}
#contact li a{color:#fff; text-decoration:none}
#contact li a:hover{color:#ca2e3a; text-decoration:none}
.fancy-iframe{width: 100%;height: 500px;margin-top: 10px;}

.slide-out-div{padding:10px 20px; width: 250px;z-index:6!important;top:140px!important; /*position:absolute!important;*/
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 22%, rgba(230,230,230,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(22%, rgba(230,230,230,1)), color-stop(100%, rgba(230,230,230,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 22%, rgba(230,230,230,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 22%, rgba(230,230,230,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 22%, rgba(230,230,230,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 22%, rgba(230,230,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 );}      
.slide-out-div h1,.slide-out-div2 h1{margin:0 0 10px 0;  font-size:25px; padding:0; color:#000;} 

.slide-out-div2 {padding:10px 20px; width:100%;z-index:6!important;top:80px!important; /*position:absolute!important;*/
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 22%, rgba(230,230,230,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(22%, rgba(230,230,230,1)), color-stop(100%, rgba(230,230,230,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 22%, rgba(230,230,230,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 22%, rgba(230,230,230,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 22%, rgba(230,230,230,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 22%, rgba(230,230,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 );}  
.handle {width: 52px!important;left: -52px!important; height: 47px!important;}
.handle2 {width: 52px!important;left: -52px!important; height: 47px!important;}
.slide-out-div2 img{width:auto;}
.mar-lft{margin-left:20px;}
.fl{float:left;}
form label.mandat{color: #f00;}
#form label.mandat{color: #f00;}
#form input[type="text"], #form textarea{color:#232323; padding:10px; }
#form img{margin-bottom: 8px; width:auto;}
.error{border: 1px solid red;}
.cap_status{width:350px;padding: 10px;font: 14px arial;color: #fff;background-color: #10853f;display: none;}
.cap_status_error{background-color: #bd0808;}
.black-btn{background:#232323; color:#FFFFFF; margin:10px 0; padding:10px 25px; text-transform:uppercase; text-decoration:none; border:0; border-radius:5px; font-size:14px;}
.black-btn:hover{background:#232323;}
.scrollToTop{width:35px; height:35px;padding:10px; text-align:center; background: whiteSmoke;font-weight: bold;color: #444;text-decoration: none;position:fixed;bottom:43px;right:25px;	display:none;background: url(../images/arrow-to-top.png) no-repeat; z-index:800000;}
.ind-icon {position: absolute;margin:60px 0px 0px 50px;width: 30px;background: url(../images/india.png) no-repeat;width: 46px;height: 49px;}
/*.selected{color:#f00;}*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
#navbar{float: right; padding: 0; width: 80%;}
.navbar-header{float: left;width: 20%;}
.nav > li > a {padding:4px; font-size:9px;}
#nav{width: 100%;line-height: 70px; height:70px;/* height:auto;*/ background: #FFF;font-size: 14px;color: #fff;position: absolute;top: 550px;right: 0px;border:0;}
#home {line-height: 600px;background:url(../images/home_bg.jpg); background-size:cover; width: 100%;float: left;overflow: auto; min-height:960px;}
#home h1{font-family:'Calibri-Light'; font-size:30px; text-transform:uppercase; line-height:45px; text-shadow: 0px 0px 25px rgba(0, 0, 0, 1); margin-top: calc(80% - 50px);text-align: center;}
#home h1 span.logo-text{ text-transform:none;}
#home h1 span.light-red{color:#e64a45; font-size:35px;}
#home h1 span.light-yellow{color:#f9e559; font-size:35px;}
#home h1 span.light-sky{color:#6ccecb; font-size:35px;}
#home h1 span.light-green{color:#8edc9d;font-size:35px;}
.mouse {display:none;}

#additional_requirement {padding:30px 0 0px 0; min-height:960px;line-height:600px}
#additional_requirement h1{font-size:45px;}
#additional_requirement .bottom-section ul{margin:0;}
#additional_requirement .bottom-section p{margin:0;}
#additional_requirement li{font-size: 21px;line-height: 20px;margin: 0 0 27px;}

#contact h1{font-size:45px;}
#contact p{margin:0; font-size:16px; line-height:20px;}
#contact li{font-size:16px;line-height:25px;margin:0;}


#professional_features{min-height:960px;}
#professional_features h1{font-size:35px; width:44%}
#system_requirements{ min-height:960px;line-height:600px}
#system_requirements h1{font-size:45px; border-bottom:#ca2e3a solid 1px; width:82%;font-family:'DejaVuSans-ExtraLight'; padding:0 0 10px 0}
#system_requirements .content{float:right; position:inherit}
.slide-out-div2 {width:60%;}
 }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.navbar-nav{width:auto}
.nav > li > a {padding:10px;font-size:11px;}
#home {line-height: 600px;background:url(../images/home_bg.jpg); background-size:cover; width: 100%;float: left;overflow: auto; min-height:739px;}	
#home h1{font-family:'Calibri-Light'; font-size:30px; text-transform:uppercase; line-height:45px; text-shadow: 0px 0px 25px rgba(0, 0, 0, 1); margin-top: calc(35% - 50px);text-align: center;}
#about_idSTUDIOS p{font-size: 18px;line-height: 30px;margin-bottom: 20px;}
#professional_features {min-height: 768px;}
#system_requirements {min-height: 768px;}
#system_requirements li{margin: 0 0 20px;}
#additional_requirement {min-height:800px;padding:80px 0 0;line-height:521px;}
#additional_requirement h1{font-size:35px;}
.slide-out-div2 {width:50%;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.nav > li > a {padding:10px;font-size:12px;}
#about_idSTUDIOS p {font-size:20px;line-height: 30px;margin-bottom:30px;}	
#system_requirements li {margin: 0 0 27px;}
#additional_requirement{line-height: 538px;}
#additional_requirement .image {margin-top: 180px;}
#professional_features h1,#additional_requirement h1,#system_requirements h1 {font-size: 45px;}
.slide-out-div2 {width:40%;}
}
@media (min-width: 1600px) {
#additional_requirement{line-height:600px;}
@-moz-document url-prefix() {#additional_requirement{line-height: 555px;}}
.slide-out-div2 {width:30%;}
}
@media (min-width: 1900px) {
#home {line-height: 600px;background:url(../images/home_bg_big.jpg) center fixed!important; background-size:cover; min-height:978px}
#about_idSTUDIOS,#professional_features,#system_requirements{min-height: 1080px;}
#about_idSTUDIOS p {font-size: 25px;line-height:40px;}
#professional_features li { line-height: 38px;}
#system_requirements li {margin: 0 0 45px;}
#additional_requirement{line-height:600px;min-height: 600px;}	
#contact{min-height:990px; height:auto}
.fancy-iframe{width: 100%;height: 500px;margin-top: 10px;}
@-moz-document url-prefix() {#contact{padding:70px 0 0 0;}}
}