/*html{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}*/
body{
font-family: 'Poppins', sans-serif;
font-size:14px;
line-height:24px;
font-weight:400;
-webkit-font-smoothing: antialiased;
text-rendering: geometricPrecision;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Poppins', sans-serif;
}
/**************************************
OTI TITLE BLOCK
**************************************/
.oti-title-block{
background:#232E49;
padding:30px 0;
color:#fff;
}
.oti-title-block h2{
margin-top:0px;
}
#fixed-nav h2{
font-size:22px;
}
#fixed-nav h2 span{
display:block;
margin-top:5px;
}
.oti-title-block h2 span{
color:#4EADAA;
font-size:15px;
display:inline-block;
}
.oti-title-block p{
color:#e2e2e2;
font-size:14px;
padding-right:140px;
line-height:21px;
}
.oti-title-block .btn{
background:#5FBEBC;
border:none;
border-radius:20px;
font-size:15px;
font-weight:bolder;
color:#000;
margin-top:20px;
padding:6px 15px;
}
.rateing-star{
color:#FDD003;
font-size:16px;
margin-right:20px;
}
.oti-title-block .mcq-cnt img{
margin-right:8px;
}
.oti-title-block.sticky {
padding:15px 0
}
.rateing-star i{
margin:0 1px;
}
.get-these{
padding:50px 0;
background:#E2E2E2;
}
.get-these h2{
font-size:25px;
margin-top:0;
color:#000;
margin-bottom:30px;
}
.get-these .get-these-group{
position:relative;
background:#fff;
padding:35px 15px;
margin:10px 0;
transition: all 200ms ease-in;
transform: scale(1);
cursor:pointer;
height:320px
}
.get-these .get-these-group:hover {
transition: all 200ms ease-in;
transform: scale(1.05);
}
.get-these .get-these-group:after{
position:absolute;
content:'';
left:0;
bottom:0;
height:6px;
width:0%;
background: -moz-linear-gradient(0deg, rgba(65,117,125,1) 0%, rgba(63,82,126,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(65,117,125,1)), color-stop(100%, rgba(63,82,126,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(0deg, rgba(65,117,125,1) 0%, rgba(63,82,126,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(0deg, rgba(65,117,125,1) 0%, rgba(63,82,126,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(0deg, rgba(65,117,125,1) 0%, rgba(63,82,126,1) 100%); /* ie10+ */
background: linear-gradient(90deg, rgba(65,117,125,1) 0%, rgba(63,82,126,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41757D', endColorstr='#3F527E',GradientType=1 ); /* ie6-9 */
transition: all 200ms ease-in;
}
.get-these .get-these-group:hover:after{
width:100%;
}
.get-these .get-these-group h3{
color:#232e49;
font-size:20px;
margin-bottom:20px;
font-weight:bold;
}
.get-these .get-these-group p{
font-size:13px;
line-height:20px;
color:#000;
font-weight:500;
}
.get-these .group-side{
position:relative;
top:-180px;
z-index:1;
}
.get-these .side-bar-grp{
background:#fff;
padding:5px 3px;
border-radius:5px;
}
.get-these .side-bar-title{
background:#DC4426;
color:#fff;
padding:25px 10px;
}
.get-these .side-bar-title h1{
margin:0;
font-size:30px;
}
.get-these .side-bar-title p{
font-size:13px;
font-style:italic;
margin:0;
}
.get-these .side-bar-info{
padding:10px 20px;
}
.get-these .bsd-on{
position:relative;
color:#fff;
font-size:11px;
font-weight:bold;
padding:0px 10px;
width:80%;
box-sizing:border-box;
border-radius:2px 0px 0px 2px;
background:#2e2e2e;
}
.get-these .bsd-on:after{
position:absolute;
content:'';
width: 0;
height: 0;
border-top: 12px solid transparent;
border-left: 12px solid #2E2E2E;
border-bottom: 12px solid transparent;
top:0;
right:-12px;
}
.get-these .rate{
font-size:38px;
font-weight:bold;
color:#4F5050;
}
.get-these .rate strike{
font-size:18px;
color:#a7a8a8;
font-weight:500;
}
.get-these .rate-blck{
margin:20px 0;
}
.get-these .rate-blck p{
color:#353536;
font-weight:500;
font-size:13px;
}
.get-these .rate-blck .btn{
width:100%;
border-radius:3px;
border:1px solid #232E49;
margin:5px 0;
color:232e49;
padding:10px 0;
font-weight:bold;
}
.get-these .rate-blck .btn-clr{
background:#232E49;
color:#fff;
}
.get-these .incld{
padding:20px 0;
}
.get-these .incld h4{
font-weight:bold;
}
.get-these .incld ul{
font-size:13px;
padding-left:20px;
list-style-image:url(../images/slider-pack-details-list-icon.png);
}
.get-these .train{
background:#fff;
margin:15px 0;
border-radius:3px;
padding:20px 15px;
}
.get-these .train h4{
font-size:17px;
font-weight:bold;
line-height:24px;
}
.get-these .train p{
font-size:13px;
line-height:20px;
}
.get-these .enco-block{
margin-top:0px;
}
.get-these .enco-block h2{
margin:80px 0 50px 0;
}
.get-these .enco-block .nav-tabs>li{
position:relative;
font-size:16px;
font-weight:500;
float:inherit;
}
.get-these .enco-block .nav-tabs>li:after{
position:absolute;
content:'';
height:60%;
width:1px;
top:15px;
right:65px;
background:#D0CECE;
vertical-align:middle;
}
.get-these .enco-block .nav-tabs>li>a{
position:relative;
color:#000;
height:80px;
padding:0 20px 0 35px;
margin:0;
border:0;
background-repeat:no-repeat;
background-position: 92% 50%;
line-height:80px;
}
.get-these .enco-block .nav-tabs>li.active>a:after, .get-these .enco-block .nav-tabs>li>a:hover:after{
position:absolute;
content:'';
top:0;
left:0;
right:0;
bottom:0;
background-repeat:no-repeat;
background-position: 92% 50%;
}
.get-these .enco-block .nav-tabs>.get-tab-icon-1.active>a:after, .get-these .enco-block .nav-tabs>.get-tab-icon-1>a:hover:after{
background-image:url(../images/get-tab-icon-white-1.png);
}
.get-these .enco-block .nav-tabs>.get-tab-icon-2.active>a:after, .get-these .enco-block .nav-tabs>.get-tab-icon-2>a:hover:after{
background-image:url(../images/get-tab-icon-white-2.png);
}
.get-these .enco-block .nav-tabs>.get-tab-icon-3.active>a:after, .get-these .enco-block .nav-tabs>.get-tab-icon-3>a:hover:after{
background-image:url(../images/get-tab-icon-white-3.png);
}
.get-these .enco-block .nav-tabs>.get-tab-icon-4.active>a:after, .get-these .enco-block .nav-tabs>.get-tab-icon-4>a:hover:after{
background-image:url(../images/get-tab-icon-white-4.png);
}
.get-these .enco-block .nav-tabs>.get-tab-icon-5.active>a:after, .get-these .enco-block .nav-tabs>.get-tab-icon-5>a:hover:after{
background-image:url(../images/get-tab-icon-white-5.png);
}
.get-these .enco-block .nav-tabs>.get-tab-icon-6.active>a:after, .get-these .enco-block .nav-tabs>.get-tab-icon-6>a:hover:after{
background-image:url(../images/get-tab-icon-white-6.png);
}
.get-these .enco-block .nav-tabs>li.active>a, .get-these .enco-block .nav-tabs>li.active>a:focus, .get-these .enco-block .nav-tabs>li>a:hover{
border-radius:0px;
color:#fff;
background: -moz-linear-gradient(0deg, rgba(62,82,126,1) 0%, rgba(65,117,125,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(62,82,126,1)), color-stop(100%, rgba(65,117,125,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(0deg, rgba(62,82,126,1) 0%, rgba(65,117,125,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(0deg, rgba(62,82,126,1) 0%, rgba(65,117,125,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(0deg, rgba(62,82,126,1) 0%, rgba(65,117,125,1) 100%); /* ie10+ */
background: linear-gradient(90deg, rgba(62,82,126,1) 0%, rgba(65,117,125,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E527E', endColorstr='#41757D',GradientType=1 ); /* ie6-9 */
}
.get-these .enco-block .get-tab-btn{
background:#fff;;
}
.get-these .enco-block .get-tab-icon-1 a{
background-image:url(../images/get-tab-icon-1.png);
}
.get-these .enco-block .get-tab-icon-2 a{
background-image:url(../images/get-tab-icon-2.png);
}
.get-these .enco-block .get-tab-icon-3 a{
background-image:url(../images/get-tab-icon-3.png);
}
.get-these .enco-block .get-tab-icon-4 a{
background-image:url(../images/get-tab-icon-4.png);
}
.get-these .enco-block .get-tab-icon-5 a{
background-image:url(../images/get-tab-icon-5.png);
}
.get-these .enco-block .get-tab-icon-6 a{
background-image:url(../images/get-tab-icon-6.png);
}
.get-these .enco-block .tab-content{
overflow-y:scroll;
height:475px;
padding:15px 30px;
background: -moz-linear-gradient(0deg, rgba(65,117,125,1) 0%, rgba(62,82,126,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(65,117,125,1)), color-stop(100%, rgba(62,82,126,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(0deg, rgba(65,117,125,1) 0%, rgba(62,82,126,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(0deg, rgba(65,117,125,1) 0%, rgba(62,82,126,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(0deg, rgba(65,117,125,1) 0%, rgba(62,82,126,1) 100%); /* ie10+ */
background: linear-gradient(90deg, rgba(65,117,125,1) 0%, rgba(62,82,126,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41757D', endColorstr='#3E527E',GradientType=1 ); /* ie6-9 */
color:#fff;
}
.get-these .enco-block .tab-content ul{
padding-left:8px;
list-style-image:url(../images/tab-content-list-icon.png);
}
.get-these .enco-block .tab-content li{
position:relative;
margin:15px 0;
}
.get-these .enco-block .tab-content li:after{
position:absolute;
content:'';
background:#fff;
width:100%;
height:1px;
left:0;
bottom:0px;
opacity:0.3;
}
.get-these .enco-block .tab-content li:before{
position:absolute;
content:'';
width: 0;
height: 0;
bottom:0px;
right:0;
border-bottom: 10px solid #fff;
border-left: 10px solid transparent;
opacity:0.3;
}
.get-these .enco-block{
}
.pck-sgle-stdt h2, .pck-get-double h2{
font-size:25px;
color:#e7290c;
}
.m-b-80{
margin-bottom:80px;
}
#fixed-nav{
display:none;
position:fixed;
top:70px;
left:0;
right:0;
margin:0 auto;
z-index:9;
box-shadow:0px 2px 6px rgba(134,134,134,0.5);
}
#fixed-nav.sticky{
display:block !important;
}
.p-t-b-15{
padding:15px 0;
}
#main-section{
background:url(../images/slider-3-2-1.png);
background-position:center center;
background-repeat:no-repeat;
width:100%;
background-size:cover;
position:relative;
}
#main-section:before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background: rgba(0,0,0,0.5);
z-index:0
}
#main-section.innerpage-header{
background:none
}
#main-section.innerpage-header:after{
/* background-image: -moz-linear-gradient( -29deg, rgb(29,226,217) 0%, rgb(92,126,233) 100%);
background-image: -webkit-linear-gradient( -29deg, rgb(29,226,217) 0%, rgb(92,126,233) 100%);
background-image: -ms-linear-gradient( -29deg, rgb(29,226,217) 0%,rgb(92,126,233)) 100%);*/
background-image: -moz-linear-gradient( -29deg, rgb(29,226,217) 0%, rgb(92,126,233) 100%);
background-image: -webkit-linear-gradient( -29deg, rgb(29,226,217) 0%, rgb(92,126,233) 100%);
background-image: -ms-linear-gradient( -29deg, rgb(29,226,217) 0%,rgb(92,126,233)) 100%);
}
#main-section:after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .5;
z-index: 0;
}
#top-header{
position:relative;
z-index:1;
color:#FFF;
font-size:12px;
padding-top:10px;
}
#top-header ul li a{
color:#FFF;
text-decoration:none;
}
#top-header:after{
content:'';
position:absolute;
width:85%;
background:#FFF;
height:1px;
margin:0 auto;
left:0;
opacity:.2;
right:0
}
/*header{
padding: 15px 0px 0px 0px;
position:relative;z-index:2;
line-height: 50px;
}
header ul{
margin-top:15px;
}
header ul li a, span.disabled{
color:#FFF;
font-weight:bold;
text-decoration:none;
padding:4px 10px;
border-radius:3px;
text-transform:uppercase
}
header a.logo-img{
background:url(../images/logo-white.png);
display:block;
height:80px;
width:134px;
}*/
/*a.disabled
{
pointer-events: none;
}*/
header ul li a:hover,header ul li a.active, span.disabled:hover{
text-decoration:none;
/*background:#FFF;*/
color:#063698;
}
header.sticky{
position:fixed;
top:0;
width:100%;
margin:0 auto;
line-height:20px;
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15);
transition: all 0.3s ease-in-out;
z-index:999;
background:#FFF;
}
header.sticky a.logo-img{
background:url(../images/logo-sticky.png) no-repeat !important;
height:55px;
}
header.sticky a, header.sticky span.disabled{
color:#063698
}
header.sticky a:hover,header.sticky a.active, header.sticky span.disabled:hover{
/*background:#063698;*/
color:#15a7ff !important;
/*border-bottom: 2px solid #15a7ff;*/
/*border-radius: 0px !important;*/
}
header.sticky li:hover
{
color:#15a7ff;
border-bottom: 2px solid #15a7ff;
}
/*------------------------------------------------------------------------------------------------*/
#main-section .sub-nav-icons{
font-size:12px;
margin-left:10px;
}
.nav-drop-down{
/*position:relative;*/
}
.nav-drop-down:hover .sub-nav-group, .nav-drop-down:hover .triangle-top{
display:block;
}
.nav-drop-down .sub-nav-group{
position:absolute;
background:#fff;
left:5px;
margin:0;
padding:15px 5px;
border-radius:5px;
line-height:20px;
top:35px;
box-shadow:0px 0px 20px 10px rgba(0,0,0,0.04);
z-index:15;
visibility: hidden;
-webkit-transition: all 400ms ease-in;
-webkit-transform: scale(0.8);
-ms-transition: all 400ms ease-in;
-ms-transform: scale(0.8);
-moz-transition: all 400ms ease-in;
-moz-transform: scale(0.8);
transition: all 400ms ease-in;
transform: scale(0.8);
}
.nav-drop-down:hover .sub-nav-group{
visibility:visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
.nav-drop-down .sub-nav-group li{
list-style:none;
width:250px;
padding:5px;
}
.nav-drop-down .sub-nav-group a{
font-size:14px;
color:#000;
text-transform:capitalize;
font-weight:normal;
padding:4px 10px;
}
.nav-drop-down .sub-nav-group a:hover{
color:#0174CE;
}
#slider-section{
padding:60px 0;
position:relative;
z-index:5
}
.slider-content{
position:relative;z-index:1
}
.slider-content h1{
font-weight:bold;
font-size:48px;
color:#FFF;
}
.slider-content h3{
line-height:30px;
font-weight:600;
color:#FFF;
font-size:28px;
}
.slider-content h4{
color:#FFF;
font-size:20px;
font-weight:bold;
}
.slider-content p{
line-height:26px;
margin-bottom:30px;
color:#FFF
}
.btn-primary{
background:#e73214;
border:none;
color:#FFF;
padding:10px 20px;
}
.main-title.b-b-0:after{
background:none
}
.main-title{
position:relative;
font-weight:600;
margin-bottom:30px;
margin-top:0;
display:block;
text-transform:uppercase
}
.main-title:after{
content:'';
position:absolute;
height:2px;
width:50px;
background:#ed493a;
left:0;
bottom:-10px;
}
.main-feature-list h5{
margin:30px 0 10px 0;
font-weight:bold;
font-size:16px;
}
.main-feature-list li{
padding-left:45px
}
.main-feature-list li i{
position:absolute;
height:32px;
width:32px;
border-radius:3px;
background:#008ed6;
color:#FFF;
text-align:center;
line-height:32px;
left:0px
}
.material-shadow{
box-shadow:0px 0px 20px 10px rgba(0,0,0,0.04)
}
#unique-featuers{
padding:40px 0;
background:#edf5f8
}
#unique-featuers .feature-block {
margin-top:30px;
background:#FFF;
border-radius:5px;
padding:80px 50px 50px 50px;
color:#6D6D6D;
font-size:13px;
box-shadow:0px 0px 20px 10px rgba(0,0,0,0.04);
text-align:center;
height:350px;
}
#unique-featuers .feature-block h4{
font-size:20px;
margin:25px 0 15px 0;
color:#000
}
#unique-featuers h3.text-center,#full-feaures h3.text-center {
margin:30px 0 !important;
}
#full-feaures h3.text-center {
padding-top:50px
}
h3.main-title.text-center:after{
left:0;
right:0;
margin:0 auto;
}
#unique-featuers .feature-block img{
height:80px;
text-align:center;
margin:0 auto
}
.feature-tab-link ul li img{
height:80px;
margin:0 auto 20px auto;
opacity:.3
}
.feature-tab-link ul{
display:table;
margin:30px auto 20px auto
}
.feature-tab-link ul li{
float:none;
display:table-cell
}
.feature-tab-link .nav-tabs > li.active > a,.feature-tab-link .nav-tabs > li.active > a:focus,.feature-tab-link .nav-tabs > li.active > a:hover,.feature-tab-link .nav-tabs > li:hover > a,.feature-tab-link .nav-tabs > li:hover > a:focus,.feature-tab-link .nav-tabs > li:hover > a:hover {
color:#e73214;
background:none
}
.feature-tab-link .nav-tabs > li.active img{
opacity:1
}
.feature-tab-link .nav-tabs > li > a,.feature-tab-link .nav-tabs > li > a:focus,.feature-tab-link .nav-tabs > li > a:hover {
border:none;
color:#D6D6D6;
font-weight:600;
border-radius:0;
padding:8px 20px;
margin:0px 10px;
font-size:16px;
}
#feature-tab-container .nav.nav-tabs{
border-bottom:none
}
.feature-tab-link .nav-tabs > li:first-child > a{
border-left:none
}
.feaure-tab-content img{
margin: 0 auto
}
h2.tab-title{
font-size:22px;
text-align:center;
margin-bottom:15px;
font-weight:bold
}
.m-b-30{
margin-bottom:20px !important
}
.feature-tab-list-container{
position:relative
}
.relative-block
{
position:relative !important
}
.feature-list{
width:180px;
height:180px;
background:#078ad0;
color:#FFF;
padding:30px;
font-size:13px;
text-align:center;
line-height:23px;
position:absolute;
top:35%;
left:20%;
box-shadow:0px 0px 20px 10px rgba(0,0,0,0.1)
}
.feature-list.right-side{
left:auto;
right:20%;
top:55%
}
.feature-list img{
margin-bottom:15px;
}
.why-block-list img{
height:40px;
margin:10px 0 15px 0
}
.why-block-list h4{
font-size:16px;
margin:8px 0
}
.why-block-list {
font-size:13px;
line-height:22px;
margin-bottom:30px
}
#why-oti{
background:#FBFBFB;
padding:50px 0
}
.call-us-block .img-block{
position:absolute;
left:0;
top:0;
}
.call-us-block .img-block img{
height:150px
}
.call-us-block h4{
font-size:17px;
margin-bottom:15px;
display:block;
}
#subscription-block{
/*background:#EDF5F8;*/
background:#2f436e;
color:#FFF;
padding:50px 0
}
.subs-form{
float: right;
margin-left:140px;
}
.subs-form .form-control{
border:none;
margin-bottom:15px;
}
.step-content {
font-size:12px;
line-height:18px;
padding:0px 10px;
position:relative
}
.step-content h3{
font-size:18px;
font-weight:600;
color:#333;
margin-bottom:20px;
}
.dark-red{
color:#cc3333 !important
}
.dark-orange{
color:#cc6633 !important
}
.dark-yellow{
color:#ff9900 !important;
}
.bg-dark-red{
background:#cc3333 !important
}
.bg-dark-orange{
background:#cc6633 !important
}
.bg-dark-yellow{
background:#ff9900 !important;
}
.step-content img{
margin:0 auto 25px auto
}
#how-it-work-container{
background:#FAFAFA;
padding:80px 0
}
.step-content.step-1:after,.step-content.step-2:after,.step-content.step-3:after{
content:'';
background:url(../images/how-arrow-1.png);
background-repeat:no-repeat;
position:absolute;
right:-80px;
top:50px;
height:34px;
width:130px;
}
.step-content.step-2:after{
background:url(../images/how-arrow-2.png);
top:0
}
.step-content.step-3:after{
background:url(../images/how-arrow-3.png);
}
.step-content a{
padding:0px 15px;
height:30px;
display:inline-block;
line-height:32px;
border-radius:50px;
text-transform:uppercase;
background:#333;
color:#FFF;
text-decoration:none;
position:relative;
transition: all 0.3s ease 0s;
top:0;
}
.step-content a:hover{
top:-5px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
}
/* Price Page */
.feature-list-price{
border-radius:3px;
width:20%;
}
.feature-list-price h3{
font-size:28px;
font-weight:600;
padding:15px 0;
margin:0;
}
.feature-list-price ul li, .pack-details ul li {
padding: 8px 5px 8px 15px;
font-weight: 400;
border-bottom: 1px solid #EAEAEA;
}
.feature-list-price ul li{
padding: 8px 5px 8px 15px;
font-weight: 400;
}
.pack-list-section{
background:#edf5f8;
margin:30px 0;
padding:20px 0;
}
.exam-pack-container h3{
font-size:22px
}
.exam-pack-container .col-md-3{
border-left:0;
border-right:1px solid #D8D8D8;
height:300px ;
overflow-y:auto
}
.exam-pack-container .col-md-3:nth-child(2){
border-left:1px solid #D8D8D8;
}
.exam-pack-container .col-md-3:first-child,.exam-pack-container .col-md-3:last-child
{
border:none !important;
}
.pack-list li div{
padding:0;
margin:0
}
.pack-list input[type="checkbox"]{
display:none
}
.pack-list input[type="checkbox"] + label{
display:block;
padding:8px 10px 0px 15px;
color:#a2a7ab;
font-weight:normal;
font-size:14px;
width:100%;
margin:0;
position:relative
}
.pack-list input[type="checkbox"] + label:before{
content:'\f10c ';
font-family:'FontAwesome';
position:absolute;
left: 0px;
color:#D8D8D8;
top:9px;
}
.pack-list li div{
position: relative;
border-bottom: 1px solid #D8D8D8;
margin-left: 8px;
padding-bottom:8px;
}
.pack-list li div:before{
content:'';
position:absolute;
left:0px;
background:#D8D8D8;
height: 30px;
width: 2px;
top: 19px;
left: -18px;
}
.pack-list li:last-child div:before{
height:15px;
}
.pack-list input[type="checkbox"] + label:after{
content:'\f00c';
font-family:'FontAwesome';
position:absolute;
right:25px;
top:9px
}
.pack-list input[type="checkbox"]:checked + label,.pack-list input[type="checkbox"]:checked + label:before
{
color:#2a2a2a;
font-weight:bold;
opacity:1;
}
.pack-list input[type="checkbox"]:checked + label div:before{
background:#2a2a2a
}
.pack-list h5{
margin:20px 0 0 0;
font-size:16px;
}
.price-btn-block{
position:absolute;
top:45%;
left:0;
right:0;
margin:0 auto;
text-align:center
}
.pack-details h3, .feature-list-price h3 {
font-size: 22px;
padding: 25px 0px 20px 0;
margin: 5px 0;
text-align: center;
}
.feature-list-price img {
height: 50px;
margin-top: 94px;
}
.feature-list-price h3 {
color: #2a2a2a;
text-align: left;
font-size: 22px;
margin: 13px 0;
margin-left: 0px;
margin-left: 15px;
}
.feature-list-price h3 span {
font-size: 14px;
display: block;
font-weight: 500;
margin-top: 5px;
}
.pack-price-details{
background: #f6f7fb;
color: #FFF;
text-align: center;
padding: 20px 0 15px 0;
}
.pack-details a.btn{
background: #fda543;
text-align: center;
margin: 0 auto;
width: 120px;
padding: 10px 15px;
border-radius: 30px;
box-shadow: 0 10px 20px rgba(0,0,0,0.14), 0 6px 6px rgba(0,0,0,0.18);
text-transform: uppercase;
font-size: 13px;
margin:5px 0 30px 0;
}
.pack-details.recom-pack a.btn{
background:#FFF;
color:#0978e4; box-shadow:0 0 10px 8px rgba(0,0,0,.09);
}
.pack-1 h3,.pack-1 i{
color: #ff9f46;
}
.pack-1 a.btn{
background:#ff9f46
}
.pack-2 h3,.pack-2 i{
color: #4a64ff;
}
.pack-2 a.btn{
background:#4a64ff
}
.pack-3 h3,.pack-3 i{
color: #fc4c4f;
}
.pack-3 a.btn{
background:#fc4c4f
}
.pack-4 h3,.pack-4 i{
color: #3ac649;
}
.pack-4 a.btn{
background:#3ac649
}
.pack-details .pack-icon {
height: 60px;
margin: 0 auto 10px auto;
}
.pack-price-details h5,.plan-heading h5{
color:#FFF;
text-decoration:line-through;
opacity:.8;
margin:0;
text-align:center
}
.pack-price-details h3,.plan-heading h3{
font-weight:600;
font-size:29px;
margin:0;
padding:10px 0
}
.pack-details h3 span {
display: block;
font-size: 14px;
margin-top: 8px;
font-weight: 400;
color: #6C6C6C;
}
.pack-details h4{
color:#0081ff;
font-size:22px;
text-align:center;
margin:15px 0
}
.pack-details{
border-radius: 5px;
background: #FFF;
text-align: center;
width: 20%;
box-shadow: 5px 5px 10px 0px rgba(0,0,0,.2);
}
.p-r-0{
padding-right:0px !important
}
.p-l-0{
padding-left:0px !important
}
.plan-heading{
background:#FAFAFA;
padding: 26px 0 20px 25px;
}
.plan-heading h5{
text-decoration:none;
text-align:left
}
.plan-heading h3{
color:#2a2a2a;
margin:0;
padding:0;
text-align:left
}
.plan-heading p{
padding-left:5px;
font-size:13px;
margin-bottom:1px
}
.pack-details.recom-pack{
box-shadow:0 0 10px 8px rgba(0,0,0,.09);
position:relative;
z-index:1;
background:#0081ff;
color:#FFF !important
}
.pack-details.recom-pack h3{
color:#FFF !important
}
.pack-details.recom-pack li{
background:#0978e4;
color:#FFF !important
}
.pack-details.recom-pack ul li:nth-child(2n+2){
background:#0969c8;
color:#FFF !important
}
.pack-details.recom-pack a.btn{
background:#FFF;
color:#0978e4; box-shadow:0 0 10px 8px rgba(0,0,0,.09);
}
#price-page{
background:#FFF;
padding:30px 0;
letter-spacing:0
}
#price-page .price-page-heading{
margin-bottom:30px;
}
#price-page h1{
font-size:30px;
font-weight:600;
letter-spacing:0
}
.pack-card .card-title{
padding:15px;
background:url(../images/pack-pg.png) center center ;
color:#FFFFFF;
height:100px;
position:relative
}
.pack-card .card-title:after{
content:'';
position:absolute;
height:100%;
width:100%;
background:#e91e63;
opacity:.8;
top:0;
left:0;
z-index:0
}
.pack-card .card-title h4{
color:#FFF;
font-size:20px;
font-weight:600;
margin:0;
margin-top:8px;
position:relative;
z-index:1
}
.pack-card .card-title h5{
font-size:16px;
position:relative;
z-index:1;
color:#FFF;
opacity:.9
}
.pack-card .card-body{
background:#FFF;
box-shadow:0 0 2px 1px rgba(0,0,0,.08);
padding:15px;
}
.card-body ul li{
font-size:14px;
font-weight:500;
margin-bottom:10px
}
.card-body ul li small{
font-size:11px;
}
.slider.slider-horizontal{
margin-left:0px;/*10 as 0*/
margin-top:5px;
width:170px !important;
}
.card-body ul li span{
color:#e91e63;
font-weight:bold
}
.card-body ul li h5 span{
text-decoration:line-through;
opacity:.8
}
.card-body ul li h5 span.offer-price{
opacity:1;
text-decoration:none;
font-size:20px;
}
.card-body h2{
margin:0;
letter-spacing:0;
font-weight:bold;
color:#e91e63
}
.slider-handle{
background:#e91e63
}
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label{
font-size:14px;
opacity:.7
}
.slider-tick.in-selection, .slider-selection.tick-slider-selection{
background:#f48fb1;
}
.slider-track{
box-shadow:none;
}
.tooltip-inner{
background:#e91e63;
padding: 15px 20px;
}
.tooltip.top .tooltip-arrow{
bottom: -10px;
left: 50%;
margin-left: -13px;
border-width: 15px 15px 0;
border-top-color: #e91e63;
}
.tooltip{
font-size:20px;
}
.slider .tooltip.top{
margin-top:-80px
}
.card-footer{
box-sizing:border-box;
}
.card-footer h3{
margin:10px 0;
font-size:18px;;
text-align:right
}
.card-footer .col-md-4{
border:1px solid #f4f7fc;
}
.card-footer .col-md-4 h3{
font-weight:bold;
text-align:right
}
.card-footer h4{
font-size:16px;
text-align:right
}
.card-footer .col-md-4:last-child{
background:#339966;
color:#FFF;
}
.card-footer .col-md-4:last-child h4, .card-footer .col-md-4:last-child h3{
color:#FFF
}
.card-footer .col-md-4:last-child a{
background:none;
border:2px solid #FFF;
margin-top:12px;
}
.price-table-fixed.table > tbody > tr > td{
border-top:none;
border-bottom:1px solid #EBEBEB
}
.card-footer .price-table-fixed.table > tbody > tr.total-price > td h3,.card-footer .price-table-fixed.table > tbody > tr.total-price > td h4{
font-size:21px;
font-weight:bold
}
.card-footer tr td{
padding:5px 0;
}
/* Why OTI */
#why-oti-page{
}
.blocks-heading h3{
border:3px solid #143775;
padding:15px 20px;
display:inline-block;
text-align:center;
font-size:22px;
text-transform:uppercase;
font-weight:600;
position:relative;
color:#143775;
}
.blocks-heading{
position:relative;
height:50px;
}
.staff-question-blocks,.staff-ans-blocks{
width: 50%;
top: 200px;
left: 50px;
float:left
}
.question-block {
position: absolute;
background: #143775;
padding: 14px;
width: 350px;
text-align: center;
top: -120px;
left: 100px;
color: #FFF;
line-height: 24px;
letter-spacing: 1px;
}
.question-block:after {
content: '';
position: absolute;
bottom: 0;
left: 15px;
width: 0;
height: 0;
border: 28px solid transparent;
border-top-color: #143775;
border-bottom: 0;
border-left: 0;
margin-left: -15px;
margin-bottom: -28px;
}
.question-icons{
position: absolute;
top: 50px;
left: 110px;
text-align: center;
}
.question-icons img{
margin:0 auto;
height:50px
}
.question-icons h5{
font-size:14px;
line-height:20px;
margin-bottom:40px;
letter-spacing:.5px
}
/* Lines */
/*.staff-ans-blocks .staff-img:before{
content:'';
position:absolute;
width:3px;
height:0%;
bottom:-120px;
right:100px;
z-index:-1;
background:#000;
}*/
.draw-line-container{
position:absolute;
right:0
}
/*#question-paper-section .staff-ans-blocks .staff-img:before{
right:auto;
left:120px
}
.solution-icon-container:after{
content:'';
position:absolute;
top:80px;
z-index:-1;
right:101px;
background:#000;
width:75%;
height:3px;
}
#question-paper-section .solution-icon-container:after{
left:120px;
right:auto
}*/
/* End Lines*/
.staff-ans-blocks{
left:auto;
right:0;
float:right
}
.right-side .question-block{
width:180px;
left:auto;
right:150px;
}
.right-side .question-block:after,#question-paper-section .staff-question-blocks .question-block:after{
content: '';
position: absolute;
bottom: 0;
left:auto;
right: 15px;
width: 0;
height: 0;
border: 28px solid transparent;
border-top-color: #143775;
border-bottom: 0;
border-right: 0;
margin-right: -15px;
margin-bottom: -28px;
}
.reports-result-section .question-block{
}
.staff-ans-blocks img{
margin:0 0 0 auto
}
.solution-block{
text-align:center;
font-weight:600;
font-size:16px;
display:inline-block;
margin:0px 25px;
width: 190px;
vertical-align: top;
}
.solution-block img{
background:#000;
padding:30px;
margin:10px auto
}
.solution-icon-container{
margin:200px 0 100px 0;
position:relative
}
#question-paper-section .solution-icon-container,#solution-analysis-section .solution-icon-container{
margin-top:240px;
}
#question-paper-section.reports-result-section .solution-icon-container{
margin-top:204px
}
/*Question paper Section */
#question-paper-section .staff-img img{
margin:0 0 0 auto
}
#question-paper-section .staff-question-blocks .question-block{
left:50px
}
#question-paper-section .question-icons {
left:auto;
top: 60px;
right: 100px;
text-align: center;
}
.think-bubble{
background:url(../images/why-oti/bubble.png) no-repeat;
text-align: center;
width: 155px;
height: 155px;
font-size: 15px;
padding-top: 28px;
padding-left: 32px;
font-size: 14px;
padding-right: 11px;
position:absolute;
top:-150px;
right:-50px;
line-height:20px
}
#solution-analysis-section .think-bubble{
background:url(../images/why-oti/bubble-1.png) no-repeat;
color:#FFF;
height:182px;
width:178px;
padding:0 ;
padding-top:50px;
right:auto;
left:-50px;
top:-185px
}
#question-paper-section.reports-result-section .think-bubble{
background:url(../images/why-oti/bubble-2.png) no-repeat;
}
#solution-analysis-section .staff-question-blocks .question-block{
left:140px;
}
#question-paper-section .staff-ans-blocks img{
margin:auto 0 0 0
}
#question-paper-section .staff-ans-blocks .question-block{
top: -40px;
left: 150px;
}
.success-section-container{
position:relative;
}
.success-content{
width:60%;
margin:0 auto;
text-align:center;
background:#143775;
padding:25px;
color:#FFF;
position:relative;
z-index:1
}
.success-content h4{
font-size:18px;
line-height:28px;
color:#FFF
}
.happy-staff-container {
text-align:center;
margin-top:30px;
}
.happy-staff-container .happy-staff-img{
display:inline-block;
}
.success-section-container .staff-ans-blocks{
top: 0;
position: absolute !important;
z-index: 0;
left:0;
right:auto
}
.success-section-container .staff-ans-blocks .staff-img::before{
background:none
}
.success-section-container .staff-ans-blocks img{
margin:0
}
/* Why OTI Page Color */
#student-manage-section .blocks-heading h3{
border-color:#2095f2;
color:#2095f2
}
#student-manage-section .question-block,#student-manage-section .solution-block img{
background:#2095f2;
color:#FFF
}
#student-manage-section .solution-block{
color:#2095f2
}
#student-manage-section .question-block::after{
border-top-color: #2095f2
}
#question-paper-section .blocks-heading h3{
border-color:#663ab6;
color:#663ab6
}
#question-paper-section .question-block,#question-paper-section .solution-block img{
background:#663ab6;
color:#FFF
}
#question-paper-section .solution-block{
color:#663ab6
}
#question-paper-section .question-block::after{
border-top-color: #663ab6
}
#solution-analysis-section .blocks-heading h3{
border-color:#019587;
color:#019587
}
#solution-analysis-section .question-block,#solution-analysis-section .solution-block img{
background:#019587;
color:#FFF
}
#solution-analysis-section .solution-block{
color:#019587
}
#solution-analysis-section .question-block::after{
border-top-color: #019587
}
#question-paper-section.reports-result-section .blocks-heading h3{
border-color:#4baf4f;
color:#4baf4f
}
#question-paper-section.reports-result-section .question-block,#question-paper-section.reports-result-section .solution-block img{
background:#4baf4f;
color:#FFF
}
#question-paper-section.reports-result-section .solution-block{
color:#4baf4f
}
#question-paper-section.reports-result-section .question-block::after{
border-top-color: #4baf4f
}
/*checkbox*/
.check-box-design input[type=checkbox] {
display: none;
}
.check-box-design span {
background-color: #373740;
font-weight: 700;
color: #FFF;
text-decoration: none;
font-family: sans-serif;
text-align: center;
text-transform:uppercase;
letter-spacing:.5px;
padding: 15px 35px 15px 38px;
cursor: pointer;
display: block;
margin: 0 auto;
transition: background-color 150ms ease-in;
}
.check-box-design span:hover {
background-color: #ff5847;
}
.check-box-design input[type=checkbox]:checked + span {
background: #e73214 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAYAAACgoey0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX9JREFUeNpi+P//PwMNsS4QbwBiLnQ5WlqqAsRP/0PARiBmoYfFkkB8+z8qWALEjLS0mB+IL/3HDibSymJQXB7/jx/UgNSCvU4lwAbEG4DYkwi1WUxUspQZiOcRaSkIWOAKMk0Sg3jaf+IBOIVjMyQWiH8DsR+RljaTYOkBWJ5GNwRk2R+ooh9A7ETA0jwSLL0ATfEYqRpkyVc0xR+A2AyHpdFA/I9IS0F5WhRbAWIEtQQbeAXE6lhC5jeRlj4GYgVsRaYK1HBCmmWgmuyxhAwu8BpaXjNgs/gYkYbcAGIXPCGDDkCOM8eVPkCEFhE+JhX8BGJnfAkTxgC57BOVLAXlihBC2RA9Vf+k0FJQKk8nJv+jCwQi5WNyQAWxpR02wRQS8icy6CKlmMUlUUGipfOQK3lKLAbhdhIKfWZS6258kiAfzCZg6V4gZiOn0UBIAcgn63BYehK50Ke2xQxQH+3FUoqJUtJMIlYhLxAfxVJu09xiWENuMxCrUaNhCBBgAOAVfjALa5TLAAAAAElFTkSuQmCC) no-repeat 7% center;
background-size: 15px 13px;
}
.check-box-design input[type=checkbox]:checked:hover + span {
color: rgba(255,255,255,0.5);
background: #e73214 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS5JREFUeNq8110OgjAMAGBGvIY3VESjt9jPg95PT+LccBIZ7dYOWJPGB+g+Ymg3hLW2QeLkcu/y2pSFdvl0eQevehjI3uXbfkMh96TShFq/xhG6J4faAtxEtSBOQTm4QWpnOBWl4CZT69fuYpiCpnBDrB1xLhrjgoFO8F1oGcFslUv4bV32zFoxmOHJta0XMn65dC0UaiddA8UGiN4axeC1cUkdmWviEls/NwL1FqjPNtNvoimPdC3yRCUTiTXbt0R/oSnw2iiK10BBvBY6w2uiE3xJr8oFtcrvxy/fVcyeVdGx98yotcOxN/znHeMUIhdMOG8c4reagssF43VEoT5O4ZJwvNUUFJtcEE5BMXyGpnanf5yDxjiI+hSJj7YunEBvhbuTCh9tD+jiR4ABAJ0SrJgNr1UAAAAAAElFTkSuQmCC) no-repeat 7% center;
background-size: 15px 15px;
}
.sub-exam-list{
margin-top:20px;
background:#FFF;
padding:20px
}
.sub-exam-list h4{
margin-top:0;
border-bottom:3px solid #ECECEC;
padding-bottom:8px
}
.sub-exam-list li{
border-bottom:1px solid #EBEBEB;
padding-bottom:4px;
padding-top:10px;
position:relative
}
.sub-exam-list li:after{
/*content:'\f096';
font-family:'FontAwesome';
position:absolute;
right:5px;
top:6px;
font-size:22px;*/
}
.check-box-design.sub-exam-list span{
background:none;
color:#999;
padding:0;
text-transform:capitalize;
font-size:14px;
padding:0;
text-align:left;
font-weight:normal
}
.check-box-design.sub-exam-list input[type="checkbox"]:checked + span,.check-box-design.sub-exam-list input[type="checkbox"] + span:hover{
background: url(../images/sub-exam-tick.png) no-repeat top right;
color:#e73214;
}
.btn.btn-success{
background:#e73214;
padding:10px 30px;
border:none;
border-radius:40px;
color:#FFF;
text-transform:uppercase
}
/*Footer */
footer{
padding:20px 0 15px 0;
text-align:center;
/*background:#F8F8F8*/
}
.footer-nav,.social-icons{
margin:10px 0 0 0
}
.footer-nav li a{
font-size:12px;
color:#969696;
margin:15px 5px 0px 5px;
display:block;
text-decoration:none;
text-transform:uppercase;
letter-spacing:.5px
}
.footer-nav li a:hover{
color:#2a2a2a
}
.social-icons li a{
font-size:12px;
color:#969696;
margin:15px 0px;
display:block;
text-decoration:none;
text-transform:uppercase;
letter-spacing:.5px;
border:1px solid #969696;
border-radius:50%;
height:30px;
width:30px;
line-height:30px;
}
.social-icons li a:hover{
background:#e73214;
color:#FFF;
border-color:#e73214
}
.footer-last{
border-top:1px solid #EBEBEB;
padding-top:10px;
font-size:12px;
color:#969696;
}
.footer-last p{
margin:0
}
.footer-last a{
font-size:12px;
text-decoration:none;
color:#969696;
}
#top-details a:hover{
color:#d2d2d2;
}
#top-details{
background-color:#e73214;
color:#fff;
padding:15px 0;
}
#top-details .top-icon{
margin-right:10px;
font-weight:bolder;
}
#top-details .top-icon i{
font-weight:bold;
}
#top-details .reply-us{
margin:0 15px;
}
#footer img{
width:100%;
}
#logo-nav .navbar-default{
border:none;
margin:10px 0;
}
#logo-nav .navbar-nav>li>a{
padding:25px 10px;
font-size: 17px;
color: #000;
}
#features{
padding:50px 0px 80px 0;
}
/*h2{
font-size:35px;
font-weight:normal;
}
.details{
padding:0 100px;
}
p{
line-height:25px;
margin:20px 0 30px 0;
}*/
#features .set-1, #features .set-2, #features .set-3, #features .set-4, #features .set-5, #features .set-6, #features .set-7, #features .set-8{
height:255px;
position:relative;
margin:25px 0;
}
#features .sets-icons{
width:98%;
height:190px;
line-height:190px;
position:absolute;
left:0;
right:0;
top:8px;
margin:0 auto;
background:#fff;
}
#features .sets-name a{
font-size:20px;
text-transform:capitalize;
position:absolute;
text-decoration:none;
bottom:15px;
right:0;
left:0;
color:#fff;
font-weight:500;
}
#end-less{
padding:50px 0;
}
#end-less h4{
margin-bottom:20px;
}
#time-features-a{
padding:25px 0;
}
#time-features-a ul{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
#time-features-a li{
float: left;
}
#time-features-a li a{
display: block;
color:#000;
text-align: center;
padding: 16px;
text-decoration: none;
width:126px;
height:150px;
}
#time-features-a .icon-img{
width:100%;
height:80px;
}
#time-features-a li:after, #time-features-a .active:after{
content:'';
width:0%;
height:5px;
display:block;
transform:
-webkit-transition-duration: 1s; /* Safari */
transition-duration:1s;
}
#time-features-a li:hover:after, #time-features-a .active:after{
width:100%;
}
#time-features-a .list-set-1:after{
background-color:#ED8274;
}
#time-features-a .list-set-2:after{
background-color:#F4AF49;
}
#time-features-a .list-set-3:after{
background-color:#50C2BE;
}
#time-features-a .list-set-4:after{
background-color:#E74C3C;
}
#time-features-a .list-set-5:after{
background-color:#15395D;
}
#time-features-a .list-set-6:after{
background-color:#9B59B6;
}
#time-features-a .list-set-7:after{
background-color:#485CBD;
}
#time-features-a .list-set-8:after{
background-color:#1F7673;
}
#time-features-a .list-set-9:after{
background-color:#34900a;
}
#time-features-a .list-set-10:after{
background-color:#c10358;
}
#time-features-a .list-set-11:after{
background-color:#663c88;
}
#time-saveing{
/*padding:50px 0;---Deleted ---*/
position:relative;
/*margin:100px 0;*//*new*/
}
#time-saveing p{
margin-bottom:60px;
}
#time-saveing .time-icon{
width:15%;
height:80px;
}
#time-saveing .time-info{
width:85%;
padding:0 30px;
}
#time-saveing h4{
margin:0;
}
#time-saveing .time-icon-info{
margin-bottom:20px;
}
#time-saveing .time-icon-info p{
margin:10px 0;
}
#third-party{
position:relative;
/*padding:10px 0 80px 0;---Deleted ---*/
padding: 50px 0;/*new*/
margin:100px 0;/*new*/
color:#fff;
}
#third-party .third-icon-info{
margin-top:20px;
}
#third-party h2{
font-weight:300;
font-size:30px;
line-height:40px;
}
#third-party .third-icon{
width:30%;
height:120px;
line-height:120px;
}
#third-party .third-info{
width:70%;
padding:0 0px 0 30px;
line-height:30px;
color:#e8e8e8;
}
#third-party .third-party-watch{
position:absolute;
right:0;
left:0;
top:-13px;
margin:0 auto;
text-align:center;
}
#multi-test{
/*padding:50px 0 ;---Deleted ---*/
margin:100px 0;/*new*/
}
#multi-test p{
margin-bottom:50px;
}
#secure{
/*padding:100px 0;---Deleted ---*/
margin:100px 0;/*new*/
}
#secure h2{
margin-top:0;
}
#secure p{
margin:20px 0 0px 0;
}
#secure ul {
line-height:40px;
padding-top:10px;
}
#secure li{
padding: 3px 0px 3px 40px;
font-size:16px;
list-style: none;
margin: 0;
}
#secure .list-1 li:before{
content: ' \f05d';
font-family: 'FontAwesome';
float: left;
margin-left: -1.5em;
font-size:25px;
font-weight:normal;
}
#secure .list-2 li{
background: url(../images/secure-check-2.png) no-repeat;
background-position:0px 10px;
}
#bellroy{
/*padding:100px 0;---Deleted ---*/
margin:100px 0;/*new*/
}
#bellroy img{
width:100%;
}
#differential{
/*padding:50px 0;---Deleted ---*/
margin:100px 0;/*new*/
}
#differential h2{
font-size:30px;
}
#differential ul {
line-height:40px;
padding-top:10px;
}
#differential li{
background: url(../images/check-correct.png) no-repeat;
background-position:0px 18px;
padding: 3px 0px 3px 30px;
font-size:16px;
list-style: none;
margin: 0;
}
#pos{
/*padding:100px 0 100px 0;---Deleted ---*/
margin:100px 0;/*new*/
}
#pos h2{
margin:0;
}
#pos h4{
margin:25px 0 0 0;
}
#pos p{
margin:10px 0;
}
#detailed-frame{
color:#fff;
padding:100px 0 0 0 ;
position:relative;
}
#detailed-frame h2{
text-transform:uppercase;
font-weight:bold;
}
#detailed-frame p{
margin-bottom:50px;
}
#make-sure{
/*padding:100px 0;---deleted*/
margin:100px 0;/*new*/
}
#make-sure .make-sure-group{
position:relative;
}
#make-sure p{
margin-bottom:50px;
font-size:16px;
}
#make-sure .make-text-group{
width:260px;
height:110px;
padding:15px;
position:absolute;
}
#make-sure .make-text-group h4{
font-size:20px;
font-weight:bold;
margin:0;
}
#make-sure .make-text-group p{
line-height:25px;
font-size:13px;
margin:7px 0;
}
#make-sure .make-text-3{
left:0px;
bottom:110px;
}
#make-sure .make-text-2{
right:-20px;
top:250px;
}
#make-sure .make-text-1{
right:240px;
top:140px;
}
#digital{
padding:50px 0;
font-family:'Leelawadee';
}
#digital p{
font-size:16px;
margin-bottom:50px;
}
#digital h2{
color:#e73214;
font-weight:500;
}
#digital .details{
padding:0 250px;
}
#digital ul{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
#digital li{
float: left;
}
#digital .sign-ul-1{
margin-bottom:20px;
}
#digital .sign-ul-1 li a{
display: block;
color:#000;
text-decoration: none;
margin:0 0 0 100px;
width:280px;
padding:10px 0px;
background-repeat:no-repeat;
background-position:20px 0px;
}
#digital .sign-ul-1 li a:hover, #digital .sign-ul-1 .active a{
color:#e73214;
}
#digital .sign-ul-1 li a:hover h1, #digital .sign-ul-1 .active a h1{
color:rgba(238, 71, 56, 0.1);
}
#digital h1{
font-size:100px;
font-weight:bold;
margin:0;
margin-left:20px;
color:rgba(0,0,0,0.1);
position:relative;
}
#digital .sign-pack{
position:absolute;
top:20px;
font-size:16px;
}
#digital .sign-name{
font-size:30px;
position:absolute;
top:40px;
font-weight:bold;
}
#digital .sign-group-a{
position:relative;
}
#digital .icon-ul{
width:500px;
margin:0 auto;
}
#digital .sign-ul-2 li a{
display: block;
color:#000;
text-decoration: none;
width:230px;
margin:0 20px;
padding:10px 0px;
background-repeat:no-repeat;
background-position:20px 0px;
}
#digital .course-name{
font-size:18px;
margin:5px;
}
#digital .course-img{
width:100%;
}
#course-ul a:after, #course-ul .active a:after{
content:'';
width:0%;
height:5px;
background-color:#CA0205;
display:block;
transform:
-webkit-transition-duration: 1s; /* Safari */
transition-duration:1s;
}
#course-ul a:hover:after, #course-ul .active a:after{
width:100%;
}
#packs h3{
color:#fff;
font-size:26px;
}
#packs .details{
padding:10px 200px;
background:#DB4256;
color:#fff;
}
#packs h2{
font-weight: bold;
color: #e73214;
margin-top: 50px;
font-size: 20px;
}
#packs .sub-chptr .panel, #packs .sub-chptr .panel-group {
margin-bottom: 3px;
}
#packs h2 span {
color: #2a2a2a;
}
/**********************collapsed**************************/
.panel-heading .accordion-toggle:after {
/* symbol for "opening" panels */
font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
content: "\e114"; /* adjust as needed, taken from bootstrap.css */
float: right; /* adjust as needed */
color: grey; /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
/* symbol for "collapsed" panels */
content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}
/*********************************************************/
#packs .pack-group{
position:relative;
margin:25px 0;
}
#packs .pack-group p{
margin:0;
}
#packs .test-name{
position: relative;
height: 60px;
padding: 2px 60px 0 20px;
margin: 0 auto;
box-shadow: 2px 2px 2px #e2e2e2;
/*font-family:'Leelawadee';*/
}
#packs .test-name h5{
color: #fff;
font-weight: normal;
line-height: 20px;
font-size: 14px;
}
#packs .triangle-1{
position:absolute;
width: 40%;
right:20px;
top:-10px;
border-bottom: 70px solid #fff;
border-left: 70px solid transparent;
}
#packs .triangle-img{
position:absolute;
width:70px;
height:55px;
line-height:55px;
top:3px;
right:20px;
}
#packs .triangle-img img{
width:100%;
}
#packs .para-box{
padding:20px;
box-shadow:2px 3px 12px #a5a5a5;
position:relative;
z-index:3;
}
#packs .buy-box{
font-size:13px;
font-weight:bold;
color:#fff;
padding:8px;
width:90%;
margin:0 auto;
box-shadow:20px 8px 20px #c5c5c5;
position:relative;
}
#packs .triangle-2{
position:absolute;
width: 70%;
right:-18px;
bottom:-6px;
border-top: 40px solid #fff;
border-left: 40px solid transparent;
}
#packs .triangl-price{
position:absolute;
color:#000;
top:2px;
right:10px;
}
#packs .txt-wrng{
color:#858282;
font-size:16px;
margin:0 20px;
}
#packs .txt-crt{
font-size:25px;
font-weight:500;
}
#packs .panel-default>.panel-heading {
background-color:#e73214;
border-color:#e73214;
color:#fff;
}
#packs .subject-group ul{
list-style:none;
margin:0;
padding:0;
}
#packs .subject-group li{
padding: 8px 10px;
border-radius: 3px;
display: inline-block;
width: 48%;
margin: 0;
overflow: hidden;
line-height: 0;
}
/*#packs .subject-group li:hover{
background:#db4256;
}*/
#packs .subject-group li:hover a{
text-decoration:none;
}
#packs .subject-group a{
font-size:14px;
display: inline-block;
color: #333;
white-space:nowrap;
overflow: hidden;
}
#packs .subject-icons{
margin-right:10px;
}
#packs .panel-title>a{
text-decoration:none;
}
#packs .panel-heading .accordion-toggle:after {
content: '\f077';
font-family: 'FontAwesome';
float: right;
color: white;
}
#packs .panel-heading .accordion-toggle.collapsed:after{
content: ' \f078';
}
/*------------------------------------------------------------------------------------------------*/
.p-0{
padding:0px;
}
.clr-1{
color:#f44336;
}
.clr-2{
color:#F4AF49;
}
.clr-3{
color:#50C2BE;
}
.clr-4{
color:#4CAF50;
}
.clr-5{
color:#03A9F4;
}
.clr-6{
color:#9B59B6;
}
.clr-7{
color:#485CBD;
}
.clr-8{
color:#1F7673;
}
.clr-9{
color:#34900a;
}
.clr-10{
color:#c10358;
}
.clr-11{
color:#663c88;
}
.bckgd-clr-1{
background-color:#f44336;
}
.bckgd-clr-2{
background-color:#F4AF49;
}
.bckgd-clr-3{
background-color:#50C2BE;
}
.bckgd-clr-4{
background-color:#4CAF50;
}
.bckgd-clr-5{
background-color:#03A9F4;
}
.bckgd-clr-6{
background-color:#9B59B6;
}
.bckgd-clr-7{
background-color:#485CBD;
}
.bckgd-clr-8{
background-color:#1F7673;
}
.bckgd-clr-9{
background-color:#34900a;
}
.bckgd-clr-10{
background-color:#c10358;
}
.bckgd-clr-11{
background-color:#663c88;
}
.m-l-0{
margin-left:0px !important;
}
.m-r-0{
margin-right:0px !important;
}
.clr-0{
color:#000;
}
.m-l-r-15{
margin:0 15px;
}
.m-t-80{
margin-top:80px !important
}
/***********************************/
.p-t-0{
padding-top:0px;
}
section {
padding-bottom: 50px;
}
.m-0 {
margin: 0px !important;
}
.p-b-10 {
padding-bottom: 10px;
}
/*------------------------------------------------------------------------------------------------*/
/***********************************/
#contact-name{
background:#2D3D52;
color:#fff;
}
#contact-name h1{
font-weight:normal;
padding:10px 0;
font-family:'Leelawadee';
}
#contact-map .map-direction{
width:100%;
height:500px;
position:relative
}
iframe{
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
}
#contact-map{
font-family:'Leelawadee';
}
#contact-map .contact-details{
position:relative;
height:700px;
}
#contact-map .touch-info, #contact-map .write-to-us{
width:100%;
height:450px;
margin:0 auto;
background:#2d3d52;
position:absolute;
right:0;
left:0;
box-shadow: 3px 3px 10px #9c9c9c;
top:-290px;
}
#contact-map .write-to-us{
top:200px;
}
#contact-map .get-in-touch{
top:-200px;
background-color:#fff;
width:70%;
height:100%;
padding:60px 80px;
}
#contact-map .get-in-touch h3,#contact-map .write-to-us h3{
text-transform:uppercase;
color:#e73214;
font-family:'Leelawadee';
font-weight:bold;
margin-top:0;
font-size:27px;
}
#contact-map .get-in-touch p{
font-size:18px;
}
#contact-map input{
border:none;
border-bottom:1px solid #888;
padding:10px 0;
border-radius:0;
}
#contact-map .input-ful{
width:200px !important;
}
#contact-map .input-hlf{
width:150px !important;
}
#contact-map input:focus{
outline:none;
box-shadow:none;
}
#contact-map .form-control{
width:85%;
box-shadow:none;
padding:10px 0;
border:none;
border-bottom:1px solid #888;
border-radius:0;
}
#contact-map .form-group{
margin: 0 30px 10px 0;
}
#contact-map .get-btn{
border:none;
background:#e73214;
border-radius:0;
color:#fff;
font-size:18px;
padding:5px 20px;
margin-top:20px;
}
#contact-map .get-btn:hover{
background:#2D3D52;
}
#contact-map .get-txt{
font-size:13px;
margin:0 10px 0 30px;
color:#888;
}
#contact-map .in-get-txt{
color:#E75B0E;
font-size:15px;
}
#contact-map .contact-info{
padding:40px 50px;
width:30%;
color:#fff;
height:100%;
}
#contact-map .write{
background:#fff;
color:#e75b0e;
padding:40px 20px;
width:25%;
height:100%
}
#contact-map .contact-info-bg{
width:75%;
height:100%;
padding:50px 60px;
color:#fff;
}
#contact-map .contact-info-bg h2{
font-family:'Leelawadee';
margin-top:0px;
}
#contact-map .contact-info h2, #contact-map .write h2{
font-family:'Leelawadee';
font-size:30px;
}
#contact-map .i-circle {
width:80px;
height:80px;
border-radius:50%;
margin-top:30px;
line-height:70px;
border:1px solid #fff;
display:inline-block;
}
#contact-map .write-to-us .i-circle{
border-color:#e73214;
}
#contact-map .social-media a, #contact-map .contact-social-media a{
color:inherit;
}
/*#contact-map .write-to-us h3{
padding:0 10px;
letter-spacing:2px;
font-weight:bold;
font-size:22px;
line-height:30px;
}*/
#contact-map .our-location, #contact-map .your-message, #contact-map .phone{
width:50%;
margin-bottom:20px;
}
#contact-map .our-location, #contact-map .your-message{
height:140px;
}
#contact-map .your-message{
padding-left:50px;
}
#contact-map .contact-name{
text-transform:uppercase;
font-weight:bold;
margin:10px 0;
}
#contact-map .name-icons{
margin-right:10px;
font-size:18px;
}
#contact-map .media-circle-2{
font-size:22px;
border:1px solid #2D3D52;
width:35px;
height:35px;
display:inline-block;
border-radius:50%;
line-height:35px;
}
#contact-map .media-circle-2:hover, #contact-map .active{
border:1px solid #fff;
}
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*********************header/footer********************/
#innear header ul li a{
color: #000;
}
#innear header ul li a:hover{
background:#2D3D52;
color:#fff;
}
#top-header.inner-top::after {
background:#FFF;
}
.inner-top .list-inline>li, .inner-top ul li a {
color:#fff !important;
}
.breadcrumb{
background:none;
}
.breadcrumb a{
font-size:12px;
color:#ACACAC
}
/* Sub category Pages */
#entrance, #recritment{
padding:50px 0;
}
#entrance h2, #recritment h2{
font-weight:normal;
}
#entrance p, #recritment p{
font-weight:normal;
margin-top:0;
font-size:20px;
margin-bottom:50px;
}
#entrance .font-clr, #recritment .font-clr{
color:#ED493A;
}
#entrance .entrance-group, #recritment .recruit-group{
position:relative;
width:100%;
box-shadow:0px 0px 20px #CCC;
height:500px;
overflow:hidden;
}
#recritment .recruit-group{
height:300px;
box-shadow:none;
border-radius:5px;
margin-bottom:20px;
}
/*#recritment .recruit-group:after{
position:absolute;
content:'';
top:0;
left:0;
right:0;
bottom:0;
display:block;
background:rgba(0,0,0,0.5);
}*/
#recritment .upper-text{
position:absolute;
z-index:5;
color:#fff;
padding:24px;
width:100%;
left:0px;
bottom:0px;
}
#recritment .upper-text a{
color:#fff;
text-decoration:none;
}
#recritment .upper-text h3{
margin:0;
font-size:20px;
line-height:25px;
letter-spacing:1px;
}
#recritment .recri-title{
height:50px;
overflow:hidden;
}
.p-l-r-10{
padding:0 10px;
}
#recritment .recruit-group img{
-webkit-transition: all 400ms ease-in;
-ms-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
transition: all 400ms ease-in;
}
#recritment .recruit-group:hover img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
#entrance .entrance-group img{
width:100%;
}
#entrance .entrance-name{
width:100%;
height:80px;
position:absolute;
bottom:0;
color:#5f5f5f;
}
#entrance .entrance-name h4{
font-weight:500;
text-transform:uppercase;
margin:0;
padding:30px;
}
#entrance .btn-control, #recritment .btn-control{
margin:20px 0 0 0;
color:#fff;
font-size:16px;
padding:8px 25px;
border-radius:25px;
border:2px solid #fff;
background:none;
-webkit-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
transition: all 200ms ease-in;
}
#recritment .btn-control{
margin:10px 0 0 0;
}
#entrance .btn-control:hover, #recritment .btn-control:hover{
background:#ED493A;
color:#fff;
border-color:#ED493A;
}
#entrance .overlay , #recritment .overlay {
position: absolute;
bottom: 0;
left: 100%;
right: 0;
background-color:rgba(0,0,0,0.8);
overflow: hidden;
width: 0;
height: 100%;
transition: .5s ease;
}
#entrance .entrance-group:hover .overlay, #recritment .recruit-group:hover .overlay {
width: 100%;
left: 0;
}
#entrance .text {
white-space: nowrap;
color: white;
font-size: 25px;
position: absolute;
overflow: hidden;
top: 50%;
padding:10px;
letter-spacing:2px;
text-transform:uppercase;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.m-auto{
margin:0 auto !important
}
/* Checkout*/
.steps-container li{
padding:15px 30px;
border-bottom:2px solid #999;
margin:0px 20px;
}
.steps-container li a{
font-size:16px;
color:#999;
display:block;
font-weight:600;
opacity:.7;
text-decoration:none;
text-transform:uppercase
}
.steps-container li.current{
color:#e73214;
border-bottom-color:#e73214;
opacity:1
}
.steps-container li.current a{
color:#e73214;opacity:1
}
.shipping-form {
margin-top:20px
}
.shipping-form label{
margin:0;
font-size:13px;
text-transform:uppercase;
color:#000;
font-weight:normal;
opacity:.5
}
.shipping-form .form-control{
box-shadow:none;
border-radius:0;
border-color:#DDD;
height:38px;
color:#000;
margin-bottom:30px;
}
.shipping-form .btn.btn-success{
margin-top:20px;
text-align:center
}
.checkout-footer{
margin:30px 0
}
.payment-message.success-block,.payment-message.failed-block{
background:#52c799;
padding:25px 35px;;
color:#FFF;
}
.payment-message.failed-block{
background:#E73214
}
.payment-message{
}
.payment-message i{
font-size:75px;
border:1px solid #FFF;
border-radius:50%;
height:90px;
width:90px;
text-align:center;
line-height:90px;
float:left
}
.payment-message h1{
margin-left:120px;
margin-top:30px;
}
.success-form{
width:40%;
margin:0 auto;
box-shadow:0 0 5px 3px rgba(0,0,0,.08);
padding:25px;
margin-top:40px
}
.success-form h2{
text-align:center;
margin-bottom:10px;
font-size:22px;
font-weight:bold;
}
.success-form h4{
text-align:center;
color:#52c799;
font-weight:bold;
margin:0 0 25px 0;
font-size:16px;
}
.success-form .form-horizontal{
padding:0px 35px
}
.form-logo img{
margin:0 auto
}
.h-150{
height:150px !important
}
/*help Page*/
#help-page-container{
background:#F7F7F7;
padding:50px 0
}
.help-number span{
display: block;
height: 40px;
width: 40px;
border-radius: 50%;
border: 1px solid #DDD;
text-align: center;
line-height: 40px;
font-size: 18px;
font-weight: bold;
position: absolute;
left: -15px;
right: 0px;
text-align: center;
margin: 0 auto;
}
.help-number {
border-right:1px solid #DDD;
float:left;
width:20%;
position:relative;
height:90px;
padding-top:25px
}
.help-content{
float:right;
width:75%;
}
.help-content h3{
font-size:22px;
margin-top:0;
margin-bottom:10px
}
.help-content p{
font-size:12px;
line-height:20px;
opacity:.8;
margin:0
}
.help-steps-container{
position:relative;
overflow:hidden
}
.help-steps-container:before{
content:'';
position:absolute;
width:150px;
height:2px;
background:#ECECEC;
top:80px;
left:-150px;
right:0;
margin:0 auto
}
.help-steps-container:after{
content:'';
position:absolute;
width:2px;
height:100%;
background:#ECECEC;
top:80px;
left:0;
right:0;
margin:0 auto
}
.help-steps{
position:relative;
z-index:1;
background:#FEFEFE;
z-index:1;
left:150px;
top:100px;
padding:20px;
box-shadow:0 0 15px 5px rgba(0,0,0,.03);
box-sizing:border-box;
}
.help-steps .bullet-points{
position: absolute;
height: 13px;
width: 13px;
background: #e73214;
border-radius: 50%;
left: -74px;
top: 50px;
}
.help-steps .bullet-points:after{
content:'';
position:absolute;
height:23px;
width:23px;
border-radius:50%;
top:-5px;
left:-5px;
border:2px solid #e73214;
background:#FFF;;z-index:-1
}
.help-steps .bullet-points:before{
content:'';
position:absolute;
background:#FFF;
border:1px dashed #e73214;
height:2px;
width:73px;
z-index:-1;
top:5px;
}
.even-block .help-steps{
left:0
}
.even-block .help-steps .bullet-points{
top: 50px;
right: -120px;
left:auto
}
.even-block .help-steps .bullet-points::before{
width: 100px;
left: -105px;
}
.screenshop-block{
position:relative;
min-height:450px
}
.screenshop-block img{
position:relative;
z-index:2;
box-shadow:0 0 15px 5px rgba(0,0,0,.03);
}
.img-line:before{
content:'';
position:absolute;
height:1px;
width:180px;
background:#FFF;
border:1px dashed #e73214;
right:-110px;
top: 80px;
}
.img-line:after{
content:'';
position:absolute;
height:65px;
width:1px;
background:#FFF;
border:1px dashed #e73214;
right:-114px;
top: 80px;
z-index:1
}
.even-block .img-line:before{
left:-110px;
right:auto
}
.even-block .img-line:after{
left:-113px;
right:auto;z-index:1
}
.pack-description{
text-align:left;
line-height:28px;
text-indent:20px
}
.pack-price-container{
box-shadow: 0 10px 20px rgba(0,0,0,0.15), 0 6px 6px rgba(0,0,0,0.15);
}
.pack-price-container .pack-img{
height:150px;
}
.pack-price-block{
padding:20px 20px;
position:relative;
z-index:2;
text-align:left
}
.pack-price-block h5{
color:#FFF;
font-size:10px;
opacity:.8;
}
.pack-price-block h5 span{
font-size:14px;
text-decoration:line-through;
}
.pack-price-block:after{
content:'';
position:absolute;
background:#000;
height:100%;
width:100%;
opacity:.8;
left:0;
right:0;
top:0;
z-index:-1
}
#packs .pack-price-block h3{
margin:0;
font-size:28px
}
.pack-price-block h3 span{
font-size:12px;
}
.pack-price-content{
text-align:left;
border:1px solid #dedede;
padding:15px;
}
.pack-price-content .btn{
display:block;
text-align:center;
margin-top:10px;
margin-bottom:25px
}
.benefits-block{
margin-left:30px;
}
.benefits-block li{
margin:5px 0;
}
.benefits-block li i{
font-size:10px
}
/* Mega Menu container */
.megamenu-container{
position:absolute;
background:#F6F6F6;
width:80%;
left:200px;
opacity:0;
margin-top:50px;
visibility:hidden;
text-align:left;
height:300px;
box-shadow:0px 0px 3px 5px rgba(0,0,0,.05);
transition: all 0.3s ease 0s;
}
.mega-menu-shows:hover .megamenu-container{
opacity:1;
visibility:visible;
transition: all 0.3s ease 0s;
margin-top:-5px;
}
.megamenu-container.three-block-mega{
width:100%;
left:0;
background:#FFF;
height:350px;
padding:0
}
.megamenu-container.three-block-mega .col-md-4{
padding:15px 15px;
height:350px
}
.megamenu-container.three-block-mega .col-md-4:nth-child(2n+1)
{
background:#F7F7F7;
height:350px
}
.megamenu-container.three-block-mega .mega-menu h4{
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:bold
}
.megamenu-container a{
color:#2a2a2a;
background:none !important;
padding:0;
text-transform:capitalize;
font-weight:normal;
margin-bottom:5px;
display:block
}
header.sticky .megamenu-container a:hover{
color:#2a2a2a
}
.megamenu-container ul{
margin:0;
}
.mega-menu h4{
padding:15px 15px 10px 15px
}
.megamenu-container li{
padding:0px 15px;
line-height:24px
}
.sub-sub-nav{
position:absolute;
background:#F2F2F2;
top:0;
width:68%;
left:32%;
padding:15px;
box-sizing:border-box;
height:300px;
}
.sub-sub-nav h4{
margin:0;
padding-top:0;
text-align:left
}
.sub-sub-nav:not(.first-nav){
display:none
}
.megamenu-container li:hover .sub-sub-nav{
display:block
}
.megamenu-container li.main-list{
width:200px;
}
.megamenu-container li.main-list i{
float:right
}
/* OTI concept*/
#packs .concept-container h2.concept-title{
font-size: 30px;
text-align:center;
margin-bottom:80px;
display:block
}
.head-title-oti {
color: #104B85;
font-size: 26px;
margin-bottom: 10px;
margin-top:5px
}
.head-details-oti {
font-size: 14px;
}
.discussion-group .head-img {
margin-top: 150px;
}
.head-img {
margin-bottom: 30px !important;
margin-top:80px !important
}
.at-cost-group .suc-view {
background: #104B85;
color: #fff;
display: inline;
padding: 8px 15px;
position: absolute;
top: -50px;
right: 120px;
}
.at-cost-group .suc-view a{
text-decoration:none;
color:#FFF
}
.at-cost-group .suc-view::after {
position: absolute;
content: '';
width: 0;
left: 60px;
height: 0;
bottom: -10px;
display: block;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 10px solid #104B85;
}
.concept-container section {
padding-bottom: 140px;
}
.grey-bg{
background:#f6f6f6;
}
.p-t-30{
padding-top:30px !important
}
/****************oti-con**********************/
.top-logo-group .box-let{
background:#104B85;
border-radius:15px;
padding:10px 10px;
margin-top:30px;
}
.top-logo-group .logo-info{
font-size:26px;
font-family:'Leelawadee';
line-height:35px;
margin-top:10px;
color:#104B85;
}
.top-logo-group .logo-info span{
color:#E73214;
}
.top-logo-group h2{
font-size:38px;
font-family: 'Poppins', sans-serif;
font-weight:bold;
color:#fff;
margin:0;
}
.top-logo-group .logo-mrg{
margin-top:50px;
}
.top-logo-group .logo-mrg-2{
width:100%;
}
#oti365-top{
padding-top:100px;
/* Safari 5.1+, Chrome 10+ */
background: -webkit-radial-gradient(100% 0%, #C9F4FF, #F6FDFF, #FFF);
/* Firefox 3.6+ */
background: -moz-radial-gradient(100% 0%, #C9F4FF, #F6FDFF, #FFF);
/* IE 10 */
background: -ms-radial-gradient(100% 0%, #C9F4FF, #F6FDFF, #FFF);
}
.discussion-group .head-img{
margin-top:200px;
}
.discussion-group .dis-set{
padding-right:70px;
}
.head-img{
margin-bottom:30px !important;
}
#packs h2.head-title-oti{
font-size:26px;
margin-bottom:10px;
letter-spacing:1px;
line-height:32px;
}
#pack .head-details-oti{
font-size:16px;
line-height:30px;
}
.searching-group .head-img{
margin:0 200px;
}
#searching{
padding:50px 0;
}
.successfully-group .head-img{
margin-top:50px;
}
.successfully-group h2{
font-size:34px;
}
.single-student-group .head-img{
margin:50px 200px 0 200px;
}
.at-cost-group{
padding-bottom:100px;
}
.at-cost-group .head-img{
margin:80px 210px 0 210px;
}
.at-cost-group .first-img{
margin-top:100px;
}
.at-cost-group h2{
font-size:33px;
}
.at-cost-group .suc-img{
position:relative;
}
.at-cost-group .suc-view{
background:#104B85;
color:#fff;
display:inline;
padding:8px 15px;
position:absolute;
top:-50px;
right:120px;
}
.at-cost-group .suc-view:after{
position:absolute;
content:'';
width: 0;
left:60px;
height: 0;
bottom:-10px;
display:block;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 10px solid #104B85;
}
.get-double-group .head-img{
margin:100px 0 0 150px;
}
.get-double-group .get-double-img{
margin-top:100px;
}
.get-double-group .get-double-img-1{
margin-top:20px;
width:100%;
}
.get-double-group .double-exp{
background-color:#323232;
color:#eee;
font-size:18px;
line-height:30px;
padding:40px 40px 60px 40px;
}
.benifits-group h1{
font-size:46px;
font-family:'Leelawadee';
}
.benifits-group h2{
color:#014E78;
font-size:36px;
margin-top:8px;
}
.benifits-group .para{
font-size:24px;
margin:18px 0 80px 0;
}
#benefits{
padding:100px 0;
}
.benifits-group .benefits-imgs{
height:100px;
}
.benifits-group h4{
color:#014E78;
font-size:22px;
}
.benifits-group .benifits-block{
position:relative;
}
.benifits-group .benifits-block:after{
position:absolute;
content:'';
height:1px;
width:100%;
left:0;
right:0;
margin:0 auto;
background:#BCCFDB;
display:block;
margin-top:20px;
}
.benifits-group .benifits-block:before{
position:absolute;
content:'';
height:100%;
width:1px;
top:0;
right:-15px;
background:#BCCFDB;
display:block;
}
.benifits-group .benifits-block{
margin-bottom:25px;
padding:10px;
}
.benifits-group .n-r-b:before{
display:none !important;
}
.benifits-group .n-d-b:after{
display:none !important;
}
/*********************************************/
/*New Dropdown*/
.nav-drop-down .sub-nav-group.feature-sub-menu{
background:#FFF;
position:absolute;
border:none;
width:100%;
left:0;
top:80px;
z-index:9999 ;
padding:0;
margin:0;
transform: scale(1);
transition: all 0.2s linear;
opacity:0
}
.nav-feature-block{
padding:15px;
position:relative;
z-index:88
}
.nav-drop-down .feature-sub-menu .nav-feature-block img{
opacity:.1;
transform: scale(0.8);
transition: all 0.2s linear;
}
.nav-drop-down .feature-sub-menu .col-md-3{
padding:0;
border-right:1px solid #FCFCFC;
text-align:center;
border-top:1px solid #FCFCFC;
color:#FFF;
}
.nav-drop-down .feature-sub-menu .col-md-3:nth-child(4n+4){
border-right:none
}
.nav-drop-down .feature-sub-menu .col-md-3:nth-child(-n+4){
border-top:none
}
.nav-drop-down .sub-nav-group.feature-sub-menu a{
color:#FFF !important;
position:absolute;
height:100%;
width:100%;
left:0;
top:0;
background:none;
padding-top:70px;
text-align:center;
font-size:20px;
transition: all 0.2s linear;
}
.nav-drop-down .feature-sub-menu .nav-feature-block:hover img{
opacity:1;
transform: scale(1);
transition: all 0.2s linear;
}
.nav-drop-down .feature-sub-menu .col-md-3:hover .nav-feature-block a{
padding-top:60px;
transition: all 0.2s linear;
}
.nav-drop-down:hover .feature-sub-menu {
top:55px;
opacity:1;
transition: all 0.2s linear;
box-shadow:0px 0px 3px 5px rgba(0,0,0,.05);
}
header.sticky .nav-drop-down:hover .feature-sub-menu{
top:45px
}
header.sticky .mega-menu-shows:hover .megamenu-container{
margin-top:10px
}
.clg-list-block{
width:155px;
text-align:center;
background-color: #fff;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
border-radius: 2px;
padding:10px 0 5px 0;
margin-bottom:15px;
height:210px;
overflow:hidden;
vertical-align:middle
}
.clg-list-block img{
height:100px;
}
.clg-list-block h4{
padding:0px 10px;
font-weight:400;
font-size:14px;
line-height:22px;
}
.subject-heading{
padding:20px 0 5px 0
}
.sticky-sub-head{
position:fixed;
background:#FFF;
border-bottom:2px solid #F1F1F1;
z-index:1;
width:62%;
top:75px;
padding-left:15px;
color:#e73214;
display:none
}
.sticky-sub-head.sticky{
display:block
}
/*REsponsive menu */
.slide-menu,.slide-menu:focus,.slide-menu:hover{
font-size:40px;
color:#FFF;
position:absolute;
top:25px;
right:25px;
background:none !important;
z-index:100
}
header.sticky .slide-menu{
color:#2a2a2a !important
}
.slide-menu#responsive-menu-bars-close{
color:#000;
background:none !important
}
#responsive-menu-container{
position:fixed;
background:#FFF;
z-index:999;
top:0;
left:-300px;
width:300px;
box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.14);
overflow-y:auto;
height:100%;
box-sizing:border-box;
}
#responsive-menu-container li.logo {
text-align: center;
margin-top: 32px;
margin-bottom: 80px;
}
#responsive-menu-container #logo-block {
margin-bottom: 35px;
margin-top:20px;
text-align:center;
background:none !important
}
#responsive-menu-container li a{
font-size: 14px;
line-height: 44px;
padding: 0 30px;
color: rgba(0,0,0,0.87);
display: block;
text-decoration:none
}
#responsive-menu-container li>a:hover {
background-color: rgba(0,0,0,0.05);
}
#responsive-menu-container .responsive-submenu li a{
font-size:13px;
padding-left:40px;
line-height:40px;
color: rgba(0,0,0,0.7);
}
#responsive-menu-container .responsive-submenu {
background:#F6F6F6;
padding-top:20px;
}
.responsive-menu-overlay.active{
position:fixed;
height:100%;
width:100%;
left:0;
top:0;
background:#000;
opacity:.8;
z-index:8
}
#responsive-menu-container #packs-nav{
padding-left:40px;
background:#F6F6F6;
padding-top:20px;
}
#responsive-menu-container #packs-nav h4{
margin:0px;
font-size:14px
}
#packs-nav li a{
padding:0 15px !important;
font-size:13px
}
.letter-head{
height:96px;
width:96px;
border-radius:50%;
text-align: center;
margin: 0 auto;
line-height:90px;
position:relative;
}
.letter-head span{
font-size: 30px;
font-weight: 700;
color: #FFF;
height:90px;
width:90px;
border-radius:50%;
display:block;
background:inherit;
left:3px;
top:3px;
position:relative;
border:3px solid #FFF
}
.triangle-img .letter-text{
color:inherit;
text-decoration:none;
font-size:20px;
font-weight:700;
text-align:center
}
.pack-group a{
text-decoration:none;
}
.pack-group a:hover{
color:inherit
}
/*******************************responsive******************************************/
#navigation .nav-menu-drop{
display:none;
}
@media (max-width:980px){
#subscp .subs-form{
margin:0 !important;
float:none
}
#contact-map .contact-details{
height:auto
}
#contact-map .touch-info, #contact-map .write-to-us {
height:auto;
position:relative;
top:30px
}
#contact-map .write-to-us{
top:100px;
}
#contact-map .write,.map-direction,.third-party-watch,.differential-img img{
display:none
}
.footer-nav li a{
margin-left:0
}
.discussion-group .head-img{
margin-top:20px !important;
text-align:center
}
.feature-tab-link{
text-align:center;
width:100%;
overflow:scroll
}
#contact-map .form-control,#contact-map .contact-info-bg{
width:100% !important
}
.form-inline .form-group{
display:block !important
}
#pos .col-md-5.p-0{
padding-left:15px !important;
padding-right:15px !important
}
#digital .details{
padding:0
}
.sticky-sub-head,.steps-container li{
width:100%
}
.fixed-cart-block{
display:none
}
.exam-pack-container .col-md-3{
height:auto !important
}
.col-md-3.price-btn-block-contianer{
height:100px !important
}
.steps-container li{
text-align:center
}
}
@media(max-width:767px){
.step-content.step-1::after, .step-content.step-2::after, .step-content.step-3::after{
display:none
}
.step-content{
height:235px;
}
#main-feature .img-responsive{
display:none
}
.footer-logo img{
margin:0 auto
}
.footer-last .text-left,.footer-last .text-right{
text-align:center
}
#contact-map .get-in-touch,#contact-map .contact-info-bg{
padding:30px
}
}
@media(max-width:639px){
.col-xs-6,.col-xs-7,.col-xs-5,#contact-map .get-in-touch,#contact-map .our-location, #contact-map .your-message, #contact-map .phone{
width:100% !important
}
#top-header .col-xs-5.text-right,#top-header{
text-align:center !important
}
#contact-map .your-message{
padding-left:0
}
#contact-map .our-location, #contact-map .your-message{
height:auto
}
#contact-map .contact-info{
display:none
}
#type_captcha,#packs .subject-group li{
width:100%
}
.ani-set{
text-align:center
}
.head-title-oti{
font-size:22px !important;
}
.discussion-group .dis-set{
padding-right:0 !important
}
.head-img{
margin:0 auto !important;
position:relative;
left:0;
right:0;
text-align:center
}
}
@media(max-width:359px){
.college-list-container li{
display:block
}
.clg-list-block
{
width:100%
}
}
/*end Responsive */
/*New */
#exam-pack-container .pack-name-list{
display:inline-block;
margin:0px 5px;
border:1px solid #EBEBEB;
padding:10px;
}
#exam-pack-container label{
}
.pack-name-list img
{
height:45px;
float:left;
opacity:.4;
margin-right:8px
}
#exam-pack-container label h4{
display:inline-block ;
margin:0;
font-size:16px;
color:#989898
}
#exam-pack-container label span{
font-size:12px;
color:#818181;
display:block;
margin:0;
line-height:20px
}
#exam-pack-container label i{
position:absolute;
top:-20px;
right:-15px;
background:#6C6C6C;
color:#FFF;
border-radius:50%;
height:20px;
width:20px;
text-align:center;
line-height:20px
}
#exam-pack-container input[type="checkbox"]{
display:none
}
#exam-pack-container input[type="checkbox"] + label{
display:inline-block;
font-weight:normal;
font-size:14px;
cursor:pointer;
margin:0;
position:relative
}
#exam-pack-container input[type="checkbox"]:checked + label, #exam-pack-container input[type="checkbox"]:checked + label::before, #exam-pack-container input[type="checkbox"]:checked + label h4 {
color: #EE4738;
opacity: 1;
}
#exam-pack-container .pack-name-list input[type="checkbox"]:checked + label img{
opacity:1
}
#exam-pack-container input[type="checkbox"]:checked + label i{
background:#3AC649;
color:#FFF;
}
#exam-pack-container h5{
font-size:14px;
display:inline-block;
border:1px solid #EAEAEA;
width:180px;
height:65px;
padding:0px 10px;
margin:0 0 15px 0 ;
text-align:center;
line-height:70px;
vertical-align:top;
background:#F8F8F8
}
#exam-pack-container h3{
font-size:18px;
text-transform:uppercase
}
#student-count-contianer /* new added*/
{
height:57px !important;
}
.student-counts{
display:block;
/* margin:20px 0;*/
margin:-33px 0 !important;/* new*/
text-align:center
}
.student-counts span{
font-size:15px;/* 20 as 15*/
display:block;
text-align:center;
margin:0px 0; /* 15 px as 0*/
}
.student-counts span span{
font-weight:700;
font-size:24px;
color: #3AC649;
display:inline-block
}
.pack-list-contianer ul li{
margin:0px 8px
}
.cart-pack
{
border:1px solid #EFEFEF;
padding:15px;
position:relative;
margin-bottom:30px;
height:150px;
box-shadow:0 0 8px 5px rgba(0,0,0,.05)
}
.cart-pack h4{
margin:0 0 5px 0;
font-size:16px;
font-weight:700;
color:#EE4738
}
.cart-pack p{
margin:0
}
.cart-pack a {
position:absolute;
background:#a94442;
height:22px;
width:22px;
text-align:center;
line-height:24px;
border-radius:50%;
top:-8px;
right:-8px;
color:#FFF;
font-size:12px
}
.cart-pack p.offer{
font-size:13px;
text-transform:uppercase
}
.cart-pack p.offer span{
font-weight:700;
font-size:16px;
color:#4a64ff
}
.cart-pack h3{
font-size:16px;
margin:5px 0
}
.cart-pack h3 span{
margin:0;
font-size:20px;
font-weight:700;
color:#3ac649
}
.subject-chptr .panel-heading{
position:relative;
border-radius: 0px;
color: #fff;
background: -moz-linear-gradient(0deg, rgba(62,82,126,1) 0%, rgba(65,117,125,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(62,82,126,1)), color-stop(100%, rgba(65,117,125,1)));
background: -webkit-linear-gradient(0deg, rgba(62,82,126,1) 0%, rgba(65,117,125,1) 100%);
background: -o-linear-gradient(0deg, rgba(62,82,126,1) 0%, rgba(65,117,125,1) 100%);
background: -ms-linear-gradient(0deg, rgba(62,82,126,1) 0%, rgba(65,117,125,1) 100%);
background: linear-gradient(90deg, rgba(62,82,126,1) 0%, rgba(65,117,125,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E527E', endColorstr='#41757D',GradientType=1 );
padding:0px;
}
.subject-chptr .panel-heading h4{
padding:15px;
color:#fff;
}
.subject-chptr .chptr-img{
position: absolute;
content: '';
top: 5px;
right: 15px;
}
.subject-chptr .panel-body{
padding: 15px 30px;
background: -moz-linear-gradient(0deg, rgba(65,117,125,1) 0%, rgba(62,82,126,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(65,117,125,1)), color-stop(100%, rgba(62,82,126,1)));
background: -webkit-linear-gradient(0deg, rgba(65,117,125,1) 0%, rgba(62,82,126,1) 100%);
background: -o-linear-gradient(0deg, rgba(65,117,125,1) 0%, rgba(62,82,126,1) 100%);
background: -ms-linear-gradient(0deg, rgba(65,117,125,1) 0%, rgba(62,82,126,1) 100%);
background: linear-gradient(90deg, rgba(65,117,125,1) 0%, rgba(62,82,126,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41757D', endColorstr='#3E527E',GradientType=1 );
color: #fff;
}
.subject-chptr ul {
padding-left: 8px;
list-style-image: url(../images/tab-content-list-icon.png);
}
.subject-chptr li {
position: relative;
margin: 15px 0;
}
.subject-chptr li:before {
position: absolute;
content: '';
width: 0;
height: 0;
bottom: 0px;
right: 0;
border-bottom: 10px solid #fff;
border-left: 10px solid transparent;
opacity: 0.3;
}
.subject-chptr li:after {
position: absolute;
content: '';
background: #fff;
width: 100%;
height: 1px;
left: 0;
bottom: 0px;
opacity: 0.3;
}
.fxd-prc{
background:#eee !important;
position:fixed;
left:0;
bottom:0;
width:100%;
z-index:99;
}
.fxd-prc h3{
margin-top:35px !important;
}
.fxd-prc .rate{
margin-top:25px ;
}
#contact-map .etr-cpch{
margin-left:180px;
margin-top:-44px;
}
#our-clients{
padding:80px 0
}
#our-clients .item
{
padding:15px;
}
#our-clients .item a{
display:block;
padding:10px;
box-shadow:0 3px 5px 3px rgba(0,0,0,.07)
}
#our-clients .item img{
height:80px;
margin:0 auto
}
#our-clients .carousel-indicators-numbers{
bottom:-50px
}
#our-clients .carousel-indicators-numbers li {
text-indent: 0;
margin: 0 1px;
width: 12px;
height: 12px;
border: none;
border-radius: 100%;
color: #fff;
background-color: #999;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
#our-clients .carousel-indicators-numbers li.active,#our-clients .carousel-indicators-numbers li:hover {
background-color: #EE4738;
}
/*********************
SOF Responsive
*********************/
.m-l-r-a{
margin-left:auto !important;
margin-right:auto !important;
}
.vsb-1199, .vsb-991, .vsb-767, .vsb-639{
display:none !important;
}
@media(max-width:1199px){
.vsb-1199{
display:block !important;
}
.hdn-1199{
display:none !important;
}
#question-paper-section .staff-question-blocks .question-block{
left:0px;
top:-160px;
z-index:-1;
}
#features{
padding-bottom:0px
}
#subscription-block{
padding:15px 0;
}
.think-bubble{
right:0;
}
.staff-question-blocks, .staff-ans-blocks{
left:0px;
}
#third-party{
margin:0px !important;
}
#multi-test{
margin:20px 0 0 0;
}
#secure, #bellroy, #differential, #pos{
margin:0px;
}
#multi-test p{
margin-bottom:0px;
}
#end-less{
padding:20px 0;
}
#time-saveing p{
margin-bottom:30px;
}
#time-saveing{
padding-bottom:15px;
}
#secure{
padding-bottom:0px;
}
#detailed-frame{
padding:0;
}
#make-sure{
margin:0;
}
#make-sure p{
margin-bottom:0px;
}
#differential{
padding-bottom:15px;
}
.instant-block #differential{
padding:30px !important
}
.instant-block #bellroy{
display:none;
}
.discussion-group .head-img{
margin-top:140px !important
}
#exam-pack-container{
padding-bottom:30px !important;
}
.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle{
margin-left:-15px;
}
}
@media(max-width:991px){
.vsb-991{
display:block !important;
}
.hdn-991{
display:none !important;
}
.oti-title-block{
display:none;
}
.enco-block .p-r-0{
padding-right:15px !important;
}
.enco-block .p-l-0{
padding-left:15px !important;
}
.get-these .enco-block .nav-tabs>li:after{
right:140px;
}
.get-these .group-side{
top:20px;
}
.pck-sgle-stdt h2{
margin-bottom:0px;
}
.single-student-group .head-img{
margin:30px 0 30px 15px !important
}
.get-double-group .head-img {
margin: 50px 0 20px 50px !important;
}
.subs-form{
float:inherit;
margin-left:0px;
}
#question-paper-section.reports-result-section .solution-icon-container{
margin-top:65px !important;
margin-bottom:20px !important;
}
.solution-block{
width:185px;
}
#question-paper-section .solution-icon-container, #solution-analysis-section .solution-icon-container {
margin-top: 65px;
margin-bottom: 0px;
}
.solution-icon-container{
margin:70px 0 0 0;
}
.discussion-group .head-img{
margin-top:100px !important;
}
.searching-group .head-img {
margin:40px 0 30px 30px !important;
}
.at-cost-group h2, .successfully-group h2{
font-size:26px;
}
.at-cost-group .head-img {
margin: 80px 0px 30px 40px !important;
}
.single-student-group .head-img, .successfully-group .head-img {
margin: 30px 0 30px 30px !important;
}
.successfully-group .head-img{
text-align:left;
}
#discussion .p-0, #get-double .p-0, #at-cost .p-0{
padding: 0 15px !important;
}
#contact-map .map-direction{
height:150px !important;
display:block;
}
#contact-map{
padding-bottom:130px;
}
.slider.slider-horizontal{
width:128px !important;
}
@media(max-width:767px){
.vsb-767{
display:block !important;
}
.hdn-767{
display:none !important;
}
#slider-section{
padding:0px !important;
}
#how-it-work-container{
padding:20px 0 !important
}
#main-feature{
margin-top:30px !important;
padding-bottom:0px;
}
#unique-featuers .feature-block{
height:280px;
padding:20px;
}
.get-these .group-side{
width:100%;
}
.single-student-group .p-0, .get-double-group .p-0{
padding:0 15px;
}
.get-these .get-these-group{
height:auto;
padding:15px;
}
#fixed-nav.sticky{
display:none !important;
}
.get-these .enco-block h2 {
margin: 30px 0 20px 0;
}
.get-these .enco-block .get-tab-btn{
margin-bottom:15px;
}
.get-these .enco-block .nav-tabs>li>a{
height:auto;
line-height:40px;
}
.get-these .enco-block .nav-tabs>li:after{
top:8px;
right:115px;
}
.fxd-prc h3{
margin-top:15px !important;
}
.fxd-prc .rate, .get-these .rate-blck .btn{
margin-top:0px;
}
.get-these .rate-blck{
margin:0px;
}
.get-these .rate-blck .btn{
padding:5px 0;
}
.get-these .rate{
font-size:25px;
}
#oti365-top{
padding-top:30px !important
}
.discussion-group .head-img{
text-align:left;
margin:0px 0 30px 30px!important
}
#searching, #oti365-top, #discussion, .at-cost-group{
padding:15px 0;
}
.at-cost-group .head-img {
margin-top: 20px !important;
}
}
@media(max-width:639px){
.vsb-639{
display:block !important;
}
.hdn-639{
display:none !important;
}
#unique-featuers .feature-block{
height:auto;
}
.get-these .enco-block .nav-tabs>li:after{
right:85px;
}
.fxd-prc h3{
font-size:16px;
}
#differential ul, #secure ul{
padding-left:0px;
}
.instant-block #differential{
padding:0px !important;
}
.discussion-group .ani-set, .discussion-group .head-img{
text-align:center;
}
.successfully-group .ani-set, .successfully-group .head-img{
text-align:center !important;
}
.successfully-group .ani-set{
text-align:left;
}
}
@media(max-width:375px){
#contact-map .etr-cpch {
margin-left: 0;
margin-top: 0;
}
#contact-map .get-btn{
margin-left:100px !important;
}
}
@media(max-width:320px){
#contact-map .get-btn{
margin-left:75px !important;
}
}