.osc-video{
    width: 100%;
    height: auto;
}
.osc-video .wrap{
    height: 0;
    width: 100%;
    padding-bottom: 56.25%;
    padding-top: 30px;
    overflow: hidden;
    position: relative;
}
.osc-video .wrap iframe, .osc-video .wrap object, .osc-video .wrap embed {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.osc-gmap{
    width: 100%;
    height: auto;
}
.osc-gmap .wrap{
    height: 0;
    width: 100%;
    padding-bottom: 56.25%;
    padding-top: 30px;
    overflow: hidden;
    position: relative;
}
.osc-gmap .wrap .google_map {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/* --- Dropcaps --- */
span.dropcap {
    display: block;
    float: left;
    font-size: 36px;
    line-height: 30px;
    margin: 6px 8px 0 0;
}
.dropcap.dropcap-box {
    background: -moz-linear-gradient(center bottom, #f7f7f7 0%, #ffffff 100%) repeat scroll 0 0 #f9f9f9;
    box-shadow: 0 1px 1px 0 rgba(180, 180, 180, 0.2);
    font-size: 24px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin: 6px 12px 0 0;
    padding: 0;
    text-align: center;
    border: 1px solid #DDDDDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.dropcap.dropcap-circle {
    background: -moz-linear-gradient(center bottom, #f7f7f7 0%, #ffffff 100%) repeat scroll 0 0 #f9f9f9;
    box-shadow: 0 1px 1px 0 rgba(180, 180, 180, 0.2);
    font-size: 24px;
    height: 36px;
    line-height: 36px;
    margin: 6px 12px 0 0;
    padding: 0;
    text-align: center;
    width: 36px;
    border: 1px solid #DDDDDD;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.dropcap.dropcap-book {
    line-height: 30px;
    margin: 6px 8px 0 0;
}

/* --- Testimonial css --- */
.osc-def_testimonail, .osc_wp_testimonail {
    display: inline-block;
}
.osc-def_testimonail p, .osc_wp_testimonail p {
    background: url("../images/testi.png") no-repeat left top;
    color: #656565;
    font-size: 12px;
    font-style: italic;
    line-height: 20px;
    padding: 0 0 0 30px;
    margin: 0 0 0 10px;
}
.osc-def_testimonail .osc_def_testimonail_author,
.osc-def_testimonail .osc_def_testimonail_author_desig,
.osc_wp_testimonail .osc_def_testimonail_author,
.osc_wp_testimonail .osc_def_testimonail_author_desig{
    float: right;
    text-align: right;
    color: #666666;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
}

/*Recent Work css*/
.osc-recent-work {
    display: block;
}
.osc-recent-work .osc-prjct-block .thumbnail {
    border: medium;
    padding: 0;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    -o-border-radius: inherit;
    border-radius: inherit;
}
.osc-recent-work .osc-prjct-block .thumbnail img {
    border: 1px solid #c9c9c9;
}
.osc-recent-work .osc-prjct-block .thumbnail .caption {
    padding: 0;
    font-size: 13px;
    line-height: 22px;
    color: #656565;
}
.osc-recent-work .osc-prjct-block h3 a {
    color: #333;
    font-size: 12px;
    font-weight: bold;
    line-height: 36px;
    margin: 0;
    border-bottom: 1px solid #e9e9e9;
    width: 100%;
    display: inline-block;
}
.osc-recent-work .osc-prjct-block p {
    margin: inherit;
}

/* --- separator --- */
.osc-separator {
    text-align: center;
}
.osc-separator span {
    background:#FFFFFF;
    display: inline-block;
    float: none;
    padding:0 10px;
    position: relative;
    text-align: center;
    top: -12px;
    color: #6B6B6B;
    font-size: 18px;
    font-weight:bold;
    line-height: 20px;
    margin: 0 0 10px 0;
}
.separator-dotted{border-top: 2px dotted #ccc; height: 0;}
.separator-thick{border-top: 2.5px solid #ccc; height: 0;}
.separator-thin{border-top:1px solid #ccc; height: 0;}
.separator-dashed{border-top:2px dashed #ccc; height: 0;}
.separator-double{
    border-bottom: 1px solid #E7E6E6;
    border-top: 1px solid #E7E6E6;
    height: 6px;
}
.separator-double-thick-thin{
    border: 0;
    border-top: 5px solid #E7E6E6;
    border-bottom: 1px solid #E7E6E6;
    padding: 5px 0;
    height: 10px;
}
.osc-separator.separator-double-thick-thin > span {
    top: -13px;
}
.separator-diagonal{
    height: 6px;
    background: url("../images/rule-diagonal.png") repeat-x 0 0;
    border: 0;
}
.osc-separator.separator-diagonal span,.osc-separator.separator-wave span {
    top: -8px;
}
.separator-wave{
    height: 6px;
    background: url("../images/rule-wave.png") repeat-x 0 0;
    border: 0;
}

.p4, .p5, .p6{
    background: url("../images/p4.png") repeat;
    border: medium none;
    height: 20px;
}
.p5{
    background: url("../images/p5.png") repeat;
}
.p6{
    background: url("../images/p6.png") repeat;
}
.p4 span, .p5 span, .p6 span{
    background: none repeat scroll 0 0 #FFFFFF;
    color: #6B6B6B;
    display: inline-block;
    float: none;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    padding: 0 10px;
    margin: 0 0 10px 0;
    position: relative;
    text-align: center;
    top: 0;
}

/* --- Horizontal Lines --- */

hr.rule-dotted {
    border-top: 2px dotted #E0DEDE;
    height: inherit;
}
hr.rule-dashed {
    border-top: 2px dashed #E0DEDE;
    height: inherit;
}
hr.rule-double {
    border-bottom: 1px solid #E7E6E6;
    border-top: 1px solid #E7E6E6;
    height: 6px;
}
hr.rule-double-thick-thin{
    border: 0;
    border-top: 5px solid #E7E6E6;
    border-bottom: 1px solid #E7E6E6;
    padding: 5px 0;
}
hr.rule-fadecorder{
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}
hr.rule-double-fadecorder:before {
    background-color: transparent !important;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 50%, rgba(255, 255, 255, 0));
    background-repeat: no-repeat;
    border: 0 none;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 1px;
}
hr.rule-double-fadecorder:after {
    background-color: transparent !important;
    background-image: linear-gradient(to right, rgba(51, 51, 51, 0), rgba(51, 51, 51, 0.3) 50%, rgba(51, 51, 51, 0));
    background-repeat: no-repeat;
    border: 0 none;
    content: "";
    height: 1px;
    left: 5%;
    position: absolute;
    right: 5%;
    top: 2px;
}
hr.rule-double-fadecorder{
    background-color: transparent !important;
    background-image: linear-gradient(to right, rgba(51, 51, 51, 0), rgba(51, 51, 51, 0.5) 50%, rgba(51, 51, 51, 0));
    background-repeat: no-repeat;
    border: 0 none;
    float: left;
    height: 1px;
    position: relative;
    width: 100%;
}
hr.rule-shadow{
    height: 10px;
    border: 0;
    box-shadow: 0 10px 10px -10px #8c8b8b inset;
}
hr.rule-diagonal {
    height: 6px;
    background: url("../images/rule-diagonal.png") repeat-x 0 0;
    border: 0;
}

hr.rule-wave {
    height: 6px;
    background: url("../images/rule-wave.png") repeat-x 0 0;
    border: 0;
}

hr.rule-thick {
    border-bottom: 2.5px solid #E0DEDE;
    height: inherit;
}

hr.rule-thin {
    border-top: 1px solid #E0DEDE;
    height: inherit;
}

/*--------box-frame---------*/
.osc-boxframe-parent { position: relative; z-index: 1; }
.osc-boxframe { margin: 0 0 20px; }
.osc-boxframe .frame-wrap { padding: 10px; }

/*--------label---------*/

.label,.label.oscitas-bootstrap-container{ margin: 0 0 20px; padding: 5px; display: inline-block; }


/* --- Section Heading --- */
h3.osc-heading{ border-bottom: 1px solid #ccc; position: relative; margin: 0 0 25px; }
h3.osc-heading span{ background: none repeat scroll 0 0 #FFFFFF; padding: 0 10px 0 0; position: relative; top: 10px;
    color: #666666; font-size: 16px; line-height: 20px; font-weight: bold; text-shadow: 10px 0 3px #fff; }

/* --- Page Header --- */
.osc-pageheader h1, h2, h3, h4, h5, h6{ margin: 0 10px 0 0; }

/*-- Service Box --*/
.osc_servicebox {
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #777777;
    padding: 1px;
    text-align: center;
    transition: background-color 0.2s linear 0s, color 0.2s linear 0s;
    width: 100%;
    margin: 0 0 10px 0;
}

.icon_bg{
    font-size: 40px;
}
.osc_servicebox h1, .osc_servicebox h2, .osc_servicebox h3, .osc_servicebox h4, .osc_servicebox h5, .osc_servicebox h6{
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -1px;
    margin: 9px 0;
    padding-bottom: 9px;
    padding-top: 3px;
    text-align: center;
    text-transform: uppercase;
}
.osc_servicebox_readmore {
    border-radius: 5px;
    display: inline-block;
    margin: 0 0 20px;
    padding: 8px 15px;
}
.osc_servicebox .fa{
    position: relative;
}
.iconbox, .iconcircle, .iconstar,  .triangle-down, .triangle-up , .trapezoid, .heart, .diamond, .cut-diamond, .burst-12, .burst-8{
    margin: 30px auto;
}
.hexagon{
    margin: 55px auto 50px;
}
.diamond-narrow{
    margin: 10px auto 30px;
}
.pentagon{
    margin: 66px auto 0;
}
.iconbox span{
    top: 25px;
}
.iconcircle span{
    top: 27px;
}
.heart span{
    left: -3px;
    top: 15px;
}
.trapezoid span{
    top: 35px;
}
.iconstar span{
    left: -23px;
    top: 40px;
}
.diamond span{
    left: -20px;
    top: 24px;
}
.diamond-narrow span{
    left: -20px;
    top: 45px;
}
.cut-diamond span{
    top: 10px;
}
.triangle-up span{
    top:50px;
    left:-20px;
}
.triangle-down span{
    top:-99px;
    left:-20px;
}
.burst-8 span,.burst-12 span{
    top: 25px;
}

.iconcircle{ background-color: #FFFFFF; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%;
    -o-border-radius: 50%; height: 100px;   width: 100px; }
.iconbox{ background-color: #FFFFFF; height: 100px; width: 100px; }



.triangle-up {
    border-bottom-width: 100px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    border-left: 50px solid rgba(255,255, 255, 0);
    border-right: 50px solid rgba(255,255, 255, 0);
    height: 0;
    width: 0;
}
.triangle-down {
    border-left: 50px solid rgba(255,255, 255, 0);
    border-right: 50px solid rgba(255,255, 255, 0);
    border-top: 100px solid #FFFFFF;
    height: 0;
    width: 0;
}

.trapezoid{
    border-bottom-width: 100px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    border-left: 50px solid rgba(255,255, 255, 0);
    border-right: 50px solid rgba(255,255, 255, 0);
    height: 0;
    width: 150px;
}

.iconstar {
    border-bottom: 100px solid #FFFFFF;
    border-left: 50px solid rgba(255,255, 255, 0);
    border-right: 50px solid rgba(255,255, 255, 0);
    height: 0;
    position: relative;
    width: 0;
}
.iconstar:after {
    border-left: 50px solid rgba(255,255, 255, 0);
    border-right: 50px solid rgba(255,255, 255, 0);
    border-top: 100px solid #FFFFFF;
    content: "";
    height: 0;
    left: -50px;
    position: absolute;
    top: 30px;
    width: 0;
}

.hexagon {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 55px;
    position: relative;
    width: 100px;
    padding: 0;
}

.hexagon:before {
    border-bottom: 25px solid #FFFFFF;
    border-left: 50px solid rgba(255,255, 255, 0);
    border-right: 50px solid rgba(255,255, 255, 0);
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: -25px;
    width: 0;
}
.hexagon:after {
    border-left: 50px solid rgba(255,255, 255, 0);
    border-right: 50px solid rgba(255,255, 255, 0);
    border-top: 25px solid #FFFFFF;
    bottom: -25px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}
.pentagon {
    position: relative;
    width: 90px;
    border-width: 50px 18px 0;
    border-style: solid;
    border-color: #fff rgba(255,255, 255, 0);
}
.pentagon:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    top: -85px;
    left: -18px;
    border-width: 0 45px 35px;
    border-style: solid;
    border-color: rgba(255,255, 255, 0) rgba(255,255, 255, 0) #fff;
}
.pentagon span{
    top: -60px;
}
.heart {
    height: 100px;
    position: relative;
    width: 100px;
}
.heart:before, .heart:after {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 50px 50px 0 0;
    content: "";
    height: 100px;
    left: 50px;
    position: absolute;
    top: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform-origin: 0 100% 0;
    -webkit-transform-origin: 0 100% 0;
    -moz-transform-origin: 0 100% 0;
    -ms-transform-origin: 0 100% 0;
    -o-transform-origin: 0 100% 0;
    width:71px;
}
.heart:after {
    left: -21px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform-origin: 100% 100% 0;
    -webkit-transform-origin: 100% 100% 0;
    -moz-transform-origin: 100% 100% 0;
    -ms-transform-origin: 100% 100% 0;
    -o-transform-origin: 100% 100% 0;
}



.diamond {
    width: 0;
    height: 0;
    border: 50px solid rgba(255,255, 255, 0);
    border-bottom-color: #fff;
    position: relative;
    top: -50px;
}
.diamond:after {
    content: '';
    position: absolute;
    left: -50px;
    top: 50px;
    width: 0;
    height: 0;
    border: 50px solid rgba(255,255, 255, 0);
    border-top-color: #fff;

}

.diamond-narrow {
    width: 0;
    height: 0;
    border: 50px solid rgba(255,255, 255, 0);
    border-bottom: 70px solid #fff;
    position: relative; top: -50px;
}
.diamond-narrow:after {
    content: '';
    position: absolute;
    left: -50px;
    top: 70px;
    width: 0;
    height: 0;
    border: 50px solid rgba(255,255, 255, 0);
    border-top: 70px solid #fff;
}

.cut-diamond {
    border-style: solid;
    border-color: rgba(255,255, 255, 0) rgba(255,255, 255, 0) #fff rgba(255,255, 255, 0);
    border-width: 0 25px 25px 25px;
    height: 0;
    width: 100px;
    position: relative;
    margin: 30px auto 105px;
}
.cut-diamond:after {
    content: "";
    position: absolute;
    top: 25px;
    left: -25px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #fff rgba(255,255, 255, 0) rgba(255,255, 255, 0) rgba(255,255, 255, 0);
    border-width: 70px 50px 0 50px; }

.burst-12 {
    background: #fff;
    width: 100px;
    height: 100px;
    position: relative;
    text-align: center;
}
.burst-12:before, .burst-12:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
    width: 100px;
    background: #fff;
}
.burst-12:before {
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg); }
.burst-12:after {
    transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg); }

.burst-8 {
    background: #fff;
    width: 100px;
    height:100px;
    position: relative;
    text-align: center;
}
.burst-8:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
    width: 100px;
    background: #fff;
   transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}


.icon_bg span { z-index: 9999; }

.osc_servicebox_content{ line-height: 22px; padding: 0 10px 10px; margin: 0 0 35px 0; }

/*Service box image*/
.osc-sbox-img-container {
    margin:0;
    width: 100%;
}
.osc-highlight-yellow, .osc-highlight-yellow a{
    background-color: #FFF7A8;
    color: #695D43;
}
.osc-highlight-blue, .osc-highlight-blue a{
    background: none repeat scroll 0 0 #E9F7FE;
    color: #5091B2;
}
.osc-highlight-red, .osc-highlight-red a{
    background: none repeat scroll 0 0 #FFE9E9;
    color: #DE5959;
}
.osc-highlight-green, .osc-highlight-green a{
    background: none repeat scroll 0 0 #EBF6E0;
    color: #5F9025;
}
.osc-sbox-img-container .osc-sbox-image{
    height: auto;
    width: 100%;
    /*max-height: 250px;*/
}

/*progress bar*/
.progress{
    margin: 0 0 10px;
}
/*Dropdwon button*/
.btn-group {
    margin-bottom: 5px;
    margin-top: 5px;
}

/*osc_widget*/

h3.widget-title {
    font-family: arial;
    font-size: 16px;
    line-height: 32px;
}
.osc-boxframe{
    padding:1em;
}
.osc-boxframe *{
    color: inherit !important;
}
.ebs_shadow {
    position:relative;
    margin: 40px auto;
}

/* --- Shadow Styles --- */
.ebs_shadow:before, .ebs_shadow:after{
    position:absolute;
    z-index:-1;
    content:"";
}
/* Left Lifted Corner Shadow */
.left-lifted-corner:after{display:none;}
.left-lifted-corner:before{
    bottom:12px;
    left:0;
    width:30%;
    top:40%;
    max-width:300px;
    -webkit-box-shadow:0 15px 7px rgba(0,0,0, 0.45);
    -ms-box-shadow:0 15px 7px rgba(0,0,0, 0.45);
    -o-box-shadow:0 15px 7px rgba(0,0,0, 0.45);
    -moz-box-shadow:0 15px 7px rgba(0, 0, 0, 0.4);
    box-shadow:0 15px 7px rgba(0, 0, 0, 0.4);
    -webkit-transform:rotate(-5deg);
    -moz-transform:rotate(-5deg);
    -o-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    transform:rotate(-5deg);
}
.left-lifted-corner:before{left:0;}

/* Right Lifted Corner Shadow */
.right-lifted-corner:before{display:none;}
.right-lifted-corner:after{
    bottom:12px;
    left:0;
    width:30%;
    top:40%;
    max-width:300px;
    -webkit-box-shadow:0 15px 7px rgba(0,0,0, 0.45);
    -moz-box-shadow:0 15px 7px rgba(0, 0, 0, 0.4);
    box-shadow:0 15px 7px rgba(0, 0, 0, 0.4);
    -webkit-transform:rotate(-5deg);
    -moz-transform:rotate(-5deg);
    -o-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    transform:rotate(-5deg);
}
.right-lifted-corner:after{
    -webkit-transform:rotate(5deg);
    -moz-transform:rotate(5deg);
    -o-transform:rotate(5deg);
    -ms-transform:rotate(5deg);
    transform:rotate(5deg);
    right:0;
    left:auto;
}

/* Both Lifted Corner Shadow */
.both-lifted-corner:before,
.both-lifted-corner:after{
    bottom:14px;
    left:0;
    width:30%;
    top:40%;
    max-width:300px;
    -webkit-box-shadow:0 15px 7px rgba(0,0,0, 0.45);
    -moz-box-shadow:0 15px 7px rgba(0, 0, 0, 0.4);
    -ms-box-shadow:0 15px 7px rgba(0, 0, 0, 0.4);
    -o-box-shadow:0 15px 7px rgba(0, 0, 0, 0.4);
    box-shadow:0 15px 7px rgba(0, 0, 0, 0.4);
    -webkit-transform:rotate(-5deg);
    -moz-transform:rotate(-5deg);
    -o-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    transform:rotate(-5deg);
}
.both-lifted-corner:after{
    -webkit-transform:rotate(5deg);
    -moz-transform:rotate(5deg);
    -o-transform:rotate(5deg);
    -ms-transform:rotate(5deg);
    transform:rotate(5deg);
    right:0;
    left:auto;
}

/* Vertical Curves Shadow */
.vertical-curves:before, .horizontal-curves:before, .single-horizontal-curves:before{
    top:10px;
    bottom:10px;
    left:0;
    right:50%;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 15px rgba(0,0,0,0.8);
    -ms-box-shadow:0 0 15px rgba(0,0,0,0.8);
    -o-box-shadow:0 0 15px rgba(0,0,0,0.8);
    box-shadow:0 0 15px rgba(0,0,0,0.8);
    -moz-border-radius:10px / 100px;
    -ms-border-radius:10px / 100px;
    -o-border-radius:10px / 100px;
    border-radius:10px / 100px;
}

.vertical-curves:before {
    right:0;
}

/* Horizontal Curves Shadow */
.horizontal-curves:before {
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    -webkit-border-radius:100px / 10px;
    -ms-border-radius:100px / 10px;
    -o-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
/* Single Horizontal Curves Shadow */
.single-horizontal-curves:before {
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    -webkit-border-radius:100px / 10px;
    -ms-border-radius:100px / 10px;
    -o-border-radius:100px / 10px;
    border-radius:100px / 10px;
}

/* Raised Box Shadow */
.raised-box{
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3);
}

/* Left Perspective */
.left-perspective:after {
    bottom: 15px;
    box-shadow: -37px 13px 5px rgba(0, 0, 0, 0.3);
    height: 40%;
    left: 20px;
    max-width: 100px;
    transform: skew(20deg, 0deg);
    -webkit-transform: skew(20deg, 0deg);
    -ms-transform: skew(20deg, 0deg);
    -moz-transform: skew(20deg, 0deg);
    -o-transform: skew(20deg, 0deg);
    width: 40%;
}

/* Right Perspective */
.right-perspective:after{
    bottom: 15px;
    box-shadow: 37px 13px 5px rgba(0, 0, 0, 0.3);
    height: 40%;
    max-width: 100px;
    right: 20px;
    transform: skew(-20deg, 0deg);
    -webkit-transform: skew(-20deg, 0deg);
    -moztransform: skew(-20deg, 0deg);
    -ms-transform: skew(-20deg, 0deg);
    -o-transform: skew(-20deg, 0deg);
    width: 40%;
}
/* Two Side Perspective */
.two-side-perspective:before{
    box-shadow: -37px 13px 5px rgba(0, 0, 0, 0.3);
    left: 20px;
    transform: skew(20deg, 0deg);
    -webkit-transform: skew(20deg, 0deg);
    -moz-transform: skew(20deg, 0deg);
    -ms-transform: skew(20deg, 0deg);
    -o-transform: skew(20deg, 0deg);
}
.two-side-perspective:before, .two-side-perspective:after{
    bottom: 15px;
    height: 40%;
    max-width: 100px;
    width: 40%;
}
.two-side-perspective:after{
    box-shadow: 37px 13px 5px rgba(0, 0, 0, 0.3);
    right: 20px;
    transform: skew(-20deg, 0deg);
    -webkit-transform: skew(-20deg, 0deg);
    -ms-transform: skew(-20deg, 0deg);
    -o-transform: skew(-20deg, 0deg);
    -moz-transform: skew(-20deg, 0deg);
}
.panel-title a .oup-openclose-icon {
    margin-top: -11px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    font-size: 10px;
}
.panel-title a.collapsed .oup-openclose-icon {
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.panel-title a{
    width: 100%;
    position: relative;
    display: block;
}
.owl-buttons-custom .carousel-control {
    display: none;
}
.owl-wrapper-outer:hover .owl-buttons-custom .carousel-control {
    display: block;
  cursor: pointer;
    width: 10%;
}

.ebs_play_pause {
    background: none repeat scroll 0 0 #E6E6E6;
    border: 1px solid #D5D5D5;
    border-radius: 50%;
    color: #777777;
    cursor: pointer;
    font-size: 30px;
    height: 60px;
    left: 50%;
    padding: 6px;
    position: absolute;
    text-align: center;
    top: 35%;
    width: 60px;
}
.ebs_play_pause span{
    color: #777;
    margin:0 0 0 4px;
}

/*
* Page Header
*/
.osc-page-header {
    background: none;
    font-size: 30px;
    border-bottom-color:#BFBFBF;
    clear: both;
    color: #636363;
    display: block;
    margin: 30px 0;
    padding: 5px 0;
    width: 100%;
}

@import url(http://fonts.googleapis.com/css?family=Noto+Sans);
/*

Not required CSS
.wrap {
    width: 600px;
    margin: 0 auto;
}
*/
/* -------------------------------------
 * Bar container
 * ------------------------------------- */
.progress-radial {
    float: left;
    margin-right: 30px;
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: tomato;
}

/* -------------------------------------
 * Optional centered circle w/text
 * ------------------------------------- */
.progress-radial .overlay {
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: #fffde8;
    border-radius: 50%;
    margin-left: 20px;
    margin-top: 20px;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
}



.osc_progress_circle canvas#osc_progress_0_canvas{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}


.ebs_content_slider .carousel-control.left,
.ebs_content_slider .carousel-control.right
{
    background: none ;
}

.ebs_content_slider .carousel-control .icon-prev,
.ebs_content_slider .carousel-control.left span {
    left: 20%;
    font-size: 30px;
}
.ebs_content_slider .carousel-control .icon-prev,
.ebs_content_slider .carousel-control.right span {
    right: 20%;
    font-size: 30px;
}

.ebs-oblurlay-svg{
    height: 0 !important;
    width: 0 !important;
}