@charset "utf-8";
/* CSS Document */

/* cyrillic */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v16/c28rH3kclCLEuIsGhOg7evY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v16/RdfS2KomDWXvet4_dZQehvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v16/9NqNYV_LP7zlAF8jHr7f1vY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v16/cycBf3mfbGkh66G5NhszPQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* cyrillic-ext */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v8/5hX15RUpPERmeybVlLQEWBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v8/fU0HAfLiPHGlZhZpY6M7dBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v8/CPRt--GVMETgA6YEaoGitxTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v8/I-OtoJZa3TeyH6D9oli3ifesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


::-moz-selection {color: #fff; background:#c83337;}
::selection {color: #fff; background:#c83337;}
body {font-family: 'Open Sans', sans-serif; background:#fafafa;}
:hover {-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
header{background:rgba(0, 0, 0, 0) linear-gradient(to left, #fe6c00 68%, #fff 50%) repeat scroll 0 0; width:100%; z-index:1; }
.search input[type="text"] {background-color: #fff;background-image: url("../images/search.png");background-position: right center;background-repeat: no-repeat;border: medium none;box-sizing: border-box;clear: both;display: block;height: 32px;line-height: 32px;padding: 3px 14px;width: 100%; margin:0;}
.social a {margin:10px 10px; display:inline-block;}
.logo{margin:14px 0; position:relative;}
.logo img{position:relative; z-index:1; }
.logo::after{background: #fff;
content: "";
height: 95px;
position: absolute;
right: -56px;
top: -37px;
transform: rotate(25deg);
width: 65px;}
.top-header{background:#f1f1f1; padding:5px 0; overflow:hidden;border-bottom: 3px solid #c0c0c0;}
.hotline{float:left; color:#666666; font-size:13px; text-transform:uppercase; margin:10px 0; position:relative;}
.hotline::after {background:#cfcfcf;content: "";height: 60px;position: absolute;right: -20px;top: -22px;transform: rotate(18deg);    width: 5px;}
.banner-slider{position:relative; margin-bottom:15px;}
.owl-carousel {padding:0;position: relative;width:100%;}
.owl-carousel .owl-wrapper-outer {overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper::after {clear: both;content: ".";display: block;height: 0;line-height: 0;visibility: hidden;}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {backface-visibility: hidden;transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper {position: relative;}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {backface-visibility: hidden;transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-item {float: left;}
.owl-controls {text-align: center;}
.owl-page{display:inline-block; margin:0 3px; }
.owl-page span{background:#c1c2c4;border-radius: 50%;color: transparent;display: inline-block;height:10px;width:10px; cursor:pointer;}
.owl-page.active span{background:#ed8440;}
.owl-buttons {bottom: 0;position: absolute;right: 0;}
.owl-buttons div{background: #ff7300; opacity:0.7;}
.owl-buttons div:hover{opacity:1;}
.owl-prev {color: #fff;cursor: pointer;float: left;font-size: 30px;padding: 0 10px;}
.owl-next {color: #fff;cursor: pointer;float: right;font-size: 30px;padding: 0 10px;margin: 0 4px;}
.owl-pagination {bottom:20px;position: absolute;width: 100%; left:0; right:0;}
.banner-text{width:400px; height:400px; background-color:rgba(255, 255, 255, 0.85); left:0; right:0; border-radius:50%; position:absolute; z-index:1; 
margin:50px auto; padding:30px; text-align:center;}
.owl-carousel .caption{background-color: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    position: absolute;
     bottom: 0; 
    width: 80%;
    /* left: 250px; 
    top: 350px;*/}
.owl-carousel .caption span{width:100%; font-size:25px; color:#eee; padding:0 10px;}
.welcome-title{font-size:30px; color:#fff; background:#ff6c02; text-transform:uppercase; margin-bottom:15px;}
.welcome-title span {padding:18px 15px; display:inline-block;}
.welcome-title a{float:right;}
.list{ margin:0; padding:0; list-style:none;}
.list li{background-image:url(../images/list-bg.png); background-repeat:no-repeat; background-position:left 3px; color:#3b3b3b; padding-left:25px; display:block; margin:15px 0;}
.testimonial{background:#fff; border:5px solid #e8e8e8;}
.testimonial-title{background:#ff6c02; color:#fff; font-size:20px; padding:10px 10px; display:block;}
.said{color:#888888; display:block;padding:0 15px 10px 15px;}
.said span{ font-weight:600; color:#ff6c02; display:block;}
.testimonial p{font-style:italic; color:#888888;padding:7px 15px 0 15px;}
.testimonial .owl-buttons{bottom:auto; top: -44px; }
.testimonial .owl-buttons div{background: #2a3342; opacity:0.7; margin-top:2px;}
.testimonial .owl-next{margin:0; padding:3px 10px;}
.testimonial .owl-prev{padding:3px 10px;}
.testimonial .owl-buttons div:hover{opacity:1;}
.services{border-top:5px solid #ff6a04; text-align:left; padding:20px 0; margin-top:20px; position:relative;padding: 15px;
border: solid 2px #eee;min-height:350px;}
.services span{font-size: 16px;
text-align: left;
display: block;
margin: 0 0 13px 0;}
.services p{text-align:left; }

.learning{ text-align:center; padding:5px 0; margin-top:5px; position:relative;}
.learning span{font-size:16px; text-align:center; display:block; margin:0 0 13px 0; text-transform:uppercase;}
.learning p{text-align:center; }

.item1{background: url('http://localhost/Trainathon/images/learning/GameBasedLearning&Gamification.png');}



.service-content{margin-bottom:20px;}
.service-content .owl-buttons{bottom:auto; top: -36px; }
.service-content .owl-buttons div{background: #2a3342; opacity:0.7; margin:0;}
.service-content .owl-buttons div:hover{opacity:1;}
#myTab{background:#eeeeee;}
.tab-pane img {margin-top: 10px;}

.clients_logo{text-align:center; padding:20px 0; margin-top:20px; position:relative;border:solid 1px #ccc;}
.clients_logo{text-align:center; padding:20px 0; margin-top:20px; position:relative;border:solid 1px #ccc;}
.clients{margin-top:20px}
.clients h2{margin-bottom:25px;}
.clients .owl-carousel:hover .owl-buttons{opacity:1;}
.clients .owl-prev {background:none;color: #d1d1d3;font-size: 100px;font-weight: 300;opacity:1; padding:0;margin-left: -60px;}
.clients .owl-next {background:none;color: #d1d1d3;font-size: 100px;font-weight: 300; opacity:1;padding:0;margin-right: -60px;}
.clients .owl-buttons{width:100%; opacity:0;}
.clients .owl-carousel {}
.footer{background:#28292d; margin:40px 0 0 0; padding:30px 0 0 0;}
.footer-title{color:#fff; font-size:16px; font-weight:600; display:block; text-transform:uppercase; margin-bottom:10px;}
.footer ul{margin:0; padding:0; list-style:none; }
.footer ul li{display:block; font-size:14px; color:#a2a2a2;margin: 14px 0;}
.footer ul li a{color:#a2a2a2;}
.footer ul li a:hover{color:#fff;}
.footer ul li:hover{color:#fff;}
.email{background-image:url(../images/email.png); background-repeat:no-repeat; background-position:0 0; padding-left:28px;}
.phone{background-image:url(../images/phone.png); background-repeat:no-repeat; background-position:0 0; padding-left:28px;}
.location{background-image:url(../images/location.png); background-repeat:no-repeat; background-position:0 0; padding-left:28px;}
.scrollToTop {bottom: 10px;color: #606062;cursor: context-menu;display: none;position: fixed;right: 10px;text-decoration: none; cursor:pointer;}
.scrollToTop:hover{text-decoration:none;}
.footer-bottom{ border-top:1px solid #37383d; padding:10px 0;}
.copyright{float:left;font-size:13px;color: #a2a2a2;}
.designed{float:right; font-size:13px;color: #a2a2a2;}
.designed a{color:#fff;font-size:13px;}

.welcome-note p{margin-top:0px;margin-bottom:15px;line-height:25px;}
.welcome-note ul li{list-style:circle;line-height:25px;}

.input_bg {
  float: left;
  width: 70%;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  padding: 0px 0px 0px 10px;
  border-top: 2px solid #e1e1e1;
  border-left: 2px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #f9f9f9;
}

.blocklabel {
  float: left;
  width: 100%;
  display: block;
  margin-top: 10px;
}

.comment_submit {
  background-color: #eee;
  border: 1px solid #ddd;
  padding: 9px 13px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  border-radius: 4px;
  color: #333;
}

.desc_box{width: 60%;
position: relative;
z-index: 1;
margin: auto;}