/** Contact Us Style **/
div#Panel_cookie_bar {
position: fixed;
bottom: 0;
background: rgba(255,255,255,0.9);
width: 100%;
text-align: center;
z-index: 100001;
}
#Language {
float: right !important;
padding-top: 18px !important;
padding-right: 10px;
}
.fancybox_style {
height: auto;
padding: 0;
overflow: hidden;
}
.fancybox_style ul {
list-style: none;
margin: 0;
padding: 0;
}
.fancybox_style ul li {
list-style: none;
padding: 3px;
/* float: left; */
display: inline-block;
}
.fancybox_style ul li a {
position: relative;
display: block;
}
.fancybox_style ul li a img {
filter: Alpha(Opacity=100);
opacity: 1;
}
.crop{
float:left;
margin:2px 2px 2px 2px;
overflow:hidden; /* IMPORTANTE */
border:1px solid #ccc;
width:150px;
height:80px;
}
a.ancla {
display: block;
height: 54px;
}
.centro {
position: relative;
text-align: center;
}
.flecha {
position: fixed;
height: 40px;
width: 100%;
background: white;
bottom: 0px;
z-index: 2;
}
span.flechaabajo {
position: relative;
margin: 0 auto;
bottom: 96px;
width: 40px;
border-radius: 100%;
height: 40px;
background-color: rgba(255,255,255,0.7);
background-size: 42px 24px;
display: block;
background-image: url(/Portals/11/images/flechaabajo.png);
background-repeat: no-repeat;
}
svg#Layer_1 {
display: block;
position: relative;
bottom: 50px;
margin: 0 auto;
}
span.fb {
display: block;
width: 20px;
height: 20px;
background: url("/Portals/11/images/fb.png");
background-size: 20px;
}
#Search span.fb {
margin-top: 5px;
}
/* Indicamos los mÃĄrgenes que dejamos para simular el crop. */
.crop img{
margin:-5px -5px -5px -5px;
}
.spd-r-wrap {
width: 530px;
margin: 20px auto 0;
}
.spd-r-form-wrap {
overflow: hidden;
height: 446px;
position: relative;
top: 0px;
-webkit-transition: all 1s ease-in-out .3s;
-moz-transition: all 1s ease-in-out .3s;
-o-transition: all 1s ease-in-out .3s;
transition: all 1s ease-in-out .3s;
}
.spd-r-form-wrap:before {
content: "";
position: absolute;
bottom: 128px;
left: 0px;
background: url('../../images/before.png');
width: 530px;
height: 316px;
}
.spd-r-form-wrap:after {
content: "";
position: absolute;
bottom: 0px;
left: 0;
background: url('../../images/after.png');
width: 530px;
height: 260px;
}
.spd-r-form-wrap.hide:after, .spd-r-form-wrap.hide:before {
display: none;
}
.spd-r-form-wrap:hover {
height: 776px;
top: -200px;
}
.spd-r-form-wrap form {
background: #f7f2ec url('../../images/letter_bg.png');
position: relative;
top: 200px;
overflow: hidden;
height: 200px;
width: 400px;
margin: 0px auto;
padding: 20px;
border: 1px solid #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
-moz-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 14px #fff;
-webkit-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
-webkit-transition: all 1s ease-in-out .3s;
-moz-transition: all 1s ease-in-out .3s;
-o-transition: all 1s ease-in-out .3s;
transition: all 1s ease-in-out .3s;
}
.spd-r-form-wrap:hover form {
height: 530px;
}
.spd-r-form-wrap label {
font-size: 16px;
color: #b3aba1;
text-shadow: 0px 1px 0px #fff;
display: block;
}
.spd-r-form-wrap form input[type=text], textarea {
font: 14px normal normal uppercase helvetica, arial, serif;
color: #7c7873;
background: none;
width: 100%;
height: 36px;
padding: 0px 10px;
margin: 0 0 10px 0;
border: 1px solid #f8f5f1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: inset 0px 0px 1px #726959;
-webkit-box-shadow: inset 0px 0px 1px #b3a895;
box-shadow: inset 0px 0px 1px #b3a895;
}
.spd-r-form-wrap form textarea {
height: 80px;
padding-top: 14px;
}
.spd-r-form-wrap textarea:focus, input[type=text]:focus {
background: rgba(255,255,255,.35);
}
.spd-r-form-wrap input[type=submit] {
border: 1px solid #b3a895;
border-radius: 5px;
position: relative;
font-family: 'YanoneKaffeesatzRegular';
font-size: 24px;
color: #7c7873;
text-shadow: 0 1px 0 #fff;
width: 100%;
text-align: center;
opacity: 0;
background: none;
cursor: pointer;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: opacity .6s ease-in-out 0s;
-moz-transition: opacity .6s ease-in-out 0s;
-o-transition: opacity .6s ease-in-out 0s;
transition: opacity .6s ease-in-out 0s;
}
.spd-r-form-wrap:hover input[type=submit] {
z-index: 1;
opacity: 1;
-webkit-transition: opacity .5s ease-in-out 1.3s;
-moz-transition: opacity .5s ease-in-out 1.3s;
-o-transition: opacity .5s ease-in-out 1.3s;
transition: opacity .5s ease-in-out 1.3s;
}
.spd-r-form-wrap:hover input:hover[type=submit] {
color: #435c70;
}
@media handheld, only screen and (max-width:545px) {
.spd-r-wrap, .spd-r-form-wrap:before, .spd-r-form-wrap:after, .spd-r-wrap form {
width: auto;
}
.spd-r-form-wrap:after, .spd-r-form-wrap:after {
background: none;
}
.spd-r-form-wrap {
height: 776px;
top: -200px;
}
.spd-r-form-wrap form, .spd-r-form-wrap:hover form {
height: auto;
}
.spd-r-form-wrap input[type=submit] {
z-index: 1;
opacity: 1;
}
}
/*bx-slider code*/
.bx-wrapper .bx-viewport {
box-shadow: none !important;
border: none;
background: none !important;
border: none !important;
}
/*.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
position: absolute;
top:67%;
width: 100%;
}*/
/*======================== spd-n-Testamonial Slider Area Style Start =========================*/
/* spd-n-Tstml Title Area style*/
.spd-n-cont-header-01 {
border-bottom-width: 4px;
border-bottom-style: double;
text-align: left;
border-bottom-color: #c2c1c1;
margin-right: 5px;
}
.spd-n-cont-header-01 span {
padding: 0px 5px 0px 5px;
background-color: #fff;
position: relative;
top: 12px;
}
/* spd-n-Tstml2 Title Area style*/
.spd-n-cont-header-02 {
border-bottom-width: 4px;
border-bottom-style: double;
text-align: left;
border-bottom-color: #c2c1c1;
margin-right: 15px;
}
.spd-n-cont-header-02 span {
padding: 0px 5px 0px 15px;
background-color: #fff;
position: relative;
top: 12px;
}
/* spd-n-invertad comma area style*/
.spd-n-testm-age-text {
font-style: italic;
padding: 5px;
}
.spd-n-inv-start, .spd-n-inv-close {
font-style: italic;
}
.spd-n-triangle-isosceles {
position: relative;
padding: 15px;
margin: 1em 0 3em;
background: #f6f6f6; /* default background for browsers without gradient support */
/* css3 */
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
/* NOTE: webkit gradient implementation is not as per spec */
background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f6f6f6));
background: -moz-linear-gradient(top, #f6f6f6, #f6f6f6);
background: -o-linear-gradient(top, #f6f6f6, #f6f6f6);
}
/* Variant : for top positioned triangle
------------------------------------------ */
.spd-n-triangle-isosceles.top {
/* NOTE: webkit gradient implementation is not as per spec */
background: -webkit-gradient(linear, left top, left bottom, from(#f3961c), to(#f9d835));
background: -moz-linear-gradient(top, #f3961c, #f9d835);
background: -o-linear-gradient(top, #f3961c, #f9d835);
}
/* Variant : for left/right positioned triangle
------------------------------------------ */
.spd-n-triangle-isosceles.left {
margin-left: 50px;
background: #00B7F1;
}
.spd-n-triangle-isoscelesBlue.left {
margin-left: 50px;
background: #00B7F1;
}
/* Variant : for right positioned triangle
------------------------------------------ */
.spd-n-triangle-isoscelesBlue.right {
margin-right: 50px;
background: #00B7F1;
}
.spd-n-triangle-isoscelesBlue.right {
margin-right: 50px;
background: #00B7F1;
}
/* THE TRIANGLE
------------------------------------------ */
/* creates triangle */
.spd-n-triangle-isosceles:after {
content: "";
display: block; /* reduce the damage in FF3.0 */
position: absolute;
bottom: -8px; /* value = - border-top-width - border-bottom-width */
left: 35px; /* controls horizontal position */
width: 0;
height: 0;
border-width: 8px 8px 0; /* vary these values to change the angle of the vertex */
border-style: solid;
border-color: #f6f6f6 transparent;
}
/* spd-n-tstml slider client area style*/
.spd-n-c-comments {
padding-bottom: 0px;
/* display: inline-block; */
/* width: 100%; */
margin-top: -30px;
padding-top: 0px;
}
.spd-n-c-comments img {
width: 25px !important;
height: 25px !important;
}
.spd-n-c-text {
margin-top: -14px;
padding-top: 0px;
display: block;
width: 100%;
padding-left: 42px;
}
/*======================== spd-n-Testamonial Slider Area Style end =========================*/
/*======================== spd-n- testamonial 3 column section style Start =========================*/
/* spd-n-tstml 3columns client area style*/
.spd-n-c-comments-3columns {
padding-bottom: 0px;
display: inline-block;
}
.spd-n-c-comments-3columns img {
width: 25px !important;
height: 25px !important;
margin-top: -35px;
margin-left: 3%;
}
.spd-n-c-text-3columns {
margin-top: -24px;
padding-top: 0px;
display: block;
width: 100%;
padding-left: 42px;
}
/*======================== spd-n- testamonial 3 column section style end =========================*/
/*======================== spd-n- testamonial 2 columns right image section style =========================*/
.spd-n-triangle-isosceles-Right {
width: 80%;
position: relative;
padding: 15px;
margin: 1em 0 3em;
background: #fff; /* default background for browsers without gradient support */
/* css3 */
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
/* NOTE: webkit gradient implementation is not as per spec */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
background: -moz-linear-gradient(top, #fff, #fff);
background: -o-linear-gradient(top, #fff, #fff);
border: 1px solid #c2c1c1;
float: left;
}
.spd-n-c-comments-2columns-Right {
width: 18%;
float: left;
position: relative;
margin-top: 2%;
}
.spd-n-c-comments-2columns-Right img {
text-align: center;
float: none;
margin-left: 15px;
padding: 10px;
margin-top: 30%;
width: 50px;
height: 50px;
border: 1px solid #dddddd;
border-radius: 100%;
background: #f6f6f6;
}
/* creates triangle */
.spd-n-triangle-isosceles-Right:after {
content: "";
border-right: 1px solid #c2c1c1;
border-bottom: 1px solid #c2c1c1;
width: 9px;
height: 9px;
position: absolute;
background: #fff;
top: 50%;
left: 99.1% !important;
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
.spd-n-triangle-isosceles-Left {
width: 80%;
position: relative;
padding: 15px;
margin: 1em 0 3em;
background: #fff; /* default background for browsers without gradient support */
/* css3 */
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
/* NOTE: webkit gradient implementation is not as per spec */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
background: -moz-linear-gradient(top, #fff, #fff);
background: -o-linear-gradient(top, #fff, #fff);
border: 1px solid #c2c1c1;
float: left;
}
.spd-n-tstm-section2-clients-text {
text-align: center !important;
padding: 15px!important;
}
/*=========================== spd-n- testamonial 2 columns right image section style end ===============================*/
/*======================== spd-n-Testimonial Section3 What Saying Our Clients section style Close ======================*/
/* News tricker */
.twittbox > ul {
padding: 0 !important;
height: 157px;
overflow: hidden;
display: block;
}
#ticker > li {
list-style: none;
margin-bottom: 5px;
}
#ticker a {
padding-right: 6px;
}
#ticker p {
font-style: italic;
margin-bottom: 5px;
}
#ticker2 > li {
list-style: none;
padding-top: 5px;
}
/* What Saying Our Clients Section */
span.spd-n-right-tstm-text {
margin-top: -8px;
display: block;
padding-left: 2%;
font-style: italic;
}
.spd-n-tstm-right-Name {
text-align: right;
}
.spd-n-tstm-right-Desig {
text-align: right;
}
.spd-n-tstm-right-site {
text-align: right;
}
.spd-n-tstm-right-site a {
text-decoration: none;
}
.spd-n-tstm-right-b-border {
border-bottom: 1px solid #c2c1c1;
display: block;
height: 1px;
}
/*======================== spd-n-Testimonial Section3 What Saying Our Clients section style end ========================*/
/*============================== spd-n-Testimonial spd-n-Testimonial parallax Section style ===========================*/
/* parallax top arrow*/
.spd-n-triangle-isosceles-top {
position: relative;
padding: 0px;
margin: 0em 0 0em;
background: #ffffff; /* default background for browsers without gradient support */
/* css3 */
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
/* NOTE: webkit gradient implementation is not as per spec */
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
background: -moz-linear-gradient(top, #ffffff, #ffffff);
background: -o-linear-gradient(top, #ffffff, #ffffff);
}
.spd-n-triangle-isosceles-top:after {
content: "";
display: block; /* reduce the damage in FF3.0 */
position: absolute;
bottom: -30px; /* value = - border-top-width - border-bottom-width */
left: 47%; /* controls horizontal position */
width: 0;
height: 0;
border-width: 30px 30px 0; /* vary these values to change the angle of the vertex */
border-style: solid;
border-color: #fff transparent;
}
.spd-n-parallax-title {
padding: 0px 5px 0px 5px;
color: #fff;
text-align: center;
}
.spd-n-parallax-sl-img img {
width: 100px;
height: 100px;
background: #cfcfcf;
border-radius: 100%;
text-align: center;
float: none;
margin: 0 auto;
border: 2px solid #fff;
padding: 2px;
}
.spd-n-parallax-c-n {
text-align: center;
padding: 10px;
}
.spd-n-parallax-c-add {
padding: 10px 10px 0px 10px;
text-decoration: none;
float: none;
margin: 0 auto;
color: #60B2E9 !important;
}
.spd-n-parallax-c-add:hover {
text-decoration: none;
color: #60B2E9;
}
.spd-n-test-parallax-ted {
font-style: italic;
color: #fff;
}
/*============================== spd-n-Testimonial spd-n-Testimonial parallax Section style end ========================*/
/*========================================== spd-n-Quotes Section Style Start ==========================================*/
.spd-n-quote-area {
width: 100%;
padding: 20px 15px 40px 15px;
border-top: 1px solid #c2c1c1;
border-bottom: 1px solid #c2c1c1;
border-right-width: 10px;
border-right-style: solid;
border-left-width: 10px;
border-left-style: solid;
border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.spd-n-quote-area2 {
width: 100%;
padding: 40px 15px 40px 15px;
border-top: 1px solid #c2c1c1;
border-bottom: 1px solid #c2c1c1;
border-right-width: 10px;
border-right-style: solid;
border-left-width: 10px;
border-left-style: solid;
border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.spd-n-quote-area3 {
width: 100%;
padding: 40px 15px 40px 15px;
border-top: 1px solid #c2c1c1;
border-bottom: 1px solid #c2c1c1;
border-right-width: 10px;
border-right-style: solid;
border-left-width: 10px;
border-left-style: solid;
border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.ContBody2-new {
font-family: 'Times New Roman', Verdana, Tahoma;
}
.spd-n-quote-start {
font-size: 50px;
font-family: Verdana,'Times New Roman', Arial;
font-style: normal;
}
/*========================================== spd-n-Quotes Section Style end =============================================*/
/*========================================== spd-n-FlipBox Section Style start ===========================================*/
/* spd-n-FlipBox Title Area style*/
.spd-n-cont-header-Flip {
border-bottom-width: 4px;
border-bottom-style: double;
text-align: center;
border-bottom-color: #c2c1c1;
margin-right: 5px;
}
.spd-n-cont-header-Flip span {
padding: 0px 5px 0px 5px;
background-color: #fff;
position: relative;
top: 12px;
}
#spd-n-f1_container {
position: relative;
margin: 10px auto;
width: 100%;
z-index: 1;
overflow: visible;
margin-bottom: 5px;
position: relative;
}
#spd-n-f1_container {
perspective: 1000;
-webkit-perspective: 1000;
}
#spd-n-f1_card {
width: 100%;
height: 100%;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transition: all 1.0s linear;
-webkit-transition: all 1.0s linear;
-moz-transition: all 1.0s linear;
-ms-transition: all 1.0s linear;
-o-transition: all 1.0s linear;
}
#spd-n-f1_container:hover #spd-n-f1_card {
transform: rotatex(180deg);
-webkit-transform: rotatex(180deg);
-moz-transform: rotatex(180deg);
-ms-transform: rotatex(180deg);
-o-transform: rotatex(180deg);
}
.spd-n-face {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
max-width: 100% !important;
}
.spd-n-face.spd-n-back {
display: block;
transform: rotatex(180deg);
-webkit-transform: rotatex(180deg);
-moz-transform: rotatex(180deg);
-ms-transform: rotatex(180deg);
-o-transform: rotatex(180deg);
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
box-sizing: border-box;
padding: 20px;
color: #ffffff;
text-align: center;
height: 100%;
}
.spd-n-front, .spd-n-back {
border: 1px solid #E2E2E2;
padding: 25px;
text-align: center;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
}
.spd-n-flip_box .spd-n-front {
position: relative;
z-index: 0;
background-color: #FFF;
transform: rotatex(0deg);
-webkit-transform: rotatex(0deg);
-moz-transform: rotatex(0deg);
-ms-transform: rotatex(0deg);
-o-transform: rotatex(0deg);
}
.spd-n-flip_box .spd-n-front, .spd-n-flip_box .spd-n-back {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
transition: all 750ms ease 0s;
-webkit-transition: all 750ms ease 0s;
-moz-transition: all 750ms ease 0s;
-ms-transition: all 750ms ease 0s;
-o-transition: all 750ms ease 0s;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
}
.spd-n-fl-box-image {
width: 80px;
height: 80px;
border: 3px double #f6f6f6;
text-align: center;
display: block;
float: none;
margin: 0 auto !important;
color: #fff;
padding-top: 15px;
}
.spd-n-fl-box-image-back {
width: 80px;
height: 80px;
border: 3px double #DCDDDD;
text-align: center;
display: block;
float: none;
margin: 0 auto !important;
color: inherit;
padding-top: 15px;
}
.fa-4x spd-fa-icon {
color: #fff;
padding-top: 15px;
text-align: center;
}
.fa-4x spd-fa-icon-back {
color: #fff;
padding-top: 15px;
text-align: center;
}
.front-bg {
background: #ffffff;
border: 1px solid #DCD8D8;
}
.spd-n-fl-fron-Title {
text-align: center;
}
.spd-n-fl-fron-Title {
padding-bottom: 5px;
}
.spd-n-fl-box-a {
width: 120px;
border: 1px solid #DCDDDD;
margin: 0 auto !important;
padding: 8px 8px 8px 8px;
}
.spd-n-fl-box-a a {
color: #fff;
text-align: center;
text-decoration: none;
}
@media handheld, only screen and (max-width:767px) {
.spd-n-face.spd-n-back {
padding: 10px 20px 0px 20px;
}
.spd-r-image-effect-two-s { transform:none !important;}
}
/*========================================== spd-n-FlipBox Section Style end ===========================================*/
/*========================================== r-turn spd-n-FlipBox Section Style start ==================================*/
#spd-n-f1_container-r-turn {
position: relative;
margin: 10px auto;
width: 100%;
z-index: 1;
overflow: visible;
margin-bottom: 5px;
position: relative;
}
#spd-n-f1_container-r-turn {
perspective: 1000;
-webkit-perspective: 1000;
}
#spd-n-f1_card-r-turn {
width: 100%;
height: 100%;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transition: all 1.0s linear;
-webkit-transition: all 1.0s linear;
}
#spd-n-f1_container-r-turn:hover #spd-n-f1_card-r-turn {
transform: rotatey(180deg);
-webkit-transform: rotatey(180deg);
}
.spd-n-face-r-turn {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden !important;
-webkit-backface-visibility: hidden !important;
}
.spd-n-face-r-turn.spd-n-back-r-turn {
display: block;
transform: rotatey(180deg);
-webkit-transform: rotatey(180deg);
box-sizing: border-box;
padding: 25px;
color: inherit;
text-align: center;
background-color: #ffffff;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
.spd-n-front-r-turn, .spd-n-back-r-turn {
border: 1px solid #E2E2E2;
padding: 25px;
text-align: center;
backface-visibility: hidden !important;
-webkit-backface-visibility: hidden !important;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
.spd-n-flip_box-r-turn .spd-n-front-r-turn {
position: relative;
z-index: 0;
background-color: #FFF;
transform: rotatex(0deg);
-webkit-transform: rotatex(0deg);
}
.spd-n-flip_box-r-turn .spd-n-front-r-turn, .spd-n-flip_box-r-turn .spd-n-back-r-turn {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transition: all 750ms ease 0s;
-webkit-transition: all 750ms ease 0s;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
.spd-n-fl-box-image-r-turn {
width: 80px;
height: 80px;
border-radius: 100%;
border-width: 6px;
border-style: double;
text-align: center;
display: block;
color: #80c3f1;
float: none;
margin: 0 auto !important;
padding-top: 15px;
background: #fff;
}
.spd-n-fl-box-image-back-r-turn {
width: 80px;
height: 80px;
border-radius: 100%;
border-width: 6px;
border-style: double;
text-align: center;
display: block;
float: none;
margin: 0 auto !important;
background: #fff;
color: inherit;
padding-top: 15px;
}
.fa-4x spd-fa-icon {
padding-top: 15px;
text-align: center;
}
.fa-4x spd-fa-icon-back {
color: #fff;
padding-top: 15px;
text-align: center;
}
.front-bg-r-turn {
background: #ffffff;
border: 1px solid #DCD8D8;
}
.spd-n-fl-fron-Title-r-turn {
text-align: center;
}
.spd-n-fl-fron-Title-r-turn {
padding-bottom: 5px;
}
.spd-n-fl-box-a-r-turn {
width: 120px;
border: 1px solid #DCDDDD;
margin: 0 auto !important;
padding: 8px 8px 8px 8px;
}
.spd-n-fl-box-a-r-turn a {
color: inherit;
text-align: center;
text-decoration: none;
}
@media handheld, only screen and (max-width:767px) {
.spd-n-face-r-turn.spd-n-back-r-turn {
padding: 10px 20px 0px 20px;
}
}
/*========================================== r-turn spd-n-FlipBox Section Style end ==================================*/
/*========================================== with-bg spd-n-FlipBox Section Style start =============================================*/
.spd-n-fl-bx-external-area {
background-color: #0075a3;
}
#spd-n-f1_container-with-bg {
position: relative;
width: 100%;
z-index: 1;
overflow: visible;
position: relative;
height: auto;
max-height: 100%;
}
#spd-n-f1_container-with-bg {
perspective: 1000;
-webkit-perspective: 1000;
}
#spd-n-f1_card-with-bg {
width: 100%;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transition: all 1.0s linear;
-webkit-transition: all 1.0s linear;
}
#spd-n-f1_container-with-bg:hover #spd-n-f1_card-with-bg {
transform: rotatey(180deg);
-webkit-transform: rotatey(180deg);
}
.spd-n-face-with-bg {
position: absolute;
width: 100%;
backface-visibility: hidden !important;
-webkit-backface-visibility: hidden !important;
}
.spd-n-face-with-bg.spd-n-back-with-bg {
display: block;
transform: rotatey(180deg);
-webkit-transform: rotatey(180deg);
box-sizing: border-box;
color: inherit;
text-align: center;
-webkit-transform-style: preserve-3d;
}
.spd-n-front-with-bg, .spd-n-back-with-bg {
border: 1px solid #E2E2E2;
text-align: center;
backface-visibility: hidden !important;
-webkit-backface-visibility: hidden !important;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
background-color: #0087bd;
border: none;
color: #fff;
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
-o-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
-webkit-transform-style: preserve-3d;
}
.spd-n-flip_box-with-bg .spd-n-front-with-bg {
position: relative;
z-index: 0;
background-color: #FFF;
transform: rotatey(0deg);
-webkit-transform: rotatey(0deg);
-webkit-transform-style: preserve-3d;
}
.spd-n-flip_box-with-bg .spd-n-front-with-bg, .spd-n-flip_box-with-bg .spd-n-back-with-bg {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transition: all 750ms ease 0s;
-webkit-transition: all 750ms ease 0s;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
.spd-n-fl-back-border {
border-bottom: 1px solid #ffffff;
padding-bottom: 10px;
}
.spd-n-fl-fron-Title-with-bg {
text-align: center;
font-weight: 600;
color: #fff;
}
.spd-n-fl-box-a-with-bg {
width: 120px;
border: 1px solid #DCDDDD;
margin: 0 auto !important;
padding: 8px 8px 8px 8px;
}
.spd-n-fl-box-a-with-bg a {
color: inherit;
text-align: center;
text-decoration: none;
}
@media handheld, only screen and (max-width:767px) {
.spd-n-face-with-bg.spd-n-back-with-bg {
padding: 10px 20px 0px 20px;
}
}
/*========================================== with-bg-spd-n-FlipBox Section Style end ============================================*/
/*============================================ spd-n-FlipBox Last Section Start =================================================*/
.spd-n-cont-header-Flip-bottom {
border-bottom-width: 1px;
border-bottom-style: double;
text-align: center;
border-bottom-color: #c2c1c1;
margin-right: 5px;
margin-top: -15px;
}
.spd-n-cont-header-Flip-bottom span {
padding: 0px 5px 0px 5px;
background-color: #fff;
position: relative;
top: 22px;
}
.spd-n-bg2color {
background: #eef0f0;
box-shadow: none;
}
.spd-n-fl-cd-bx-title {
font-size: 19px;
font-weight: 600;
}
.spd-n-back-padding {
padding: 10px 25px 25px 25px;
}
.spd-n-b-circle-area {
margin-top: -30px;
}
.spd-n-bottom-r-circle {
width: 70px;
height: 70px;
border-radius: 100%;
margin: 0 auto !important;
background: #fff;
text-align: center;
color: #015680;
}
.spd-n-down-arrow {
padding: 12px 0px 0px 12px;
}
.spd-n-details-button {
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
width: 55%;
min-height: 40px;
border-radius: 5px;
background: linear-gradient(to bottom, #016a9d 0%,#00486c 100%);
padding: 10px;
color: #fff;
margin: 0 auto !important;
}
.spd-n-fl-box-cont-text {
line-height: 30px;
font-weight: normal;
}
.spd-n-fl-box-right-gap {
margin-right: 15px;
}
/* flipbox bottom section*/
#spd-n-f1_container-with-bg-bottom {
position: relative;
width: 100%;
z-index: 1;
overflow: visible;
position: relative;
height: auto;
max-height: 100%;
}
#spd-n-f1_container-with-bg-bottom {
perspective: 1000;
}
#spd-n-f1_card-with-bg-bottom {
width: 100%;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transition: all 1.0s linear;
-webkit-transition: all 1.0s linear;
-moz-transition: all 1.0s linear;
-ms-transition: all 1.0s linear;
-o-transition: all 1.0s linear;
}
#spd-n-f1_container-with-bg-bottom:hover #spd-n-f1_card-with-bg-bottom {
backface-visibility: hidden !important;
-webkit-backface-visibility: hidden !important;
-moz- backface-visibility: hidden !important;
-ms- backface-visibility: hidden !important;
-o- backface-visibility: hidden !important;
transform: rotatex(180deg);
-webkit-transform: rotatex(180deg);
-moz-transform: rotatex(180deg);
-ms-transform: rotatex(180deg);
-o-transform: rotatex(180deg);
}
.spd-n-face-with-bg-bottom {
position: absolute;
width: 100%;
}
.spd-n-face-with-bg-bottom.spd-n-back-with-bg-bottom {
display: block;
transform: rotatex(180deg);
-webkit-transform: rotatex(180deg);
-moz-transform: rotatex(180deg);
-ms-transform: rotatex(180deg);
-o-transform: rotatex(180deg);
box-sizing: border-box;
color: inherit;
text-align: center;
}
.spd-n-front-with-bg-bottom, .spd-n-back-with-bg-bottom {
border: 1px solid #E2E2E2;
text-align: center;
backface-visibility:hidden !important;
-webkit-backface-visibility:hidden !important;
-moz-backface-visibility:hidden !important;
-ms-backface-visibility:hidden !important;
-o-backface-visibility:hidden !important;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
background-color: #0087bd;
border: none;
color: #fff;
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
-o-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
}
.spd-n-flip_box-with-bg-bottom .spd-n-front-with-bg-bottom {
position: relative;
z-index: 0;
background-color: #FFF;
transform: rotatex(0deg);
-webkit-transform: rotatex(0deg);
-moz-transform: rotatex(0deg);
-ms-transform: rotatex(0deg);
-o-transform: rotatex(0deg);
}
.spd-n-flip_box-with-bg-bottom .spd-n-front-with-bg-bttom, .spd-n-flip_box-with-bg-bottom .spd-n-back-with-bg-bttom {
backface-visibility: hidden;
-webkit-backface-visibility: hidden !important;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
transition: all 750ms ease 0s;
-webkit-transition: all 750ms ease 0s;
-moz-transition: all 750ms ease 0s;
-ms-transition: all 750ms ease 0s;
-o-transition: all 750ms ease 0s;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
}
.spd-n-fl-top-border {
border-bottom: 1px solid #c2c1c1;
text-align: center;
padding-bottom: 10px;
}
.spd-n-no-background {
background: transparent;
color: inherit;
box-shadow: none;
}
.spd-n-bottom-box-image img {
text-align: center;
width: 100px;
height: 100px;
}
.spd-n-packpadding {
padding-top: 0px;
}
/* counter box */
.spd-n-counter-box-flip {
text-align: center;
border: 1px solid #dddddd;
}
.spd-n-counter-box-flip:hover {
background: url(../../images/icons/beige_paper.png);
}
.bigcount, .counter-ex {
font-size: 3em;
font-weight: 600;
}
.spd-n-counter-box h2 {
font-weight: 300;
}
.spd-n-counter-box i {
display: inline-block;
width: 100%;
}
.spd-n-counterbox_Area1 {
margin-right: 0px;
padding-right: 0px;
}
.spd-n-counterbox_Area2 {
margin-left: 0px;
padding-left: 0px;
}
@media screen and (max-width: 767px) {
.spd-n-counterbox_Area {
margin-right: 15px !important;
margin-left: 15px !important;
}
.spd-n-counterbox_Area1 {
margin-right: 15px;
padding-right: 0px;
}
.spd-n-counterbox_Area2 {
margin-left: 15px;
padding-left: 0px;
}
}
/*============================================ spd-n-FlipBox Last Section end =================================================*/
/*============================================ spd-n-Banner-full-1-start =================================================*/
/****spd-n-banner-full-1****/
.spd-n-banner-full-1 {
background: url(../images/spd-n-blar-bg-new.jpg) #1e3167;
padding: 10px;
background-size:cover;
}
.spd-n-bn-full-1-area {
border: 4px double #fff;
}
.spd-n-bn-full-1-title, .spd-n-bn-full-1-text {
text-align: center;
color: #fff;
}
/*icon box content*/
.spd-n1-iconbox {
text-align: center;
color: #fff;
}
.spd-n1-iconbox i {
width: 50px;
height: 50px;
line-height: 43px;
color: #00aab3;
text-align: center;
border: 3px solid #ddd;
border-radius: 50%;
transition: all .8s ease;
}
.spd-n1-iconbox:hover i {
border-color: #6DC058;
color: #00aab3;
}
/*icon box content02*/
.spd-n2-iconbox i {
background: #1B72AC;
color: #ffffff;
}
.spd-n2-iconbox:hover i {
border-color: #fff;
color: #fff;
background: none;
}
/*icon box content03*/
.spd-n3-iconbox:hover i {
border-color: #00aab3;
color: #ffffff;
background: #00aab3;
}
/*icon box content04*/
.spd-n4-iconbox:hover i {
transform: rotateY(180deg);
}
/*============================================ spd-n-Banner-half-left2 & right2-start =================================================*/
.spd-n-banner-half-left1 {
background: url(../images/parallax-sk.jpg);
padding: 10px;
}
.spd-n-banner-half-right1 {
background: url(../images/hover-image/15.jpg)#071209;
padding: 10px;
}
.spd-n-banner-half-left {
background: #21223e;
}
.spd-n-halft-left {
color: #baadfd;
}
.spd-n-bn-full-text-bg-right {
color: #fff;
padding: 10px;
margin: 10px;
background: url(../../Core/images/bn-full-bg-small3.png);
}
.spd-banner-half-left-logo {
text-align: center;
color: #fff;
font-style: italic;
font-weight: 600;
}
.spd-banner-half-text {
text-align: left;
color: #baadfd;
text-transform: uppercase;
padding-bottom: 0px;
font-weight: 600;
}
.spd-banner-half-text2 {
text-align: left;
color: #fff;
text-transform: uppercase;
padding-top: 0px;
font-weight: 600;
}
.banner-read-more {
width: 130px;
background: #fff;
border-radius: 4px;
padding: 5px;
text-align: center;
}
.banner-read-more a {
text-align: center;
text-decoration: none;
color: #363640;
font-weight: 600;
}
.banner-read-more1 a {
text-decoration: none;
color: #fff;
font-weight: 500;
font-style: italic;
}
.spd-n-banner-half-left-image img {
-webkit-border-bottom-left-radius: 40px;
-moz-border-radius-bottomleft: 40px;
border-bottom-left-radius: 40px;
-webkit-box-shadow: -1px 5px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: -1px 5px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: -1px 5px 5px 0px rgba(50, 50, 50, 0.75);
border: 1px solid #E2E2E2;
height: auto;
min-height: 320px;
}
@media handheld, only screen and (max-width:999px) {
.spd-n-banner-half-left-image img {
height: auto;
min-height: 400px;
}
}
.spd-n-chart1 p {
font-size: 40px;
padding: 57px;
}
/*============================================ spd-n-Banner-full2-start =================================================*/
.spd-n-banner-full2 {
background: url(../Core/images/spd-n-banner-full2-bg.png) #0c36bb;
padding: 10px;
}
.spd-n-bn-full-area {
border: 4px double #fff;
}
.spd-n-bn-halft-left1-area {
border: 2px solid #fff;
}
.spd-n-bn-halft-right2-area {
border: 4px solid #3da02e;
}
.spd-n-bn-full-text-bg {
color: #fff;
padding: 10px;
margin: 10px;
background-image: url(../images/bn-full-bg-small.jpg);
}
.spd-n-bn-full-text-bg-left {
color: #fff;
padding: 10px;
margin: 10px;
background: url(.././Core/images/bn-full-bg-small2.png);
}
.spd-n-bn-full-title, .spd-n-bn-full-text {
text-align: center;
color: #fff;
}
.spd-n-bn-halft-right2-area2 {
border: 3px groove #d8b88a;
}
.spd-n-banner-half-left2 {
background: url(.././Core/images/spd-n-bn-full-1-bg.png)#d7f606;
padding: 10px;
}
.spd-n-discount {
margin: 0 auto;
text-align: center;
color: #fff;
padding-bottom: 15px;
padding-top: 15px;
}
.spd-n-discount-rate {
font-size: 50px;
font-weight: bold;
padding-right: 8px;
padding-top: 10px;
}
.spd-n-discount-image img {
width: 143px;
}
.spd-n-banner-half-right3 {
background: url(.././Core/images/spd-n-banner-right-BG.png)#f8f244;
padding: 10px;
}
.spd-n-bn-full-text-bg-right1 {
padding: 0px 20px;
}
.spd-n-new-border {
border: 10px double #d5961c;
}
.spd-n-new-bg {
background: #d5961c;
}
.spd-n-new-bg2 {
background: #369c4b;
}
.spd-n-new-border2 {
border: 10px solid #369c4b;
}
.spd-n-bn-half-new-bg {
background: #7c3e0d;
padding: 10px;
}
.spd-n-bn-halft-left-new-area {
border: 3px inset #ffffff;
}
.spd-n-bn-half-left-new-bg {
background: url(.././Core/images/spd-n-bn-half-left-new.png)#262121;
padding: 10px;
}
.spd-n-bn-halft-right-new-border {
border: 4px groove #B3B986;
border-radius: 10px;
}
.spd-n-new-bg-5 {
background: #f28109;
}
.spd-n-new-border-5 {
border: 10px double #f28109;
}
/*banner-slider-start*/
.spd-n-cr-container {
width: 100%;
height: 310px;
position: relative;
margin: 0 auto;
overflow: hidden;
border: 20px solid #f4f5f5;
box-shadow: -1px 3px 6px rgba(0,0,0,0.1);
padding-bottom: 20px;
-webkit-box-shadow: -1px 3px 6px rgba(0,0,0,0.1);
-moz-box-shadow: -1px 3px 6px rgba(0,0,0,0.1);
-o-box-shadow: -1px 3px 6px rgba(0,0,0,0.1);
}
.spd-n-cr-container label {
font-style: italic;
width: 25%;
height: 30px;
cursor: pointer;
color: #fff;
line-height: 32px;
font-size: 24px;
float: left;
position: relative;
margin-top: 20%;
z-index: 1000;
text-align: center;
}
@media screen and (min-width: 1024px) {
.spd-n-cr-container label {
margin-top: 21%;
}
}
@media screen and (max-width: 1024px) {
.spd-n-cr-container label {
margin-top: 22%;
}
.spd-n1-iconbox h4 {
font-size: 13px;
}
}
@media screen and (max-width: 999px) {
.spd-n-cr-container label {
margin-top: 24%;
}
}
@media screen and (max-width: 995px) {
.spd-n-cr-container label {
margin-top: 25%;
}
}
@media screen and (max-width: 980px) {
.spd-n-cr-container label {
margin-top: 26%;
}
.spd-n-cr-container {
min-height: 320px;
}
.spd-n-cr-bgimg {
min-height: 320px;
}
}
@media screen and (max-width: 920px) {
.spd-n-cr-container label {
margin-top: 29%;
}
}
@media screen and (max-width: 900px) {
.spd-n-cr-container label {
margin-top: 28%;
}
}
@media screen and (max-width: 880px) {
.spd-n-cr-container label {
margin-top: 30%;
}
}
@media screen and (max-width: 850px) {
.spd-n-cr-container label {
margin-top: 33%;
}
}
.spd-n-cr-container label:before {
content: '';
width: 34px;
height: 34px;
background: rgba(130,195,217,0.9);
position: absolute;
left: 50%;
margin-left: -17px;
border-radius: 50%;
box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.3);
z-index: -1;
}
.spd-n-cr-container label:after {
width: 0px;
content: '';
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
position: absolute;
bottom: -20px;
right: 0px;
}
.spd-n-cr-container label.spd-n-cr-label-img-4:after {
width: 0px;
}
.spd-n-cr-container input.spd-n-cr-selector-img-1:checked ~ label.spd-n-cr-label-img-1,
.spd-n-cr-container input.spd-n-cr-selector-img-2:checked ~ label.spd-n-cr-label-img-2,
.spd-n-cr-container input.spd-n-cr-selector-img-3:checked ~ label.spd-n-cr-label-img-3,
.spd-n-cr-container input.spd-n-cr-selector-img-4:checked ~ label.spd-n-cr-label-img-4 {
color: #68abc2;
}
.spd-n-cr-container input.spd-n-cr-selector-img-1:checked ~ label.spd-n-cr-label-img-1:before,
.spd-n-cr-container input.spd-n-cr-selector-img-2:checked ~ label.spd-n-cr-label-img-2:before,
.spd-n-cr-container input.spd-n-cr-selector-img-3:checked ~ label.spd-n-cr-label-img-3:before,
.spd-n-cr-container input.spd-n-cr-selector-img-4:checked ~ label.spd-n-cr-label-img-4:before {
background: #fff;
box-shadow: 0px 0px 0px 4px rgba(104,171,194,0.6);
}
.spd-n-cr-container input {
display: none;
}
.spd-n-cr-bgimg {
width: 100%;
height: 300px;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
}
.spd-n-cr-bgimg {
background-repeat: no-repeat;
background-position: 0 0;
}
.spd-n-cr-bgimg div {
width: 25%;
height: 100%;
position: relative;
float: left;
overflow: hidden;
background-repeat: no-repeat;
}
.spd-n-cr-bgimg div span {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 10px;
z-index: 2;
text-indent: -9000px;
}
.spd-n-cr-bgimg div:nth-child(odd) span {
left: -150px;
}
.spd-n-cr-container input.spd-n-cr-selector-img-1:checked ~ .spd-n-cr-bgimg,
.spd-n-cr-bgimg div span:nth-child(1) {
background-image: url(../images/footer-top-bg.jpg);
background-size:cover;
}
.spd-n-cr-container input.spd-n-cr-selector-img-2:checked ~ .spd-n-cr-bgimg,
.spd-n-cr-bgimg div span:nth-child(2) {
background-image: url(../images/spd-sh-service.jpg);
}
.spd-n-cr-container input.spd-n-cr-selector-img-3:checked ~ .spd-n-cr-bgimg,
.spd-n-cr-bgimg div span:nth-child(3) {
background-image: url(../images/12.jpg);
}
.spd-n-cr-container input.spd-n-cr-selector-img-4:checked ~ .spd-n-cr-bgimg,
.spd-n-cr-bgimg div span:nth-child(4) {
background-image: url(../images/14.jpg);
}
.spd-n-cr-bgimg div:nth-child(1) span {
background-position: 0px 0px;
}
.spd-n-cr-bgimg div:nth-child(2) span {
background-position: -150px 0px;
}
.spd-n-cr-bgimg div:nth-child(3) span {
background-position: -300px 0px;
}
.spd-n-cr-bgimg div:nth-child(4) span {
background-position: -450px 0px;
}
.spd-n-cr-container input:checked ~ .spd-n-cr-bgimg div span {
-webkit-animation: slideOutRight 0.6s ease-in-out;
-moz-animation: slideOutRight 0.6s ease-in-out;
-o-animation: slideOutRight 0.6s ease-in-out;
-ms-animation: slideOutRight 0.6s ease-in-out;
animation: slideOutRight 0.6s ease-in-out;
}
@-webkit-keyframes slideOutRight {
0% {
left: 0px;
}
100% {
left: 150px;
}
}
@-moz-keyframes slideOutRight {
0% {
left: 0px;
}
100% {
left: 150px;
}
}
@-o-keyframes slideOutRight {
0%;
{
left: 0px;
}
100% {
left: 150px;
}
}
/*@-ms-keyframes slideOutRight{
0%{ left: 0px; }
100%{ left: 150px; }
}*/
@keyframes slideOutRight {
0% {
left: 0px;
}
100% {
left: 150px;
}
}
.spd-n-cr-container input:checked ~ .spd-n-cr-bgimg div:nth-child(even) span {
-webkit-animation: slideOutLeft 0.6s ease-in-out;
-moz-animation: slideOutLeft 0.6s ease-in-out;
-o-animation: slideOutLeft 0.6s ease-in-out;
-ms-animation: slideOutLeft 0.6s ease-in-out;
animation: slideOutLeft 0.6s ease-in-out;
}
@-webkit-keyframes slideOutLeft {
0% {
left: 0px;
}
100% {
left: -150px;
}
}
@-moz-keyframes slideOutLeft {
0% {
left: 0px;
}
100% {
left: -150px;
}
}
@-o-keyframes slideOutLeft {
0%;
{
left: 0px;
}
100% {
left: -150px;
}
}
/*@-ms-keyframes slideOutLeft{
0%{ left: 0px; }
100%{ left: -150px; }
}*/
@keyframes slideOutLeft {
0% {
left: 0px;
}
100% {
left: -150px;
}
}
.spd-n-cr-container input.spd-n-cr-selector-img-1:checked ~ .spd-n-cr-bgimg div span:nth-child(1),
.spd-n-cr-container input.spd-n-cr-selector-img-2:checked ~ .spd-n-cr-bgimg div span:nth-child(2),
.spd-n-cr-container input.spd-n-cr-selector-img-3:checked ~ .spd-n-cr-bgimg div span:nth-child(3),
.spd-n-cr-container input.spd-n-cr-selector-img-4:checked ~ .spd-n-cr-bgimg div span:nth-child(4) {
-webkit-transition: left 0.5s ease-in-out;
-moz-transition: left 0.5s ease-in-out;
-o-transition: left 0.5s ease-in-out;
-ms-transition: left 0.5s ease-in-out;
transition: left 0.5s ease-in-out;
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
-ms-animation: none;
animation: none;
left: 0px;
z-index: 10;
}
.spd-n-cr-titles h1 {
color: #fff;
}
.spd-n-cr-titles h1 span {
z-index: 10000;
position: absolute;
width: 90%;
left: 0px;
text-align: center;
opacity: 0;
top: 5%;
left: 5%;
}
.spd-n-cr-titles h1 span:nth-child(1) {
left: 5%;
text-align: center;
font-size: 50px;
font-weight: 600;
-webkit-transition: opacity 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;
-moz-transition: opacity 0.8s ease-in-out, -moz-transform 0.8s ease-in-out;
-o-transition: opacity 0.8s ease-in-out, -o-transform 0.8s ease-in-out;
-ms-transition: opacity 0.8s ease-in-out, -ms-transform 0.8s ease-in-out;
transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
}
.spd-n-cr-titles h1 span:nth-child(2) {
margin-top: 84px;
border-right: 6px solid #80c3f1;
border-left: 6px solid #80c3f1;
letter-spacing: 0px;
background: #fff;
font-size: 14px;
padding: 15px 15px;
font-style: italic;
opacity: 0;
color: #666;
-webkit-transition: opacity 0.8s ease-in-out;
-moz-transition: opacity 0.8s ease-in-out;
-o-transition: opacity 0.8s ease-in-out;
-ms-transition: opacity 0.8s ease-in-out;
transition: opacity 0.8s ease-in-out;
}
.spd-n-cr-container input:checked ~ .spd-n-cr-titles h1 span:nth-child(1) {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
.spd-n-cr-container input.spd-n-cr-selector-img-1:checked ~ .spd-n-cr-titles h1:nth-child(1) span:nth-child(1),
.spd-n-cr-container input.spd-n-cr-selector-img-2:checked ~ .spd-n-cr-titles h1:nth-child(2) span:nth-child(1),
.spd-n-cr-container input.spd-n-cr-selector-img-3:checked ~ .spd-n-cr-titles h1:nth-child(3) span:nth-child(1),
.spd-n-cr-container input.spd-n-cr-selector-img-4:checked ~ .spd-n-cr-titles h1:nth-child(4) span:nth-child(1) {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.spd-n-cr-container input.spd-n-cr-selector-img-1:checked ~ .spd-n-cr-titles h1:nth-child(1) span:nth-child(2),
.spd-n-cr-container input.spd-n-cr-selector-img-2:checked ~ .spd-n-cr-titles h1:nth-child(2) span:nth-child(2),
.spd-n-cr-container input.spd-n-cr-selector-img-3:checked ~ .spd-n-cr-titles h1:nth-child(3) span:nth-child(2),
.spd-n-cr-container input.spd-n-cr-selector-img-4:checked ~ .spd-n-cr-titles h1:nth-child(4) span:nth-child(2) {
opacity: 1;
}
/* Media Query: Let's show the inputs on mobile sized browsers because they probably don't support the label trick: */
@media screen and (max-width: 767px) {
.spd-n-cr-container {
min-height: 400px;
}
.spd-n-cr-bgimg {
min-height: 400px;
}
.spd-n-cr-titles h1 span:nth-child(1) {
font-size: 40px;
text-align: center;
}
.spd-n-cr-container input {
display: inline;
width: 24%;
margin-top: 320px;
z-index: 1000;
position: relative;
}
.spd-n-cr-container label {
display: none;
}
}
/* Media Query: Let's show the inputs on mobile sized browsers because they probably don't support the label trick: */
@media screen and (max-width: 480px) {
.spd-n-cr-container {
min-height: 500px;
}
.spd-n-cr-bgimg {
min-height: 500px;
}
.spd-n-cr-titles h1 span:nth-child(1) {
font-size: 40px;
text-align: center;
}
.spd-n-cr-container input {
display: inline;
width: 24%;
margin-top: 400px;
z-index: 1000;
position: relative;
}
.spd-n-cr-container label {
display: none;
}
}
/* Media Query: Let's show the inputs on mobile sized browsers because they probably don't support the label trick: */
@media screen and (max-width: 360px) {
.spd-n-cr-container {
min-height: 550px;
}
.spd-n-cr-bgimg {
min-height: 550px;
}
.spd-n-cr-titles h1 span:nth-child(1) {
font-size: 22px;
}
.spd-n-cr-container input {
display: inline;
width: 22%;
margin-top: 480px;
z-index: 1000;
position: relative;
}
.spd-n-cr-container label {
display: none;
}
}
/*============================================ spd-n-Banner-sider-end =================================================*/
/** FANCY MEDIA CODE**/
.spd-n-fn-media-img-bg {
background: #dddddd;
}
.spd-n-fn-m-text-bottom {
padding: 15px 15px 15px 15px;
text-align: center;
}
/** FANCY MEDIA END**/
/*============================================ spd-n-text-block-start =================================================*/
/*block-text-top-left1 & right1 section*/
.spd-n-bt-top-left1-area {
border: 6px solid #47841B;
}
.spd-n-bt-top-left-bg {
color: #fff;
padding: 10px;
background: #000;
}
.spd-n-bt-top-left-title, .spd-n-bt-top-left-text {
text-align: center;
color: #fff;
}
.spd-n-bt-top-right-bg {
text-align: center;
padding: 10px;
}
.spd-n-bt-top-right1-area {
border: 6px dotted #47841B;
}
.spd-n-bt-top-left-title, .spd-n-bt-top-left-text {
text-align: center;
}
/*block-text-top-left2 & right2 section*/
.spd-n-bt-top-left2-area {
border: 8px groove #696969;
}
.spd-n-bt-top-left2-bg {
padding: 10px;
}
.spd-n-bt-top-left2-title, .spd-n-bt-top-left2-text {
text-align: center;
}
.spd-n-bt-top-right2-bg {
text-align: center;
padding: 10px;
background: #4970b2;
}
.spd-n-bt-top-right2-area {
border: 8px double #6e90c9;
}
.spd-n-bt-top-right2-title, .spd-n-bt-top-right2-text {
text-align: center;
color: #fff;
}
/*block-text-top-left3 & right3 section*/
.spd-n-bt-top-left3-area {
border: 15px groove #4b920d;
}
.spd-n-bt-top-left3-bg {
padding: 10px;
background: #75b43d;
color: #fff;
}
.spd-n-bt-top-left3-title, .spd-n-bt-top-left3-text {
text-align: center;
}
.spd-n-bt-top-right3-bg {
text-align: center;
padding: 10px;
background: #000;
}
.spd-n-bt-top-right3-area {
border: 15px inset #ff6600;
}
.spd-n-bt-top-right3-title, .spd-n-bt-top-right3-text {
text-align: center;
color: #fff;
}
/*block-text-top-left4 & right4 section*/
.spd-n-bt-top-left4-area {
border: 8px outset #3590c5;
}
.spd-n-bt-top-left4-bg {
padding: 10px;
background: #57b1e5;
color: #fff;
}
.spd-n-bt-top-left4-title, .spd-n-bt-top-left4-text {
text-align: center;
}
.spd-n-bt-top-right4-bg {
text-align: center;
padding: 10px;
background: #7c43ca;
}
.spd-n-bt-top-right4-area {
border: 6px dashed #7744bd;
}
.spd-n-bt-top-right4-title, .spd-n-bt-top-right4-text {
text-align: center;
color: #fff;
}
/*block-text-top-left5 & right5 section*/
.spd-n-bt-top-left5-bg {
padding: 10px;
background: #1e73be;
color: #fff;
}
.spd-n-bt-top-right5-bg {
padding: 10px;
background: #9ea803;
color: #fff;
}
/*block-text read more*/
.spd-n-bt-read-more {
width: 130px;
background: #fff;
border-radius: 4px;
padding: 5px;
text-align: center;
}
.spd-n-bt-read-more a {
text-align: center;
text-decoration: none;
color: #363640;
font-weight: 600;
}
.spd-n-bt-read-more2 {
width: 130px;
background: #47841B;
border-radius: 4px;
padding: 5px;
text-align: center;
}
.spd-n-bt-read-more2 a {
text-align: center;
text-decoration: none;
color: #363640;
font-weight: 600;
}
.spd-n-bt-read-more2 a {
text-decoration: none;
color: #fff;
font-weight: 500;
}
/*icon box content*/
.spd-n1-iconbox {
text-align: center;
color: #fff;
}
.spd-n1-iconbox i {
width: 50px;
height: 50px;
line-height: 43px;
color: #00aab3;
text-align: center;
border: 3px solid #ddd;
border-radius: 50%;
transition: all .8s ease;
}
.spd-n1-iconbox:hover i {
border-color: #6DC058;
color: #00aab3;
}
/*icon box content02*/
.spd-n2-iconbox i {
background: #1B72AC;
color: #ffffff;
}
.spd-n2-iconbox:hover i {
border-color: #fff;
color: #fff;
background: none;
}
/*icon box content03*/
.spd-n3-iconbox:hover i {
border-color: #00aab3;
color: #ffffff;
background: #00aab3;
}
/*icon box content04*/
.spd-n4-iconbox:hover i {
transform: rotateY(180deg);
}
/** Spd-n-home-testimonial code **/
.spd-n-cont-header-12 {
border-bottom-width: 3px;
border-bottom-style: solid;
text-align: left;
margin-top: -75px;
}
.spd-n-cont-header-12 > .border {
padding: 0px 5px 0px 15px;
background-color: #fff;
position: relative;
top: 90px;
margin-left: 0px;
padding-left: 0px;
}
.spd-n-h-tstm-top {
margin-bottom: 120px;
}
.spd-n-home-testm-image img {
border-radius: 100%;
border-width: 3px;
border-style: solid;
border-color:inherit;
width: 180px;
height: 180px;
padding: 10px;
background: #fff;
}
.spd-n-h-tstm-comma-start {
font-size: 35px;
font-style: italic;
}
.spd-n-home-tstm-text {
margin-top: -30px !important;
padding-left: 20px;
}
.spd-n-h-test-title {
padding-left: 20px;
}
@media screen and (max-width: 767px) {
.spd-n-cont-header-12 {
border-bottom-width: 0px;
float: none;
margin: 0 auto !important;
}
.spd-n-home-testm-image img {
float: none;
margin: 0 auto !important;
}
.spd-n-h-test-title {
text-align: center;
padding-top: 10%;
}
.spd-n-h-tstm-top {
margin: 0 auto;
float: none;
display: table;
}
}
/**********************************
* spd-n-home1-black-bg style *
**********************************/
MainHomePageGetStartText1 {
font-size: 22px;
font-weight: 200;
color: #e6e5e5;
padding-top: 4px;
line-height: 20px;
font-family: inherit;
}
/**********************************
* spd-n-home-Pie-chart style *
**********************************/
.spd-n-counter-box {
border: 3px solid #fff;
border-radius: 100%;
width: 80%;
height: 80%;
display: block;
padding: 30px;
}
.spd-n-bigcount {
color: #fff;
padding-top: 40px;
}
.spd-n-coung-color {
color: #fff;
text-transform: none !important;
}
/**********************************
* spd-n-black-bg-cont style *
**********************************/
.spd-n-black-bg-cont {
background: url(../images/spd-n-black-bg-cont.png) #4C4C4C;
color: #fff;
}
.spd-n-black-bg-cont2 {
background: url(../images/spd-n-black-bg-cont.png) #131313;
color: #fff;
margin-top:2px;
}
.spd-n-black-bg-title {
margin-top: -20px;
}
.spd-n-black-cont-title-gap {
padding-right: 20px;
font-size: 30px;
}
.spd-n-black-cont-text-gap {
padding-left: 40px;
color: #B8B8B8;
}
.spd-n-black-cont-text-gap2 {
padding-left: 0px;
color: #B8B8B8;
}
.spd-n-button-margin {
margin-right: 2%;
}
.spd-n-home1-banner-title {
color: #fff;
}
/**********************************
* spd-n-neo-feature style *
**********************************/
.spd-n-neo-feature-title, .spd-n-neo-feature-text {
text-align: center;
}
.spd-n-neo-feature-text2 {
padding-left: 50px !important;
text-align: left;
}
.spd-n-neo-feature-button, .spd-n-Shadhin-feature-button{
color: #fff !important;
margin-left: 40px !important;
}
.spd-n-neo-feature-button:hover, .spd-n-Shadhin-feature-button:hover{
color: #fff;
}
.spd-n-list {
padding-left: 30px !important;
}
/**********************************
* spd-n-blar-box style *
**********************************/
.spd-n-blar-box1 {
border: 1px solid #A8A7A7;
padding: 10px;
width: 100%;
background: url(../images/spd-n-blar-box-bg.jpg);
box-shadow: 0px 2px 2px #575656;
-webkit-box-shadow: 0px 2px 2px #575656;
-moz-box-shadow: 0px 2px 2px #575656;
-o-box-shadow: 0px 2px 2px #575656;
}
.spd-n-blar-padding {
line-height: 50px;
color: #fff;
}
.spd-n-blar-box-icon {
text-align: center;
width: 50px;
height: 50px;
border-radius: 50%;
margin-top: -12% !important;
margin-left: 43% !important;
}
@media screen and (max-width: 767px) {
.spd-n-blar-box-icon {
margin-top: 0 !important;
margin-left: 45%;
}
}
.spd-n-center-text {
text-align: center;
}
.spd-n-blar-clr {
color: #edeeef;
}
.spd-n-blar-readmore {
font-weight: 600;
}
/**********************************
* spd-n-404 error style *
**********************************/
.spd-n-404-Title {
font-size: 150px;
font-weight: bold;
text-shadow: 1px 3px 3px #606060;
}
.spd-n-not-found-text {
font-weight: bold;
}
.spd-n-404-padding {
padding-left: 40px;
}
.spd-n-404-list li {
border-bottom: 0px !important;
}
.spd-n-half {
max-width: 100%;
width: 100%;
}
.spd-n-right-align {
text-align: right;
}
@media screen and (max-width: 767px) {
.spd-n-home1-banner-title, .spd-n-black-cont-text-gap2 {
text-align: center;
}
.spd-n-right-align {
text-align: center;
}
}
/**********************************
* spd-n-career style *
**********************************/
.spd-n-padding-right {
padding-right: 15px;
}
.spd-n-right-small {
padding-left: 10px;
}
/* Starting Accordions Style */
.spd-r-center {
text-align: center;
}
.spd-r-padding-left-15 {
padding-left: 15px;
}
/* First Style **/
.spd-panel {
box-shadow: none;
}
.spd-panel-group .spd-panel-heading + .spd-panel-collapse > .spd-panel-body {
border-top: 1px solid #f5f3f3;
}
.spd-r-accor-first {
border: 1px solid #f5f3f3;
cursor: pointer;
color: #6D6B6B;
}
.spd-r-accordion_icon {
float: right;
}
.spd-r-accor-first > .spd-panel-collapse {
background: none repeat scroll 0 0 #ffffff;
}
.spd-r-accor-first .collapsed {
color: #5BC0DE;
}
.spd-r-accor-styl01 .spd-panel-group {
margin-bottom: 10px;
}
/** Second Style **/
.spd-r-accor-second {
border: 1px solid #f5f3f3;
cursor: pointer;
color: #6D6B6B;
border-radius: 0px !important;
}
.spd-r-accor-second .spd-panel-heading {
padding-top: 15px;
padding-bottom: 15px;
}
.spd-r-accor-second .collapsed span:before {
content: "\f067";
display: inline-block;
line-height: 1;
font-family: fontawesome;
}
.spd-r-accor-second span:before {
content: "\f068";
display: inline-block;
line-height: 1;
font-family: fontawesome;
}
/** Third Style **/
.spd-r-accor-Third {
border: 1px solid #9B9B9B;
cursor: pointer;
color: #6D6B6B;
border-radius: 0px !important;
}
.spd-r-accor-Third .spd-panel-heading {
padding: 0px;
}
.spd-r-accor-Third .spd-panel-heading h4 a {
line-height: 3;
padding-left: 15px;
}
.spd-r-accor-Third .collapsed .spd-r-accordion_icon:before {
content: "\f067";
display: inline-block;
line-height: 1;
font-family: fontawesome;
}
.spd-r-accor-Third .spd-r-accordion_icon:before {
content: "\f068";
display: inline-block;
line-height: 1;
font-family: fontawesome;
}
.spd-r-accor-Third .collapsed .spd-panel-heading {
color: #6D6B6B;
}
.spd-r-accor-Third span {
border-left: 1px solid #9B9B9B;
height: 48px;
padding: 15px;
width: 45px;
background-color: #9B9B9B;
color: #ffffff;
}
.spd-r-accor-Third .spd-panel-heading + .spd-panel-collapse > .spd-panel-body {
border-top: 1px solid #9B9B9B;
}
.spd-r-accor-Third .collapsed .spd-panel-title {
color: #9B9B9B;
}
/** Fourth Style **/
.spd-r-accor-four {
border: 1px solid #f5f3f3;
cursor: pointer;
color: #5BC0DE;
border-radius: 0px !important;
}
.spd-r-accor-four .spd-panel-heading {
padding: 0px;
}
.spd-r-accor-four .spd-panel-heading h4 a {
line-height: 3;
padding-left: 15px;
}
.spd-r-accor-four .collapsed .spd-r-accordion_icon:before {
content: "ï";
display: inline-block;
font-family: fontawesome;
font-size: 30px;
line-height: 0.7;
}
.spd-r-accor-four .spd-r-accordion_icon:before {
content: "\f106";
display: inline-block;
font-family: fontawesome;
font-size: 30px;
line-height: 0.7;
}
.spd-r-accor-four .collapsed .spd-panel-heading {
color: #6D6B6B;
}
.spd-r-accor-four span {
border-left: 1px solid #f5f3f3;
height: 48px;
padding: 12px;
width: 45px;
}
.spd-r-accor-four .spd-panel-heading + .spd-panel-collapse > .spd-panel-body {
border-top: 1px solid #f5f3f3;
}
.spd-r-accor-four .collapsed .spd-panel-title {
color: #6D6B6B;
}
/** Fifth Style **/
.spd-r-accor-fifth {
border: 1px solid #f5f3f3;
cursor: pointer;
color: #6D6B6B;
border-radius: 0px !important;
}
.spd-r-accor-fifth .spd-panel-heading {
padding: 0px;
}
.spd-r-accor-fifth .spd-panel-heading h4 a {
line-height: 3;
padding-left: 15px;
}
.spd-r-accor-fifth .collapsed .spd-r-accordion_icon-05:before {
content: "\f067";
display: inline-block;
line-height: 1;
font-family: fontawesome;
}
.spd-r-accor-fifth .spd-r-accordion_icon-05:before {
content: "\f068";
display: inline-block;
line-height: 1;
font-family: fontawesome;
}
.spd-r-accor-fifth .collapsed .spd-panel-heading {
color: #6D6B6B;
}
.spd-r-accor-fifth span {
border-right: 1px solid #f5f3f3;
height: 48px;
padding: 15px;
width: 45px;
}
.spd-r-accor-fifth .spd-panel-heading + .spd-panel-collapse > .spd-panel-body {
border-top: 1px solid #f5f3f3;
}
.spd-r-accordion_icon-05 {
float: left;
}
/** Sixth Style **/
.spd-r-accor-styl02 .spd-panel-group {
margin-bottom: 1px;
}
.spd-r-accor-sixth {
background: none repeat scroll 0 0 #18BA60;
cursor: pointer;
color: #ffffff;
border-radius: 0px !important;
}
.spd-r-accor-sixth .spd-panel-heading {
padding: 0px;
}
.spd-r-accor-sixth .spd-panel-heading h4 a {
line-height: 3;
padding-left: 15px;
}
.spd-r-accor-sixth .collapsed .spd-r-accordion_icon-05:before {
content: "\f067";
display: inline-block;
line-height: 1;
font-family: fontawesome;
}
.spd-r-accor-sixth .spd-r-accordion_icon-05:before {
content: "\f068";
display: inline-block;
line-height: 1;
font-family: fontawesome;
}
.spd-r-accor-sixth .collapsed .spd-panel-heading {
color: #6D6B6B;
}
.spd-r-accor-sixth span {
border-right: 1px solid #ffffff;
height: 48px;
padding: 15px;
width: 45px;
}
.spd-r-accor-sixth .spd-panel-heading + .spd-panel-collapse > .spd-panel-body {
border-top: 1px solid #ffffff;
}
.spd-r-accordion_icon-05 {
float: left;
}
.spd-r-accor-sixth .spd-panel-body {
background: none repeat scroll 0 0 #ffffff;
color: #6D6B6B;
}
.spd-r-accor-sixth .collapsed .spd-panel-title {
color: #ffffff;
}
.ac-container {
width: 100%;
margin: 10px auto 0px auto;
text-align: left;
}
.ac-container div {
height: auto;
}
.ac-container label {
font-weight: 300;
padding: 5px 10px;
position: relative;
z-index: 20;
display: block;
height: auto;
cursor: pointer;
color: #000;
text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
line-height: 33px;
font-size: 19px;
background: #ffffff;
}
.ac-container label:hover {
background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover {
color: #3d7489;
text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
border-bottom: none;
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after {
content: '';
position: absolute;
width: 24px;
height: 24px;
right: 13px;
top: 7px;
background: transparent url(../../images/arrow_down.png) no-repeat center center;
}
.ac-container input:checked + label:hover:after {
background-image: url(../../images/contentimages/arrow_up.png);
}
.ac-container input {
display: none;
}
.ac-container article {
margin-top: -1px;
overflow: hidden;
height: 0px;
position: relative;
z-index: 10;
-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p {
color: #777777;
font-size: 13px;
line-height: 18px;
padding: 5px;
}
.ac-container input:checked ~ article {
-webkit-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
-moz-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
-o-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
-ms-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
}
.ac-container input:checked ~ article.ac-small {
height: 136px;
}
.ac-container input:checked ~ article.ac-medium {
height: 184px;
}
.ac-container input:checked ~ article.ac-large {
height: 238px;
}
/*** Style 01 ***/
.spd-r-acc-01 label {
border-bottom: 1px solid #F5F3F3;
}
.spd-r-acc-01 > label:before {
content: "ï";
float: right;
font-family: fontawesome;
padding-right: 10px;
vertical-align: middle;
line-height: 1.6;
}
/*** Style 02***/
.spd-r-acc-02 > label {
text-transform: uppercase;
}
.spd-r-acc-02 > label:before {
content: "ï";
float: left;
font-family: fontawesome;
padding-right: 10px;
vertical-align: middle;
}
/* Ending Accordions Style */
/************************* Starting Button Style ************************/
/* resrat bootstrap accordian */
.panel {
background: none;
border: none;
box-shadow: none;
}
.panel-default > .panel-heading {
background: none;
}
.panel-title {
font-size: 16px;
}
a:hover, a:focus {
text-decoration: none;
}
.spd-panel-title-sours {
color: #18ba60;
}
.spd-r-ptext {
color: #555555;
}
.spd-r-btn-base {
background: none repeat scroll 0 0 #0dc0c0;
transition: all .5s;
color: #ffffff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.spd-r-btn-base:hover {
background: #4C9393;
color: #ffffff;
border: 1px solid #4C9393;
}
.spd-r-btn-small {
font-size: 13px;
line-height: 16px;
padding: 5px 9px 6px;
}
.spd-r-btn-green {
background-color: #10a95b;
text-decoration: none;
}
.spd-responsive-table-sm {
margin-bottom: 20px;
overflow-x: hidden;
overflow-y: hidden;
width: 100%;
}
@media handheld, only screen and (max-width:767px) {
.spd-responsive-table-sm {
margin-bottom: 20px;
overflow-x: scroll;
overflow-y: hidden;
width: 100%;
}
}
.accordion {
background: #eee;
border: 1px solid #999;
padding: 0 1em 24px;
width: 100%;
margin: 2em auto;
}
.accordion h2 {
margin: 12px 0;
}
.accordion .section {
border-bottom: 1px solid #ccc;
padding: 0 1em;
background: #fff;
}
.accordion h3 a {
display: block;
font-weight: normal;
padding: 1em 0;
}
.accordion h3 a:hover {
text-decoration: none;
}
.accordion h3 + div {
height: 0;
overflow: hidden;
-webkit-transition: height 0.3s ease-in;
-moz-transition: height 0.3s ease-in;
-o-transition: height 0.3s ease-in;
-ms-transition: height 0.3s ease-in;
transition: height 0.3s ease-in;
}
.accordion :target h3 a {
text-decoration: none;
font-weight: bold;
}
.accordion :target h3 + div {
height: auto;
}
.accordion .section.large:target h3 + div {
overflow: auto;
}
/* Buttons Contents CSS */
.spd-r-btn-c {
min-width: 900px;
}
.spd-r-btn-c p {
margin-bottom: 20px;
}
.spd-r-btn {
background: none repeat scroll 0 0 #f4f6f6;
color: #2D323A;
text-shadow: 0 1px 0 #ffffff;
}
.spd-r-btn-small {
font-size: 13px;
line-height: 16px;
padding: 5px 9px 6px;
}
.spd-r-btn-grey {
transition: all .5s;
background: none repeat scroll 0 0 #a5b3b4;
color: #ffffff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.spd-r-btn-grey:hover {
background: none repeat scroll 0 0 #939696;
}
.spd-r-btn-big {
font-size: 16px;
line-height: 20px;
padding: 12px 17px;
}
.spd-r-btn-bigger {
font-size: 18px;
line-height: 20px;
padding: 18px 22px;
}
.spd-r-btn-dark {
transition: all .5s;
background: none repeat scroll 0 0 #2d323a;
color: #ffffff !important;
}
.spd-r-btn-dark:hover {
background: none repeat scroll 0 0 #63666B;
}
.spd-r-btn-blue {
transition: all .5s;
background: none repeat scroll 0 0 #609ddb;
color: #ffffff !important;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.spd-r-btn-blue:hover {
background: none repeat scroll 0 0 #416E9B;
}
.spd-r-btn-turquoise {
transition: all .5s;
background: none repeat scroll 0 0 #0dc0c0;
color: #ffffff !important;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.spd-r-btn-turquoise:hover {
background: none repeat scroll 0 0 #1A8C8C;
}
.spd-r-btn-green {
transition: all .5s;
background: none repeat scroll 0 0 #18ba60;
color: #ffffff !important;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.spd-r-btn-green:hover {
background: none repeat scroll 0 0 #258C52;
}
.spd-r-btn-lime {
transition: all .5s;
background: none repeat scroll 0 0 #86ba41;
color: #ffffff !important;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.spd-r-btn-lime:hover {
background: none repeat scroll 0 0 #607F35;
}
.spd-r-btn-yellow {
transition: all .5s;
background: none repeat scroll 0 0 #fcd746;
color: #ffffff !important;
}
.spd-r-btn-yellow:hover {
background: none repeat scroll 0 0 #C1A53E;
}
.spd-r-btn-orange {
transition: all .5s;
background: none repeat scroll 0 0 #f58b3c;
color: #ffffff !important;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.spd-r-btn-orange:hover {
background: none repeat scroll 0 0 #C66F31;
}
.spd-r-btn-red {
transition: all .5s;
background: none repeat scroll 0 0 #e86343;
color: #ffffff !important;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.spd-r-btn-red:hover {
background: none repeat scroll 0 0 #AF452D;
}
.spd-r-btn-purple {
transition: all .5s;
background: none repeat scroll 0 0 #8463a9;
color: #ffffff !important;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.spd-r-btn-purple:hover {
background: none repeat scroll 0 0 #5E427F;
}
.spd-r-btn-brown {
transition: all .5s;
background: none repeat scroll 0 0 #8f5340;
color: #ffffff !important;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.spd-r-btn-brown:hover {
background: none repeat scroll 0 0 #5B382D;
}
/* New Buttons */
/* Common Style */
.spd-r-buton a {
color: #fff;
}
.spd-r-buton:before {
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
position: relative;
text-transform: none;
}
.spd-r-b_asset {
background: none repeat scroll 0 0 #0cadbe;
/*box-shadow*/
box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.2) inset;
-webkit-box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.2) inset;
-webkit-box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.2) inset;
}
.spd-r-buton {
font-size: 14px;
font-weight: normal;
line-height: 1.42857;
margin-bottom: 0;
padding: 6px 12px;
overflow: hidden;
border: medium none;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
display: inline-block;
position: relative;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
z-index: 1;
}
.spd-r-buton:after {
content: "";
position: absolute;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
z-index: -1;
}
.spd-r-btn-small {
font-size: 13px;
line-height: 16px;
padding: 5px 9px 6px;
}
.spd-r-btn-big {
font-size: 16px;
line-height: 20px;
padding: 12px 17px;
}
.spd-r-btn-bigger {
font-size: 18px;
line-height: 20px;
padding: 18px 22px;
color:#fff !important;
}
/* First Style */
.spd-r-buton-1:hover:after {
height: 225%;
opacity: 1;
}
.spd-r-buton-1:after {
background: none repeat scroll 0 0 #505050;
height: 0;
left: 50%;
opacity: 0;
top: 50%;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
width: 100%;
}
.spd-r-buton-1:hover, .buton-5:active {
color: #ffffff;
}
/* Second Style */
.spd-r-buton-2:after {
background: none repeat scroll 0 0 #505050;
height: 0;
left: 50%;
opacity: 0;
top: 48%;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
width: 101%;
}
.spd-r-buton-2:hover:after {
height: 75%;
opacity: 1;
}
.spd-r-buton-2:hover, .spd-r-buton-2:active {
color: #ffffff;
}
/* Thired Style */
.spd-r-buton-3:hover:after {
background: none repeat scroll 0 0 #000000;
opacity: 0.2;
width: 90%;
-webkit-transform: translateX(-50%) translateY(-50%);
}
.spd-r-buton-3:after {
background: none repeat scroll 0 0 #505050;
height: 103%;
left: 50%;
opacity: 1;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
width: 0;
}
.spd-r-buton-3:hover, .buton-3:active {
color: #ffffff;
}
/* Fourth Style */
.spd-r-buton-4:hover:after, .spd-r-buton-4:active:after {
height: 100%;
}
.spd-r-buton-4:after {
background: none repeat scroll 0 0 #000000;
border-radius: 5px;
height: 0;
left: 0;
opacity: 0.2;
top: 0;
width: 100%;
}
.spd-r-buton-4:hover, .spd-r-buton-4:active {
color: #ffffff;
}
/* Fifth Style */
.spd-r-buton-5:hover:after, .spd-r-buton-5:active:after {
width: 100%;
}
.spd-r-buton-5:after {
background: none repeat scroll 0 0 #000000;
border-radius: 5px;
height: 100%;
left: 0;
opacity: 0.1;
top: 0;
width: 0;
}
.spd-r-buton-5:hover, .spd-r-buton-5:active {
color: #ffffff;
}
/* First Button */
.spd-r-a_demo_one {
cursor: pointer;
background-color: #3bb3e0;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
text-decoration: none;
color: #fff;
position: relative;
padding: 10px 20px;
border-left: solid 1px #2ab7ec;
margin-left: 35px;
background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)) );
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}
.spd-r-a_demo_one:hover {
color: #fff;
}
.spd-r-a_demo_one:active {
top: 3px;
background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(62,184,229)), color-stop(1, rgb(44,160,202)) );
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}
.spd-r-a_demo_one::before {
background-color: #2561b4;
content: "1";
width: 35px;
max-height: 37px;
height: 100%;
position: absolute;
display: block;
padding: 8px 12px;
top: 0px;
left: -36px;
font-size: 16px;
font-weight: bold;
color: #8fd1ea;
text-shadow: 1px 1px 0px #07526e;
border-right: solid 1px #07526e;
background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -o-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -moz-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -ms-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(10,94,125)), color-stop(1, rgb(14,139,184)) );
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
}
.spd-r-a_demo_one:active::before {
top: -3px;
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
}
/* Second Button */
.spd-r-a_demo_two {
cursor: pointer;
background-color: #3bb3e0;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
text-decoration: none;
color: #fff;
position: relative;
padding: 13px 25px;
border-left: solid 1px #2ab7ec;
margin-left: 35px;
background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)) );
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}
.spd-r-a_demo_two:hover {
color: #fff;
}
.spd-r-a_demo_two:active {
top: 3px;
background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(62,184,229)), color-stop(1, rgb(44,160,202)) );
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}
.spd-r-a_demo_two::before {
background-color: #2561b4;
content: "2";
width: 40px;
height: 100%;
position: absolute;
display: block;
padding: 12px 15px;
top: 0px;
left: -36px;
font-size: 16px;
font-weight: bold;
color: #8fd1ea;
text-shadow: 1px 1px 0px #07526e;
border-right: solid 1px #07526e;
background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -o-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -moz-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -ms-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(10,94,125)), color-stop(1, rgb(14,139,184)) );
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
}
.spd-r-a_demo_two:active::before {
top: -3px;
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
}
/* Third Button */
.spd-r-a_demo_three {
cursor: pointer;
background-color: #3bb3e0;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
text-decoration: none;
color: #fff;
position: relative;
padding: 15px 35px;
border-left: solid 1px #2ab7ec;
margin-left: 35px;
background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)) );
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}
.spd-r-a_demo_three:hover {
color: #fff;
}
.spd-r-a_demo_three:active {
top: 3px;
background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(62,184,229)), color-stop(1, rgb(44,160,202)) );
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}
.spd-r-a_demo_three::before {
background-color: #2561b4;
content: "3";
width: 50px;
height: 100%;
position: absolute;
display: block;
padding: 15px 20px;
top: 0px;
left: -36px;
font-size: 16px;
font-weight: bold;
color: #8fd1ea;
text-shadow: 1px 1px 0px #07526e;
border-right: solid 1px #07526e;
background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -o-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -moz-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -ms-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(10,94,125)), color-stop(1, rgb(14,139,184)) );
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
}
.spd-r-a_demo_three:active::before {
top: -3px;
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
}
/* Four Button */
.spd-r-a_demo_four {
cursor: pointer;
background-color: #3bb3e0;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
text-decoration: none;
color: #fff;
position: relative;
padding: 6px 11px;
border-left: solid 1px #2ab7ec;
margin-left: 35px;
background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)) );
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}
.spd-r-a_demo_four:hover {
color: #fff;
}
.spd-r-a_demo_four:active {
top: 3px;
background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(62,184,229)), color-stop(1, rgb(44,160,202)) );
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}
.spd-r-a_demo_four::before {
background-color: #2561b4;
content: "0";
width: 25px;
height: 100%;
position: absolute;
display: block;
padding: 4px 8px;
top: 0px;
left: -25px;
font-size: 16px;
font-weight: bold;
color: #8fd1ea;
text-shadow: 1px 1px 0px #07526e;
border-right: solid 1px #07526e;
background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -o-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -moz-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -ms-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(10,94,125)), color-stop(1, rgb(14,139,184)) );
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
}
.spd-r-a_demo_four:active::before {
top: -3px;
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
}
/*** Animated Button ****/
.spd-r-a-btn button {
position: relative;
display: block;
margin: auto;
line-height: 60px;
text-decoration: none;
text-align: center;
font-size: 24px;
font-family: 'Lato', sans-serif;
font-weight: bold;
text-shadow: 2px 2px 2px #3a7faa;
box-shadow: 0px 9px 0px #3a7faa, 0px 9px 25px rgba(0, 0, 0, 0.7);
transition: all .1s ease;
-webkit-transition: all .1s ease;
color: white;
background-color: #458ecc;
border-radius: 8px;
border: none;
outline: 0 none;
width: 220px;
height: 65px;
overflow: hidden;
cursor: pointer;
}
.spd-r-a-btn button:active {
box-shadow: 0px 3px 0px #3a7faa, 0px 3px 6px rgba(0, 0, 0, 0.9);
top: 6px;
}
.spd-r-a-btn .main-text {
position: absolute;
left: 110px;
}
.spd-r-a-btn .submit {
text-transform: uppercase;
color: #efd959;
}
.spd-r-a-btn .sent-text {
position: absolute;
left: 40px;
opacity: 0;
}
.spd-r-a-btn button.active .main-text {
display: none;
}
.spd-r-a-btn button.active .sent-text {
animation: sent 4s forwards;
animation-delay: 4s;
-webkit-animation: sent 4s forwards;
-webkit-animation-delay: 4s;
}
.spd-r-a-btn .sub {
float: left;
padding: 0 0 0 10px;
width: 55px;
height: 55px;
}
.spd-r-a-btn button.active .sub {
animation: drive 3s forwards;
animation-delay: 2s;
-webkit-animation: drive 3s forwards;
-webkit-animation-delay: 2s;
}
.spd-r-a-btn .splash {
float: left;
margin-left: 30px;
margin-top: -40px;
transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
opacity: 0;
}
.spd-r-a-btn .splash-2 {
float: right;
margin-right: 30px;
transform: rotate(10deg);
-webkit-transform: rotate(10deg);
}
.spd-r-a-btn .submerge {
position: absolute;
top: 80px;
border-radius: 0 0 10px 10px;
left: 0;
opacity: .7;
}
.spd-r-a-btn button.active .submerge {
animation: submerge 2s forwards;
-webkit-animation: submerge 2s forwards;
}
.spd-r-a-btn .return {
position: relative;
display: block;
margin: auto;
font-family: 'Lato', sans-serif;
font-size: 22px;
text-align: center;
border: 2px solid #8ec6ef;
padding: 0 15px;
text-decoration: none;
line-height: 40px;
color: #8ec6ef;
width: 150px;
height: 40px;
}
.spd-r-a-btn .return:hover {
color: #458ecc;
border: 2px solid #458ecc;
}
@keyframes submerge {
to {
transform: translateY(-50px);
}
}
@keyframes drive {
to {
transform: translateX(140px);
}
}
@keyframes sent {
to {
opacity: 1;
}
}
@-webkit-keyframes submerge {
to {
-webkit-transform: translateY(-50px);
}
}
@-webkit-keyframes drive {
to {
-webkit-transform: translateX(140px);
}
}
@-webkit-keyframes sent {
to {
opacity: 1;
}
}
@keyframes jump {
25% {
transform: translateY(-90px) rotate(-40deg);
}
75% {
transform: translateY(-90px) translateX(150px) rotate(40deg);
}
100% {
transform: translateY(0) translateX(150px);
}
}
@keyframes water-splash {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes jump {
25% {
-webkit-transform: translateY(-90px) rotate(-40deg);
}
75% {
-webkit-transform: translateY(-90px) translateX(150px) rotate(40deg);
}
100% {
-webkit-transform: translateY(0) translateX(150px);
}
}
@-webkit-keyframes water-splash {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@media (min-width: 800px) {
.spd-r-a-btn button {
overflow: visible;
}
.spd-r-a-btn .submerge {
display: none;
}
.spd-r-a-btn button.active .sub {
animation: jump 4s forwards;
}
.spd-r-a-btn button.active .splash {
animation: water-splash 3s forwards;
}
.spd-r-a-btn button.active .splash-2 {
animation-delay: 3s;
}
.spd-r-a-btn button.active .sub {
-webkit-animation: jump 4s forwards;
}
.spd-r-a-btn button.active .splash {
-webkit-animation: water-splash 3s forwards;
}
.spd-r-a-btn button.active .splash-2 {
-webkit-animation-delay: 3s;
}
}
/************************* Ebding Button Style ************************/
/* Starting Call to action area Style */
/* Common Style */
.spd-r-call-comm {
color: #9B9B9B;
}
/* style 01 */
.spd-r-call-01 {
border-color: #9b9b9b #9b9b9b #9b9b9b #4D81B5;
border-radius: 5px;
border-style: solid;
border-width: 1px 1px 1px 4px;
color: #000000;
font-size: 14px;
padding: 0 30px 30px 30px;
}
.spd-r-call-01 h4 {
font-size: 28px;
font-weight: 300;
line-height: 2;
}
/* style 02 */
.spd-r-call-btn {
height: auto;
min-height: 140px;
text-align: center;
}
.spd-r-call-btn a {
margin: 81px auto auto;
}
@media screen and (max-width: 1000px) {
.spd-r-call-btn a {
margin: 44px auto auto;
}
}
/* style 03 */
.spd-r-call-03 h4 {
font-size: 28px;
font-weight: 300;
line-height: 2;
}
.spd-r-call-03 {
background: none repeat scroll 0 0 #efefef;
padding: 30px;
text-align: center;
}
.spd-r-call-03 .spd-r-call-btn span {
margin: 30px;
}
/* Ending Call to action area Style */
/** Starting Carosel Style **/
.owl-item {
cursor: move;
}
.owl-carousel .owl-buttons {
position: absolute;
top: 40%;
width: 100%;
}
.owl-carousel .owl-prev {
float: left;
}
.owl-carousel .owl-next {
float: right;
}
/* First Style **/
.spd-r-carosel-st1 .item > img {
height: 100%;
padding: 5px;
width: 100%;
}
.spd-r-carosel-st1 .item h3, .spd-r-carosel-st1 .item p {
text-align: center;
font-weight: 300;
}
.spd-r-carosel-st1 .spd-r-ico i {
text-align: center;
padding: 20px;
}
.spd-r-carosel-st1 .spd-r-ico {
border: 5px solid #e9e8e8;
border-radius: 50%;
font-size: 22px;
height: 77px;
line-height: 67px;
margin: auto;
text-align: center;
width: 77px;
}
/* Second Style **/
.spd-r-carosel-st2 .item a img {
height: auto;
padding: 5px;
width: 100%;
border-radius: 15px;
}
.spd-r-carosel-st2 .item h3, .spd-r-carosel-st2 .item p {
text-align: center;
font-weight: 300;
}
.spd-r-carosel-st2 .owl-item {
position: relative;
}
/* Thired Style **/
.spd-r-title-carosel {
font-size: 28px;
text-transform: uppercase;
}
.spd-r-border-bottom {
border-top: 3px solid #dddddd;
margin: auto;
padding-bottom: 20px;
width: 10%;
}
.spd-r-wid55 {
width: 55%;
margin: auto;
}
.spd-r-carosel-st3 .item {
border: 1px solid #dddddd;
margin: 10px 15px;
transition: all .5s;
-webkit-transition: all .5s;
}
.spd-r-carosel-st3 .item h3, .spd-r-carosel-st3 .item a {
transition: all .5s;
-webkit-transition: all .5s;
}
.spd-r-carosel-st3 .item:hover {
border: 1px solid #39D3FF;
}
.spd-r-carosel-st3 .item:hover h3, .spd-r-carosel-st3 .item:hover a {
color: #39D3FF;
}
.spd-r-carosel-st3 .item a img {
height: auto;
width: 100%;
}
.spd-r-carosel-st3 .item h3, .spd-r-carosel-st3 .item p {
text-align: center;
font-weight: 300;
padding: 10px 5px;
}
.spd-r-carosel-st3 .owl-item {
position: relative;
}
.spd-r-carosel-st3>.item>a>img {
height: auto;
}
.spd-r-curves {
background: none repeat scroll 0 0 #ffffff;
bottom: -22px;
height: 36px;
position: absolute;
transform: skewY(-4deg);
-webkit-transform: skewY(-4deg);
width: 100%;
z-index: -1;
}
.spd-r-curves2 {
background: none repeat scroll 0 0 #ffffff;
bottom: -22px;
height: 36px;
position: absolute;
-webkit-transform: skewY(4deg);
width: 100%;
z-index: -1;
}
.spd-r-carosel-st3 .item a img {
height: auto;
position: relative;
width: 100%;
z-index: -2;
}
.item > a {
display: inline-block;
position: relative;
height: auto;
width: 100%;
}
.spd-r-carosel-ptext {
padding: 10px 5px;
}
.spd-r-wid-btn {
margin: auto;
text-align: center;
width: 100%;
}
/* Thired Style C **/
.spd-r-title-carosel {
text-align: center;
font-size: 28px;
text-transform: uppercase;
}
.spd-r-border-bottom {
border-top: 3px solid #dddddd;
margin: auto;
padding-bottom: 20px;
width: 10%;
}
.spd-r-wid55 {
width: 55%;
margin: auto;
}
.spd-r-negetive-rotate {
border: 1px solid #dddddd;
margin: 0 122px;
padding: 0 10px 10px;
transform: rotate(-44deg);
transition: all 0.5s ease 0s;
}
.spd-r-carosel-st4 .item h3, .spd-r-carosel-st4 .item a {
transition: all .5s;
}
.spd-r-carosel-st4 .spd-r-negetive-rotate:hover {
border: 1px solid #39D3FF;
}
.spd-r-carosel-st4 .spd-r-negetive-rotate:hover h3, .spd-r-carosel-st4 .spd-r-negetive-rotate:hover a {
color: #39D3FF;
}
.spd-r-carosel-st4 .item a img {
height: 70px;
width: 70px;
border-radius: 100%;
}
.spd-r-carosel-st4 .item h3, .spd-r-carosel-st4 .item p {
text-align: center;
font-weight: 300;
padding: 10px 5px;
}
.spd-r-carosel-st4 .owl-item {
height: 100%;
margin: 160px 0px;
position: relative;
}
.spd-r-rotate-45 {
text-align: center;
transform: rotate(45deg);
}
.item > a {
display: inline-block;
position: relative;
}
.spd-r-carosel-ptext {
padding: 10px 5px;
}
.spd-r-wid-btn {
margin: auto;
text-align: center;
width: 100%;
}
/* Fourth Style **/
/* Carosel Style C **/
.glyphicon-chevron-left:before {
content: "\f0a8";
font-family: fontawesome;
}
.glyphicon-chevron-right:before {
content: "\f0a9";
font-family: fontawesome;
}
/** Ending Carosel Style **/
/* Starting Dropdown Style 01 **/
.spd-r-float-left {
float: left;
}
.dropdown-menu > li {
list-style: none outside none;
}
.spd-r-dropdown-styl1 {
font-size: 16px;
padding: 10px 20px;
}
.spd-r-dropdown-styl1 ul {
padding: 10px;
min-width: 100%;
width: 100%;
position: relative;
}
.spd-r-dropdown-styl1 ul li {
padding: 0px 5px;
}
.spd-r-dropdown-styl1.spd-col-md-3 > a:after {
content: "ï";
font-family: fontawesome;
padding-left: 10px;
}
/* Dropdown Style 02 **/
.spd-r-dropdown-styl2 {
font-size: 16px;
padding: 10px 20px;
}
.spd-r-dropdown-styl2 ul {
padding: 10px;
min-width: 100%;
width: 100%;
position: relative;
margin-top: 10px;
box-shadow: 0 6px 12px rgba(9%, 73%, 38%, 0.17);
border-color: #18BA60;
}
.spd-r-dropdown-styl2 ul li {
padding: 0px 5px;
}
.spd-r-dropdown-styl2 a {
border: 1px solid #18BA60;
color: #18BA60;
transition: all .5s;
border-radius: 5px;
padding: 6px 12px;
}
.spd-r-dropdown-styl2 a:hover {
background: #18BA60;
color: #ffffff;
}
/* Dropdown Style 03 **/
.spd-r-dropdown-styl3 {
font-size: 16px;
padding: 10px 20px;
}
.spd-r-dropdown-styl3 ul {
padding: 10px;
min-width: 100%;
width: 100%;
position: relative;
margin-top: 10px;
box-shadow: 0 6px 12px rgba(9%, 73%, 38%, 0.17);
border-color: #18BA60;
}
.spd-r-dropdown-styl3 ul li {
padding: 0px 5px;
}
.spd-r-dropdown-styl3 a {
border: 1px solid #18BA60;
color: #18BA60;
transition: all .5s;
border-radius: 5px;
padding: 6px 12px;
}
.spd-r-dropdown-styl3 a:hover {
background: #18BA60;
color: #ffffff;
}
.spd-r-dropdown-styl3.spd-col-md-3 > a:after {
content: "ï";
font-family: fontawesome;
padding-left: 10px;
}
/* Dropdown Style 04 **/
.spd-r-dropdown-styl4 {
font-size: 16px;
padding: 10px 20px;
}
.spd-r-dropdown-styl4 ul {
background: none repeat scroll 0 0 #18ba60;
border-color: #18ba60;
box-shadow: 0 6px 12px rgba(23, 186, 97, 0.17);
color: #ffffff;
margin-top: 10px;
min-width: 100%;
padding: 10px;
position: relative;
width: 100%;
}
.spd-r-dropdown-styl4 ul li {
padding: 0px 5px;
}
.spd-r-dropdown-styl4 a {
background: none repeat scroll 0 0 #18ba60;
border-radius: 5px;
color: #ffffff;
padding: 6px 0 6px 6px;
transition: all 0.5s ease 0s;
}
.spd-r-dropdown-styl4 a:hover {
background: #148746;
color: #ffffff;
}
.spd-r-dropdown-styl4 span {
background: #18BA60;
color: #ffffff;
transition: all .5s;
border-radius: 0 5px 5px 0;
padding: 6px 12px 6px 0;
border-left: 1px solid #168747;
}
.spd-r-dropdown-styl4 span:hover {
background: #32E580;
color: #ffffff;
}
.spd-r-dropdown-styl4.spd-col-md-3 > a span:before {
content: "ï";
font-family: fontawesome;
padding-left: 10px;
}
@media handheld, only screen and (max-width:767px) {
.dropdown {
width: 100%;
}
.spd-r-call-03 h4, .spd-r-call-01 h4 { line-height:1;}
.spd-r-wid55 { width:100%; margin:auto;}
}
/* Ending Dropdown Style 01 **/
/*** Starting Hilighted Text Style **/
/* Common Style */
.spd-r-hilight-comm {
color: #9B9B9B;
}
/* style 01 */
.spd-r-hilight-01 {
font-size: 20px;
color: #000;
}
/* style 02 */
.spd-r-hilight-02-a {
font-size: 20px;
color: #AD2929;
}
.spd-r-hilight-02-b {
font-size: 20px;
color: #2D3CBF;
}
.spd-r-hilight-02-c {
font-size: 20px;
color: #207E93;
}
.spd-r-hilight-02-d {
font-size: 20px;
color: #2AAF61;
}
.spd-r-hilight-02-e {
font-size: 20px;
color: #7FCC37;
}
.spd-r-hilight-02-f {
font-size: 20px;
color: #EA6E20;
}
/* style 03 */
.spd-r-hilight-03-a {
font-size: 16px;
color: #fff;
background: #AD2929;
line-height: 2;
}
.spd-r-hilight-03-b {
font-size: 16px;
color: #fff;
background: #2D3CBF;
line-height: 2;
}
.spd-r-hilight-03-c {
font-size: 16px;
color: #fff;
background: #207E93;
line-height: 2;
}
.spd-r-hilight-03-d {
font-size: 16px;
color: #fff;
background: #2AAF61;
line-height: 2;
}
.spd-r-hilight-03-e {
font-size: 16px;
color: #fff;
background: #7FCC37;
line-height: 2;
}
.spd-r-hilight-03-f {
font-size: 16px;
color: #fff;
background: #EA6E20;
line-height: 2;
}
/*** Ending Hilighted Text Style **/
/* Starting Images Contents CSS */
.spd-r-img-overlay {
bottom: 0;
display: block;
left: 0;
opacity: 0;
padding: 30px;
position: absolute !important;
right: 0;
text-align: left;
top: 0;
transition: all 0.3s ease-in-out 0s;
z-index: 1;
}
.spd-r-img-overlay.spd-r-img-overlay-dark, .spd-r-img-overlay.spd-r-img-overlay-dark-hovered {
background: none repeat scroll 0 0 rgba(24, 28, 32, 0.5);
}
.spd-r-img-with-overlay {
overflow: hidden;
position: relative;
}
.spd-r-img-w {
margin-bottom: 20px;
position: relative;
}
.spd-r-img-w img {
display: inline-block;
position: relative;
width: 100%;
z-index: 1;
}
.spd-r-img-overlay.spd-r-img-overlay-dark, .spd-r-img-overlay.spd-r-img-overlay-dark-hovered {
background: none repeat scroll 0 0 rgba(24, 28, 32, 0.5);
}
/* Simple Images with radious CSS */
.spd-r-radious img {
border-radius: 15px;
}
/* Simple Images in Circle CSS */
.spd-r-radious-f img {
border-radius: 100%;
}
/* Images With Hover */
/** Common Class **/
.spd-r-view {
float: left;
border: 5px solid #fff;
overflow: hidden;
position: relative;
text-align: center;
box-shadow: 0px 0px 5px #aaa;
cursor: default;
}
.spd-r-view .mask, .spd-r-view .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.spd-r-view img {
display: block;
position: relative;
width: 100%;
height: 100%;
}
.spd-r-view a.info {
display: inline-block;
text-decoration: none;
padding: 0;
text-indent: -9999px;
}
/** Effect One **/
.spd-r-image-effect-one .mask {
opacity: 0;
overflow: visible;
border: 40% solid rgba(0,0,0,0.7);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.spd-r-image-effect-one a.info {
position: relative;
top: -10px;
opacity: 0;
-webkit-transition: opacity 0.5s 0s ease-in-out;
-moz-transition: opacity 0.5s 0s ease-in-out;
-o-transition: opacity 0.5s 0s ease-in-out;
-ms-transition: opacity 0.5s 0s ease-in-out;
transition: opacity 0.5s 0s ease-in-out;
}
.spd-r-image-effect-one:hover .mask {
opacity: 1;
border: 190px solid rgba(0,0,0,0.7);
}
.spd-r-image-effect-one:hover a.info {
opacity: 1;
-moz-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
}
/* Effect two */
.spd-r-image-effect-two .mask {
background:rgba(0, 0, 0, 0.4);
opacity: 1;
position: absolute;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
width: 100%;
height:100%;
}
.spd-r-image-effect-two:hover .mask {
opacity: 0;
transform:translateX(100%);
-moz-transform:translateX(100%);
-webkit-transform:translateX(100%);
-o-transform:translateX(100%);
}
/** Effect 02 01 in Circle **/
/** Common Class **/
.spd-r-view-r {
float: left;
border: 5px solid #fff;
overflow: hidden;
position: relative;
text-align: center;
box-shadow: 0px 0px 5px #aaa;
cursor: default;
border-radius: 100%;
}
.spd-r-view-r .mask, .spd-r-view-r .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.spd-r-view-r img {
display: block;
position: relative;
width: 100%;
height: auto;
transition: all 1s;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
-webkit-border-radius: 100%;
}
.spd-r-view-r a.info {
display: inline-block;
text-decoration: none;
padding: 0;
text-indent: -9999px;
}
/* Effect two */
.spd-r-image-effect-two-r .mask {
border: 50px solid rgba(0, 0, 0, 0.7);
border-radius: 100%;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
height: 0;
left: 36%;
opacity: 1;
position: absolute;
top: 37%;
transform: scale(4);
transition: all 1s ease-in-out 0s;
visibility: visible;
width: 0;
}
.spd-r-image-effect-two-r:hover .mask {
opacity: 0;
border: 0px solid rgba(0,0,0,0.7);
visibility: hidden;
}
/* Effect three */
.spd-r-image-effect-two-s {
transition: All .5s ease-in-out;
-webkit-transition: All .5s ease-in-out;
-moz-transition: All .5s ease-in-out;
-o-transition: All .5s ease-in-out;
transform: rotate(4deg) scale(1);
-webkit-transform: rotate(4deg) scale(1);
-moz-transform: rotate(4deg) scale(1);
-o-transform: rotate(4deg) scale(1);
-ms-transform: rotate(4deg) scale(1);
}
.spd-r-image-effect-two-s:hover img {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
}
/** Bootstrap image **/
.spd-r-imm img {
width: 100%;
height: auto;
}
/* Ending Images Contents CSS */
/* Starting Section Style */
/* Style 01 */
.spd-r-section-01 h4 {
font-size: 28px;
}
/* Style 02 */
.spd-r-section-02 {
background: url("../images/spd-n-banner-half-left1-bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
padding-bottom: 40px;
padding-top: 30px;
}
.spd-r-section-02 h4 {
font-size: 28px;
}
/* Style 03 */
.spd-r-section-03 {
background: url("../images/spd-n-bn-slider3.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
padding-bottom: 40px;
padding-top: 30px;
text-align: center;
}
.spd-r-section-03 h4 {
font-size: 28px;
color: #fff;
}
.spd-r-section-03 p {
color: #ffffff;
}
/* Style 04 */
.spd-r-section-04 {
background: url("../images/spd-n-bn-slider3.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.spd-r-section-04 .spd-row {
padding-bottom: 40px;
padding-top: 30px;
text-align: center;
}
.spd-r-section-04 h4 {
font-size: 28px;
color: #fff;
}
.spd-r-section-04 p {
color: #ffffff;
}
/* Style 05 */
.spd-r-section-05 .spd-row {
padding-bottom: 40px;
padding-top: 30px;
text-align: center;
}
.spd-r-section-05 h4 {
font-size: 28px;
color: #fff;
}
.spd-r-section-05 p {
color: #ffffff;
}
.spd-r-section-05 {
background: url("../images/spd-n-bn-slider3.jpg") repeat fixed left center rgba(0, 0, 0, 0);
text-align: center;
}
/* Style 06 */
.spd-r-section-06 .spd-row {
padding-bottom: 40px;
padding-top: 30px;
text-align: center;
}
.spd-r-section-06 h4 {
font-size: 28px;
color: #fff;
}
.spd-r-section-06 p {
color: #ffffff;
}
.spd-r-section-06 {
background: url("../images/spd-n-bn-full-1-bg.jpg") repeat fixed left center rgba(0, 0, 0, 0);
text-align: center;
}
/* Style 07 */
.spd-r-section-07 .spd-row {
padding-bottom: 40px;
padding-top: 30px;
text-align: center;
}
.spd-r-section-07 h4 {
font-size: 28px;
color: #fff;
}
.spd-r-section-07 p {
color: #ffffff;
}
.spd-r-section-07 {
background: url("../images/spd-n-bn-slider4.jpg") repeat fixed left center rgba(0, 0, 0, 0);
text-align: center;
}
/* Style 07 */
.spd-r-section-08 .spd-row {
padding-bottom: 40px;
padding-top: 30px;
text-align: center;
}
.spd-r-section-08 h4 {
font-size: 28px;
color: #fff;
}
.spd-r-section-08 p {
color: #ffffff;
}
.spd-r-section-08 {
background: #3B9CF7;
text-align: center;
}
/* Ending Section Style */
/* Starting Seperator style */
/* Style 01 */
.spd-r-separator-01 .spd-row .spd-r-separator-01-bor {
text-align: center;
width: 100%;
}
.spd-r-separator-01-bor > span {
background: none repeat scroll 0 0 #ffffff;
border-bottom: 2px solid #dddddd;
display: inline-block;
text-align: center;
width: auto;
}
.spd-r-separator-01 h4 {
float: none;
padding: 0 20px;
text-align: center;
}
/* Style 02 */
.spd-r-separator-02 .spd-row .spd-r-separator-02-bor {
border-top: 2px solid;
display: table;
float: none;
position: relative;
text-align: center;
width: 100%;
}
.spd-r-separator-02-bor > span {
background: none repeat scroll 0 0 #ffffff;
display: inline-block;
float: none;
left: 36%;
position: absolute;
text-align: center;
top: -21px;
width: auto;
}
.spd-r-separator-02 h4 {
float: none;
padding: 0 20px;
text-align: center;
}
/* Style 03 */
.spd-r-separator-03 .spd-row .spd-r-separator-03-bor {
border-top: 1px solid #3b8ced;
display: table;
float: none;
position: relative;
text-align: center;
width: 100%;
}
.spd-r-separator-03-bor > span {
background: none repeat scroll 0 0 #3b8ced;
border-left: 15px solid #ffffff;
border-radius: 25px;
border-right: 15px solid #ffffff;
display: inline-block;
float: none;
left: 30%;
margin-top: -22px;
position: absolute;
text-align: center;
width: 40%;
}
.spd-r-separator-03 h4 {
float: none;
text-align: center;
color: #fff;
}
/* Style 04 */
.spd-r-separator-04 .spd-row .spd-r-separator-04-bor {
border-top: 1px solid #1ce3bb;
display: table;
float: none;
position: relative;
text-align: right;
width: 100%;
}
.spd-r-separator-04-bor > span {
background: none repeat scroll 0 0 #1ce3bb;
border-radius: 5px;
display: inline-block;
float: none;
left: 36%;
margin-top: -22px;
position: absolute;
text-align: center;
width: auto;
}
.spd-r-separator-04 h4 {
color: #ffffff;
float: none;
text-align: center;
padding: 0 20px 0 20px;
}
/* Style 05 */
.spd-r-separator-05 .spd-row .spd-r-separator-05-bor {
border-top: 1px solid #1ce3bb;
display: table;
float: none;
position: relative;
text-align: right;
width: 100%;
}
.spd-r-separator-05-bor > span {
background: none repeat scroll 0 0 #ffffff;
border-radius: 25px;
display: inline-block;
margin-top: -22px;
position: absolute;
right: 0;
text-align: right;
width: auto;
}
.spd-r-separator-05 h4 {
float: none;
padding-left: 10px;
text-align: center;
color: #1ce3bb;
}
/* Style 06 */
.spd-r-separator-06 .spd-row .spd-r-separator-06-bor {
border-top: 1px solid #1ce3bb;
display: table;
float: none;
text-align: left;
width: 100%;
position: relative;
}
.spd-r-separator-06-bor > span {
background: none repeat scroll 0 0 #ffffff;
border-radius: 25px;
display: inline-block;
margin-top: -22px;
text-align: left;
width: auto;
position: absolute;
}
.spd-r-separator-06 h4 {
float: none;
padding-right: 10px;
text-align: center;
color: #1ce3bb;
}
/* Style 07 */
.spd-r-separator-07 .spd-row .spd-r-separator-07-bor {
border-top: 1px dashed #3b8ced;
display: table;
float: none;
position: relative;
text-align: center;
width: 100%;
}
.spd-r-separator-07-bor > span {
background: none repeat scroll 0 0 #ffffff;
display: inline-block;
float: none;
left: 36%;
margin: -22px auto auto;
position: absolute;
text-align: center;
width: auto;
}
.spd-r-separator-07 h4 {
float: none;
padding: 0 20px;
text-align: center;
color: #3B8CED;
}
/* Style 08 */
.spd-r-separator-08 .spd-row .spd-r-separator-08-bor {
display: table;
float: none;
text-align: center;
width: 100%;
}
.spd-r-separator-08-bor > span {
background: none repeat scroll 0 0 #ffffff;
border-top: 1px solid #3b8ced;
display: inline-block;
float: none;
margin: -22px auto auto;
text-align: center;
width: 30%;
}
/* Style 09 */
.spd-r-separator-09 .spd-row .spd-r-separator-09-bor {
display: table;
float: none;
text-align: center;
width: 100%;
}
.spd-r-separator-09-bor > span {
background: none repeat scroll 0 0 #ffffff;
border-top: 1px dashed #851FF2;
display: inline-block;
float: none;
margin: -22px auto auto;
text-align: center;
width: 40%;
}
/* Style 10 */
.spd-r-separator-10 .spd-row .spd-r-separator-10-bor {
display: table;
float: none;
text-align: center;
width: 100%;
}
.spd-r-separator-10-bor > span {
background: none repeat scroll 0 0 #ffffff;
border-top: 1px dotted #1BC646;
display: inline-block;
float: none;
margin: -22px auto auto;
text-align: center;
width: 45%;
}
/* Style 11 */
.spd-r-separator-11 .spd-row .spd-r-separator-11-bor {
display: table;
float: none;
text-align: center;
width: 100%;
}
.spd-r-separator-11-bor > span {
background: none repeat scroll 0 0 #ffffff;
border-top: 3px solid #F2E12B;
display: inline-block;
float: none;
margin: -22px auto auto;
text-align: center;
width: 50%;
}
/* Style 12 */
.spd-r-separator-12 .spd-row .spd-r-separator-12-bor {
display: table;
float: none;
text-align: center;
width: 100%;
}
.spd-r-separator-12-bor > span {
background: none repeat scroll 0 0 #ffffff;
border-bottom: 1px solid #26c14d;
border-top: 1px solid #26c14d;
display: inline-block;
float: none;
height: 3px;
margin: -22px auto auto;
text-align: center;
width: 65%;
}
/* Ending Seperator style */
/* Starting table style */
.bs-glyphicons-list li {
list-style: none;
}
/* Style for table one */
.spd-r-table1 {
width: 100%;
border-spacing: 0;
min-width: 767px;
}
.spd-r-table1 tr {
border-bottom: 1px solid #555555;
width: 100%;
}
.spd-r-table1 th {
border-bottom: 2px solid #555555;
}
.spd-r-table1 th, .spd-r-table1 td {
color: #555555;
padding: 15px 30px;
font-size: 14px;
}
/* Style for table Two */
.spd-r-table2 tr:nth-child(2n) td {
background-color: #f7f7f7;
}
.spd-r-table2 {
min-width: 767px;
width: 100%;
border-spacing: 0;
}
.spd-r-table2 tr {
border-bottom: 1px solid #e4e4e4;
width: 100%;
}
.spd-r-table2 th {
border-bottom: 2px solid #e4e4e4;
}
.spd-r-table2 th, .spd-r-table2 td {
color: #555555;
padding: 15px 30px;
font-size: 14px;
}
/* Style for table Three */
.spd-r-table3 {
min-width: 767px;
width: 100%;
border-spacing: 0;
}
.spd-r-table3 tr {
width: 100%;
}
.spd-r-table3 th, .spd-r-table3 td {
border: 1px solid #555555;
color: #555555;
padding: 15px 30px;
font-size: 14px;
}
/* Style for table Four */
.spd-r-table4 {
min-width: 767px;
width: 100%;
border-spacing: 0;
}
.spd-r-table4 tr {
width: 100%;
}
.spd-r-table4 th, .spd-r-table4 td {
border: 1px solid #e4e4e4;
color: #555555;
padding: 15px 30px;
font-size: 14px;
}
.spd-r-table4 tr:nth-child(2n) td {
background-color: #f7f7f7;
}
/* Style for table Five */
.spd-r-table5 {
min-width: 767px;
width: 100%;
border-spacing: 0;
}
.spd-r-table5 tr {
width: 100%;
}
.spd-r-table5 th, .spd-r-table5 td {
border: 1px solid #e4e4e4;
color: #555555;
padding: 10px 30px;
font-size: 14px;
}
.spd-r-table5 th {
background-color: #f7f7f7;
}
/* Style for table Six */
.spd-r-table6 {
min-width: 767px;
width: 100%;
border-spacing: 0;
}
.spd-r-table6 tr {
width: 100%;
}
.spd-r-table6 th, .spd-r-table6 td {
border: 1px solid #e4e4e4;
color: #555555;
padding: 10px 30px;
font-size: 14px;
}
.spd-r-table6 th {
background-color: #f7f7f7;
}
/* Style for table Seven */
.spd-r-table7 {
min-width: 767px;
width: 100%;
border-spacing: 0;
}
.spd-r-table7 tr {
border-bottom: 1px solid #555555;
width: 100%;
}
.spd-r-table7 th {
border-bottom: 2px solid #555555;
}
.spd-r-table7 th, .spd-r-table7 td {
color: #555555;
padding: 15px 30px;
font-size: 14px;
}
.spd-r-table7 {
width: 100%;
border-spacing: 0;
}
.spd-r-table7 tr {
width: 100%;
}
.spd-r-table7 th, .spd-r-table5 td {
color: #555555;
padding: 10px 30px;
font-size: 14px;
}
.spd-r-table7 th {
background-color: #f7f7f7;
}
/* Style for table Eight */
.spd-r-table8 tr:nth-child(2n+1) td {
background-color: #f7f7f7;
}
.spd-r-table8 {
min-width: 767px;
width: 100%;
border-spacing: 0;
}
.spd-r-table8 tr {
border-bottom: 1px solid #e4e4e4;
width: 100%;
}
.spd-r-table8 th {
border-bottom: 2px solid #e4e4e4;
}
.spd-r-table8 th, .spd-r-table8 td {
color: #555555;
padding: 15px 30px;
font-size: 14px;
}
.spd-r-lightcolor th {
color: #ffffff;
}
.spd-r-table8 span i {
color: #1AB35E;
}
.spd-r-table8 span {
color: #b0462d;
font-size: 12px;
font-style: italic;
font-weight: 700;
padding-left: 5px;
}
/* Style for table Nine */
.spd-r-table9 tr:nth-child(2n+1) td {
background-color: #C4E6FC;
}
.spd-r-table9 {
min-width: 767px;
width: 100%;
border-spacing: 0;
}
.spd-r-table9 tr {
border-bottom: 1px solid #e4e4e4;
width: 100%;
}
.spd-r-table9 th {
border-bottom: 2px solid #e4e4e4;
}
.spd-r-table9 th, .spd-r-table9 td {
padding: 15px 30px;
font-size: 14px;
}
.spd-r-table9 span i {
color: #1AB35E;
}
.spd-r-table9 span {
color: #b0462d;
font-size: 12px;
font-style: italic;
font-weight: 700;
padding-left: 5px;
}
.spd-r-table9 th, .spd-r-table9 td {
border: 1px solid #0e9af7;
}
/* Ending table style */
/****** Home 1 Content Style ******/
/* Starting What we do style */
.spd-r-wedo-title {
border-bottom: 1px solid;
border-top: 1px solid;
color: #efefef;
font-size: 148px;
font-weight: 700;
line-height: .9;
margin: 0;
padding: 0;
text-align: center;
}
/*.spd-r-whatwedo-bg {
text-align: center;
background-size: cover;
}*/
.spd-r-wedo .spd-r-wedo-head {
display: inline-block;
margin-bottom: 10px;
}
.spd-r-wedo {
padding-bottom: 40px;
padding-top: 50px;
}
.spd-r-wedo .spd-r-wedo-head {
margin-bottom: 10px;
display: inline-block;
}
.spd-r-wedo .spd-r-wedo-head p {
border: 2px solid #ffffff;
font-size: 18px;
padding: 5px 20px;
text-transform: uppercase;
color: #fff;
}
.spd-r-wedo img {
width: 64%;
padding-bottom: 20px;
}
@media screen and (max-width: 1024px) {
.spd-r-wedo-title {
font-size: 120px;
}
}
@media screen and (max-width: 767px) {
.spd-r-wedo .spd-r-wedo-head {
display: block;
margin-bottom: 10px;
}
.spd-r-wedo-title {
font-size: 60px;
}
.spd-r-view-r {
float: none;
}
.spd-r-section-foot-top div {
font-size: 36px;
}
}
/* Ending What we do style */
/* Starting Need Assistance style */
.spd-r-need-ass-circle {
text-align: center;
}
.spd-r-need-ass-circle i, .spd-r-need-ass-circle em {
background: none repeat scroll 0 0 #464c5a;
border-radius: 50%;
color: #ffffff;
font-size: 26px;
height: 40px;
padding: 7px;
width: 40px;
}
.spd-r-need-ass h3 {
margin-top: 0;
color: #464c5a;
}
.spd-r-need-ass p {
color: #464c5a;
padding-bottom: 50px;
}
.spd-r-need-ass-img {
float: right;
}
.spd-r-need-ass-body h3 {
color: #464c5a;
margin-top: 0;
}
.spd-r-need-ass-body p {
color: #464c5a;
padding-bottom: 50px;
}
.spd-r-need-ass-list li {
list-style: none outside none;
}
.spd-r-need-ass-list {
padding: 0;
}
.spd-r-need-ass-list li i {
padding-right: 10px;
padding-top: 15px;
}
@media screen and (max-width: 1024px) {
.spd-r-need-ass-img {
float: none;
}
}
/* Ending Need Assistance style */
/* Starting Footer top paralax style */
.spd-r-section-foot-top .spd-row {
padding-bottom: 140px;
padding-top: 130px;
text-align: center;
}
.spd-r-section-foot-top div {
font-size: 60px;
color: #fff;
padding-bottom: 10px;
text-transform: uppercase;
word-wrap:break-word;
}
.spd-r-section-foot-top {
text-align: center;
background-size: cover;
background-attachment: fixed;
}
.spd-r-foot-btn {
color: #ffffff !important;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
transition: all 0.5s ease 0s;
}
/* Ending Footer top paralax style */
/* Starting Team paralax style */
.spd-r-section-team .spd-row {
padding-bottom: 140px;
padding-top: 130px;
text-align: center;
}
.spd-r-section-team div {
color: #fff;
text-transform: uppercase;
}
.spd-r-section-team {
background: url("../../images/hover-image/spd-n-banner-image2.jpg") no-repeat fixed left center rgba(0, 0, 0, 0);
text-align: center;
background-size: cover;
}
.spd-r-section-team-text > h3 {
line-height: 2;
margin-bottom: -5px;
}
/* Ending Team paralax style */
/* Starting Footer style */
#MainFooter {
background: none repeat scroll 0 0 #323433;
border-left: 0 none;
border-right: 0 none;
border-style: none none solid;
border-top: 0 none;
border-width: 0 0 3px;
padding: 0;
}
.spd-r-footer-about img {
margin-top: -12px;
padding-bottom: 5px;
}
.spd-r-footer-about p {
line-height: 2;
font-size: 13px;
}
.spd-r-footer-log {
color: #7c7f7c;
padding-top: 15px;
}
.spd-r-recent-post h3 {
color: #ffffff;
font-size: 14px;
margin-top: 0;
padding-bottom: 15px;
}
.spd-r-recent-post > ul {
padding: 0;
}
.spd-r-recent-post li {
border-bottom: 1px solid #434544;
color: #b3b4b4;
line-height: 3;
list-style: none outside none;
font-size: 13px;
}
.spd-r-latest-tweets h3 {
color: #ffffff;
font-size: 14px;
margin-top: 0;
padding-bottom: 24px;
}
.spd-r-latest-tweets i {
color: #d0d0d0;
font-size: 25px;
padding-top: 5px;
}
.spd-r-latest-tweets p {
color: #b3b4b4;
font-size: 13px;
}
.spd-r-latest-tweets span {
color: #f8f9fb;
}
.spd-r-latest-tweets .spd-row {
padding-bottom: 20px;
}
.spd-r-recent-works h3 {
color: #ffffff;
font-size: 14px;
margin-top: 0;
padding-bottom: 24px;
}
.spd-r-recent-works {
color: #ffffff;
font-size: 14px;
margin-top: 0;
}
.spd-r-recent-works > ul {
padding: 0;
}
.spd-r-recent-works > ul li {
float: left;
list-style: none outside none;
margin: 3px;
width: 30%;
}
/* Ending Footer style */
/****** End of Home 1 Content Style ******/
/****** Home 2 Content Style ******/
.spd-r-home2-feature > h3 {
font-size: 18px;
line-height: 2;
margin-top: 14px;
padding-bottom: 5px;
}
.spd-r-home2-feature > p {
color: #798794;
}
.spd-col-sm-4.spd-r-home2-fea img {
width: 100%;
}
.spd-r-home2-choose-us > h3 {
font-size: 18px;
margin-top: 0;
padding-bottom: 10px;
}
/** Home 2 Carosel **/
.owl-carousel-home2 .item {
margin: 0 40px;
}
.owl-carousel-home2 .owl-buttons {
top: 23% !important;
}
.owl-carousel-home2 .owl-buttons div {
background: none repeat scroll 0 0 #ffffff !important;
border: 2px solid #000000;
color: #000000 !important;
font-size: 16px !important;
font-weight: bold;
}
/****** End of Home 2 Content Style ******/
/****** Home 5 Content Style ******/
.counter-box-h5 i {
border-bottom: 4px solid;
margin-bottom: 10px;
padding-bottom: 20px;
width: 20% !important;
}
/****** End of Home 2 Content Style ******/
/****** Team Content Style ******/
.spd-r-team-img .body > img {
width: 100% !important;
}
/****** End of Team Content Style ******/
/****** Contact Us Content Style ******/
.spd-r-need-ass-imag img {
padding-top: 5px;
}
.spd-r-need-ass-cont h3 {
margin-top: 0;
}
.spd-r-need-ass-cont ul {
padding-left: 0px;
}
.spd-r-cont-04 h3 {
margin-bottom: 30px;
margin-top: 35px;
}
.spd-r-cont-04 ul {
padding-left: 0;
}
.spd-r-cont-04-ul li {
list-style: none outside none;
}
/****** End of Contact Us Content Style ******/
/****** Fixing Style ******/
.spd-sh-20 > .sh-icon > li > a > strong:before {
content: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/*.spd-r-section-foot-top {
background-attachment: scroll;
}
.spd-r-whatwedo-bg {
background-attachment: scroll;
}*/
.spd-r-image-effect-two .mask {
background-size: cover;
border: 150px solid rgba(0, 0, 0, 0.7);
box-sizing: border-box;
cursor: pointer;
display: inline-block;
height: 100%;
left: 0;
opacity: 1;
position: absolute;
top: 0;
transition: all 1s ease 0s;
visibility: visible;
width: 100%;
}
.spd-r-view img {
height: auto;
}
.spd-r-image-effect-two-s:hover img {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
}
.spd-n-home-testm-image img {
border-width:3px;
border-style:solid;
border-color:inherit;
padding: 0;
}
.spd-r-image-effect-two .mask {
border: 250px solid rgba(0, 0, 0, 0.7);
height: 200%;
left: -20px;
top: -100px;
width: 200%;
}
.item > a {
height: 50%;
width: 100%;
}
}
@media screen and (max-width: 1024px) {
.spd-r-hom4-con {
text-align: center;
}
.spd-r-hom6-con {
line-height: 1.2;
}
.spd-r-separator-02-bor {
border: medium none !important;
}
.spd-r-separator-03-bor > span {
width: 45%;
left: 27%;
}
.spd-r-separator-04-bor > span {
left: 28%;
}
.spd-r-separator-07-bor > span {
width: 45%;
left: 27%;
}
}
@media screen and (max-width: 767px) {
.spd-r-hom6-con {
line-height: 1.5;
}
.spd-n-fl-box-cont-text {
line-height: 26px;
}
.spd-r-separator-03 {
border: none !important;
}
.spd-r-separator-02-bor > span {
left: 0%;
width: 100%;
}
.spd-r-separator-03-bor > span {
left: 0;
width: 100%;
}
.spd-r-separator-04-bor > span {
left: 0;
width: 100%;
}
.spd-r-separator-07-bor > span {
left: 0;
width: 100%;
}
.spd-n-cr-bgimg div {
width: 100%;
}
}
/****** End of Fixing Style ******/
/************************* Blur ***************************/
.ib-container {
position: relative;
width: 100%;
margin: 30px auto;
display: block;
}
.ib-container:before,
.ib-container:after {
content: "";
display: table;
}
.ib-container:after {
clear: both;
}
.ib-container article {
display: block;
width: 24%;
height: auto;
background: #fff;
cursor: pointer;
float: left;
border: 10px solid #fff;
text-align: left;
text-transform: none;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: opacity 0.4s linear, -webkit-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
-moz-transition: opacity 0.4s linear, -moz-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
-o-transition: opacity 0.4s linear, -o-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
-ms-transition: opacity 0.4s linear, -ms-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
transition: opacity 0.4s linear, transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
}
.ib-container h3 a {
font-size: 16px;
font-weight: 400;
color: #000;
color: rgba(0, 0, 0, 1);
text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
opacity: 0.8;
}
.ib-container article header span {
font-size: 10px;
font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
padding: 10px 0;
display: block;
color: #FFD252;
color: rgba(255, 210, 82, 1);
text-shadow: 0px 0px 0px rgba(255, 210, 82, 1);
text-transform: uppercase;
opacity: 0.8;
}
.ib-container article p {
font-family: Verdana, sans-serif;
font-size: 10px;
line-height: 13px;
color: #333;
color: rgba(51, 51, 51, 1);
text-shadow: 0px 0px 0px rgba(51, 51, 51, 1);
opacity: 0.8;
}
.ib-container h3 a,
.ib-container article header span,
.ib-container article p {
-webkit-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
-moz-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
-o-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
-ms-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
}
/* Hover Style for all the items: blur, scale down*/
.ib-container article.blur {
box-shadow: 0px 0px 20px 10px rgba(255,255,255,1);
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
opacity: 0.7;
}
.ib-container article.blur h3 a {
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
color: rgba(0, 0, 0, 0);
opacity: 0.5;
}
.ib-container article.blur header span {
text-shadow: 0px 0px 10px rgba(255, 210, 82, 0.9);
color: rgba(255, 210, 82, 0);
opacity: 0.5;
}
.ib-container article.blur p {
text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);
color: rgba(51, 51, 51, 0);
opacity: 0.5;
}
/* Hover Style for single item: scale up */
.ib-container article.active {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
box-shadow: 0px 0px 0px 10px rgba(255,255,255,1), 1px 11px 15px 10px rgba(0,0,0,0.4);
z-index: 100;
opacity: 1;
}
.ib-container article.active h3 a,
.ib-container article.active header span,
.ib-container article.active p {
opacity: 1.0;
}
#ib-container h3 {
margin-top: 0;
padding-top: 0;
}
@media handheld, only screen and (max-width:1200px) {
.ib-container article {
width: 25%;
}
}
@media (max-width: 768px) {
.ib-container article {
width: 100%;
}
}
@media (max-width: 992px) {
.ib-container article {
width: 32%;
}
}
@media handheld, only screen and (max-width:767px) {
.ib-container article {
width: 100%;
}
}
/* Test */
/*******************
* benifit style *
********************/
/*icon box content*/
.spd-s1-iconbox {
text-align: center;
}
.spd-s1-iconbox i {
width: 90px;
height: 90px;
line-height: 90px;
text-align: center;
border: 1px solid #ddd;
border-radius: 50%;
transition: all .8s ease;
color: inherit;
}
.spd-s1-iconbox:hover i {
border-color: #1B72AC;
color: #1B72AC;
}
/*icon box content02*/
.spd-s2-iconbox:hover i {
border-color: #1B72AC;
color: #1B72AC;
background: none;
}
/*icon box content03*/
.spd-s3-iconbox:hover i {
border-color: #1B72AC;
color: #ffffff;
background: #1B72AC;
}
/*icon box content04*/
.spd-s4-iconbox:hover i {
transform: rotateY(180deg);
}
/*******************
* Counter style *
********************/
/* counter box */
.counter-box {
text-align: center;
}
.bigcount, .counter-ex {
font-size: 4em;
}
.counter-box h2 {
font-weight: 300;
}
.counter-box i {
display: inline-block;
width: 100%;
}
.mediumcount, .counter-ex2 {
font-size: 3em;
font-weight: 300;
}
.count-left {
display: inline;
float: left;
}
.counter-box2 {
display: table;
width: 100%;
text-align: center;
}
.count-inline {
display: inline-block;
}
.counter-box2 i {
line-height: 2em;
}
.count-right {
float: left;
padding-left: 18px;
}
.count-right > h4 {
margin: 0;
}
@media handheld, only screen and (min-width:768px) and (max-width:960px) {
.count-right > h4 {
font-size: 13px;
}
.mediumcount, .counter-ex2 {
font-size: 2em;
}
.count-right {
padding-top: 20px;
}
}
/*******************
* Pie-chart style *
********************/
/*rounded skillbar*/
.chart {
position: relative;
display: inline-block;
width: 170px;
height: 170px;
text-align: center;
}
.chart canvas {
position: absolute;
top: 0;
left: 0;
}
.chart2 {
position: relative;
display: inline-block;
width: 170px;
height: 170px;
text-align: center;
}
.chart2 canvas {
position: absolute;
top: 0;
left: 0;
}
.percent, .percent2 {
display: inline-block;
line-height: 170px;
z-index: 2;
font-size: 2em;
}
.percent h3, .percent2 h3 {
line-height: 140px;
}
.percent2 i {
line-height: 170px;
}
.percent:after {
content: '%';
margin-left: 0.1em;
font-size: 1em;
}
.spd-chart {
display: table;
text-align: center;
width: 100%;
}
.spd-chart h3 {
text-transform: uppercase;
}
.percent2:after {
margin-left: 0.1em;
font-size: 1em;
}
/*******************
* Responsive video *
********************/
/* Youtube Responsive video */
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*******************
* Lightbox styles *
********************/
p.Cont_05_Icon.BoT_05 {
margin: 10% auto;
}
@media handheld, only screen and (min-width:768px) and (max-width:1100px) {
/*hover-effects*/
.Cont_05_Icon {
border: 1px solid #ffffff;
border-radius: 100%;
margin: 10% auto auto;
padding: 1px;
position: relative;
font-size: 16px;
width: 40px;
height: 40px;
}
.Cont_05_Icon i {
font-weight: 300;
color: #ffffff;
line-height: 40px;
font-size: 16px;
width: 40px;
height: 40px;
text-align: center;
}
.effect-zoe h2 {
width: 100%;
}
.effect-zoe p {
bottom: 7em;
}
.effect-zoe figcaption > a {
float: none;
width: 1%;
display: table-cell;
}
}
/*hover effects zoom + link*/
.spd-s-hov-esp-img-frame {
background: #fff;
overflow: hidden;
position: relative;
display: block;
margin: 0;
}
.spd-s-hov-esp-img-frame span {
display: block;
font-size: 16px;
text-align: center;
vertical-align: baseline;
}
.spd-s-hov-esp-img-holder {
display: block;
height: 100%;
position: relative;
z-index: 0;
}
.spd-s-hov-esp-eff-1 .spd-s-hov-esp-img-frame .spd-s-hover-link {
background: #222;
border-radius: 100%;
color: #fff;
display: block;
height: 40px;
margin-left: -47px;
opacity: 0;
padding: 0;
position: absolute;
top: -40%;
transform: rotate(0deg);
transition: all 0.3s ease 0s;
width: 40px;
}
.spd-s-hov-esp-eff-1 .spd-s-hov-esp-img-frame .spd-s-hover-zoom {
background: #222;
border-radius: 100%;
bottom: 0;
color: #fff;
display: block;
height: 40px;
margin-right: -47px;
opacity: 0;
outline: medium none !important;
padding: 0;
position: absolute;
right: 50%;
transform: rotate(0deg);
transition: all 0.3s ease 0s;
width: 40px;
}
.spd-s-hov-esp-eff-1:hover .spd-s-hover-link {
margin-top: -20px;
opacity: 1;
top: 50%;
}
.spd-s-hov-esp-img-frame span {
display: block;
font-size: 16px;
text-align: center;
vertical-align: baseline;
}
.spd-s-hov-esp-eff-1 .spd-s-hover-link:hover, .spd-s-hov-esp-eff-1 .spd-s-hover-zoom:hover {
background: none repeat scroll 0 0 #e74c3c;
color: #fff;
transform: rotate(-36deg);
z-index: 999;
}
.spd-s-hov-esp-eff-1:hover .spd-s-hover-link {
margin-top: -20px;
opacity: 1;
top: 50%;
}
.spd-s-hov-esp-eff-1:hover .spd-s-hover-zoom {
bottom: 50%;
margin-bottom: -20px;
opacity: 1;
}
@media handheld, only screen and (max-width:767px) {
.img {
text-align: center;
}
.img img {
width: 95%;
}
#image-effect-5 .overlay, #image-effect-6 .overlay {
left: 25px;
right: 25px;
}
.Both_05 {
width: 45%;
}
.view_05 .mask, .view_05 .content {
width: 95%;
left: 15px;
}
xs-img {
width: 100%;
}
}
/*********************
* testimonial slider *
**********************/
/*testimonial slider*/
.spd-s-testimonial-vertical .bx-wrapper {
margin-bottom: 20px;
}
.testimonial-vertical {
margin: 0;
padding: 0;
text-align: center;
vertical-align: middle;
width: 100%;
}
.spd-s-tesimonial-ariticle {
min-height: 100px;
padding: 15px 40px;
}
#s-testimonial-bx-pager {
display: table;
width: 100%;
text-align: center;
}
#s-testimonial-bx-pager > a {
display: inline-block;
float: none;
margin: 0 3px;
border: 2px solid #ddd;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
#s-testimonial-bx-pager a.active {
border: 2px solid #E74C3C;
}
#s-testimonial-bx-pager img {
width: 70px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.testimonial-vertical > li {
width: 100% !important;
}
/*********************
* Benefit box styles *
**********************/
/*spd-sk-box-style*/
.spd-sk-boxstyle-1 {
background-color: #f5f5f5;
border-width: 0 0 0 3px;
border-style: solid;
padding: 10px 25px 25px;
}
.spd-sk-boxstyle-3.shadow-effect2.spd-margin-bottom-50 {
background: none repeat scroll 0 0 #777777;
}
.spd-sk-boxstyle-2 {
background-color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
border-width: 1px 1px 1px 3px;
border-style: solid;
padding: 10px 25px 25px;
}
.spd-sk-boxstyle-3 {
padding: 10px 25px 25px;
color: #ffffff;
background: #777777;
}
.spd-sk-boxstyle-dark {
background-color: #333333;
padding: 10px 25px 25px;
color: #ffffff;
}
.spd-sk-smallbox-1 {
background-color: #ffffff;
border: 1px solid #CCCCCC;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
padding: 10px 25px 25px;
}
.spd-sk-smallbox-2 {
background-color: #f5f5f5;
border: 1px solid #CCCCCC;
padding: 10px 25px 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.spd-sk-smallbox-3 {
background-color: #ffffff;
border-width: 3px 1px 1px 1px;
border-style: solid;
padding: 10px 25px 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
text-align: center;
}
.spd-sk-smallbox-4 {
background-color: #ffffff;
border-width: 1px 1px 3px 1px;
border-style: solid;
padding: 10px 25px 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
/*********************
* skin content *
**********************/
/*skin content*/
.main-title {
text-transform: uppercase;
font-weight: bold;
}
.sub-title {
text-transform: uppercase;
}
.spd-sk-service-box {
display: block;
float: left;
}
.spd-sk-iconbox {
display: table;
text-align: center;
width: 18%;
padding: 1% 2%;
position: relative;
}
.spd-sk-iconbox i {
background-color: #F5F5F5;
border-radius: 50%;
height: 65px;
line-height: 65px;
text-align: center;
width: 65px;
}
.spd-sk-iconbox i:after {
border: 1px solid #F5F5F5;
bottom: 10px;
content: "";
height: 66px;
left: 50%;
position: absolute;
top: 67px;
width: 1px;
}
.spd-sk-iconbox-last i:after {
border: none;
bottom: 0;
content: "";
height: auto;
left: 50%;
position: absolute;
top: 0;
width: 1px;
}
.spd-sk-iconcontent {
width: 76%;
padding: 0 2%;
}
/*********************
* background-video *
**********************/
/*background-video*/
.spd-text-uppercase {
text-transform: uppercase;
}
.white-title {
color: #ffffff;
}
.videobg {
background: rgba(59, 139, 236, 0.498039);
display: table;
width: 100%;
text-align: center;
}
/*********************
* portfolio style *
**********************/
/*portfolio*/
#sdpHoverDir {
display: inline-block;
float: none;
}
.sliphoveritem a i {
color: #ffffff;
}
#sdpHoverDir li img {
width: 100%;
}
div#sliphover_share {
position: absolute;
right: 5px;
top: 7px;
}
div#sdpHoverDir ul {
padding: 0;
}
div#sdpHoverDir li {
display: inline-block;
list-style: none;
}
span.value {
color: green;
}
/* ---------- TIMER ---------- */
ul#sdp-countdown {
text-align: center;
}
ul#sdp-countdown li {
color: rgb(141, 141, 140);
display: inline-block;
margin-right: 18px;
width: 150px;
text-align: center;
font-size: 21px;
border-radius: 5px;
padding: 15px;
border: 3px solid #ddd;
}
ul#sdp-countdown li span {
font-size: 50px;
color: rgb(255, 255, 255);
position: relative;
border-bottom: 2px solid #ddd;
}
ul#sdp-countdown li p.timeRefDays,
ul#sdp-countdown li p.timeRefHours,
ul#sdp-countdown li p.timeRefMinutes,
ul#sdp-countdown li p.timeRefSeconds {
padding: 6px 0px 0px 0px;
color: rgb(223, 220, 220);
text-transform: uppercase;
font-size: 18px;
padding: 10px 0 10px;
}
@media (max-width:1024px) {
ul#sdp-countdown li span {
font-size: 40px;
}
ul#sdp-countdown li p.timeRefDays, ul#sdp-countdown li p.timeRefHours, ul#sdp-countdown li p.timeRefMinutes, ul#sdp-countdown li p.timeRefSeconds {
font-size: 15px;
}
}
@media (max-width:800px) {
ul#sdp-countdown li span {
font-size: 35px;
}
ul#sdp-countdown li {
width: 120px;
}
ul#sdp-countdown li p.timeRefDays, ul#sdp-countdown li p.timeRefHours, ul#sdp-countdown li p.timeRefMinutes, ul#sdp-countdown li p.timeRefSeconds {
font-size: 14px;
}
}
@media (max-width:640px) {
ul#sdp-countdown li span {
font-size: 35px;
}
ul#sdp-countdown li p.timeRefDays, ul#sdp-countdown li p.timeRefHours, ul#sdp-countdown li p.timeRefMinutes, ul#sdp-countdown li p.timeRefSeconds {
font-size: 14px;
}
ul#sdp-countdown li {
margin-right: 10px;
width: 90px;
padding: 10px;
margin-bottom: 20px;
}
}
@media (max-width:480px) {
ul#sdp-countdown li span {
font-size: 28px;
}
ul#sdp-countdown li p.timeRefDays, ul#sdp-countdown li p.timeRefHours, ul#sdp-countdown li p.timeRefMinutes, ul#sdp-countdown li p.timeRefSeconds {
font-size: 13px;
padding: 20px 0px 0px 0px;
}
ul#sdp-countdown li {
margin-right: 5px;
margin-left: 5px;
width: 130px;
padding: 10px;
}
}
.spd-sk-coming-title {
font-size: 80px;
text-align: center;
text-transform: uppercase;
width: 100%;
font-weight: 600;
font-family: open sans;
}
/***************************************************
* *
* Created on 01/09/2014 *
* Author Md. Shohrab Hossain *
* Server Oasis Limited *
* *
/***************** sh - common css ******************/
/*accordion style*/
.spd-panel {
background: none;
box-shadow: none;
}
.spd-panel-default > .spd-panel-heading {
background: none;
}
.spd-panel-title {
font-size: 16px;
color: #60B2E9;
}
/*header style 1*/
.sh-h1 > h3 {
border-bottom: 1px solid;
text-align: center;
}
.sh-h1 > h3 > span {
padding: 0 10px;
background-color: #fff;
position: relative;
top: 13px;
}
/*header style 2*/
.sh-h2 > h3 {
text-align: center;
border-bottom: 1px solid #000;
}
.sh-h2 > h3 > span {
padding: 2px 10px;
background: #fff;
border-radius: 7.5%;
-ms-border-radius: 7.5%;
-moz-border-radius: 7.5%;
-webkit-border-radius: 7.5%;
-o-border-radius: 7.5%;
border: 1px solid #000;
position: relative;
top: 15px;
}
/*header style 3*/
.sh-h3 > h3 {
width: 100%;
margin: 10px 0;
padding: 0;
border-bottom: 1px solid #ccc;
text-align: center;
display: table;
color: #CB2320;
}
.sh-h3 > h3 > i {
display: inline-block;
position: relative;
line-height: 28px;
padding: 2px 10px;
border-bottom: 3px solid #CB2320;
color: #A2918D;
top: 2px;
}
.sh-h3 > p {
padding: 2px 0 20px 0;
text-align: center;
color: #A2918D;
}
/*header style 4*/
.sh-h4 > h3 {
width: 100%;
margin-bottom: 25px;
text-align: center;
border-bottom: 2px solid #05CAC2;
display: table;
}
.sh-h4 > h3 > span {
display: inline-block;
position: relative;
bottom: -20px;
padding: 5px 40px;
background: #05CAC2;
color: #fff;
border-top: 2px dashed #fff;
border-bottom: 2px dashed #fff;
}
/*header style 5*/
.sh-h5 > h3 {
width: 100%;
border-top: 2px solid #D84315;
display: table;
text-align: center;
}
.sh-h5 > h3 > span {
display: inline-table;
line-height: 28px;
padding: 0 3%;
border-bottom: 1px dashed #fff;
background: #D84315;
color: #fff;
}
/*others common style*/
.sh-transition {
transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
}
.sh-circle {
border-radius: 500px;
-moz-border-radius: 500px;
-webkit-border-radius: 500px;
-ms-border-radius: 500px;
-o-border-radius: 500px;
}
.sh-round {
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
}
.sh-tl-tr-round {
border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
-ms-border-radius: 6px 6px 0 0;
-o-border-radius: 6px 6px 0 0;
}
.sh-bl-br-round {
border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
-ms-border-radius: 0 0 6px 6px;
-o-border-radius: 0 0 6px 6px;
}
/************************** ends of sh - common css *********************************/
/* --- starts of Content 01 --- */
.spd-sh-01 .item i {
margin-top: 15px;
color: #fff;
text-align: center;
line-height: 70px;
width: 73px;
height: 73px;
}
.spd-sh-01 .item:hover i {
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
/* --- ends of Content 01 --- */
/* --- starts of Content 02 --- */
/*no content*/
/* --- ends of Content 02 --- */
/* --- starts of Content 03 --- */
.spd-sh-03 .item i {
margin-top: 15px;
}
.spd-sh-03 .item:hover i {
color: #1B72AC;
}
.spd-sh-03 .item:hover .link {
text-decoration: none;
color: #1B72AC;
}
/* --- ends of Content 03 --- */
/* ---starts of Content 04 ---*/
.spd-sh-04 .body {
width: 100%;
margin: 0 auto;
padding: 20px;
border: 1px solid #d9d9d9;
border-radius: 0px 5px 5px 5px;
background: #222;
color: #fff;
}
.spd-sh-04 .price {
width: 110px;
height: 110px;
line-height: 90px;
position: absolute;
top: -40px;
left: 3px;
border: 9px solid #fff;
border-radius: 75%;
background: #222;
color: #fff;
text-align: center;
font-weight: 400;
}
.spd-sh-04 .title {
font-variant: small-caps;
text-align: center;
color: #fff;
border-bottom: 1px solid #d9d9d9;
padding: 35px 0px 10px 0px;
}
.spd-sh-04 .body > ul {
padding: 0 0 10px 0;
}
.spd-sh-04 .body > ul li {
list-style: none !important;
}
.spd-sh-04 .body > ul > li:nth-child(even) {
text-align: center;
}
.spd-sh-04 .body:hover {
background: #000;
}
.spd-sh-04 .body:hover .price {
background: #000;
color: #fff;
transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
}
.spd-sh-04 .sh-btn04 {
display: block;
border: 1px solid #fff;
color: #fff;
}
.spd-sh-04 .sh-btn04:hover {
background: #000;
border: 1px solid #fff;
}
/* --- ends of Content 04 --- */
/* --- starts of Content 05 --- */
.spd-sh-05 {
background: url('../../images/spd-sh-business.png') fixed 10% #000;
color: #e1e1e1;
}
.spd-sh-05 .header {
text-align: center;
padding-top: 0;
margin-top: 0;
}
.spd-sh-05 .footer {
font-weight: 700;
}
.spd-sh-05 .box {
margin: 6% auto;
}
@media (max-width:1024px) {
.spd-sh-05 .box {
padding-top: 15px;
}
}
.spd-sh-05 .item i {
display: block;
color: #e1e1e1;
padding-top: 10%;
opacity: .6;
}
.spd-sh-05 .item i:hover {
opacity: 1;
}
.spd-sh-05 .item a {
text-decoration: none;
}
/* --- ends of Content 05 --- */
/* --- starts of Content 06 --- */
.spd-sh-06 {
padding: 10px 15px 0 15px;
}
.spd-sh-06 .sh-control {
box-shadow: none;
color: #000000;
}
.spd-sh-06 .sh-first {
width: 49%;
float: left;
margin-right: 1%;
}
.spd-sh-06 .sh-last {
width: 49%;
float: left;
margin-left: 1%;
}
.spd-sh-06 .sh-control:focus, .sh-btn:focus {
border: 1px solid #cdcdcd;
box-shadow: none;
background: #f9f9f9;
color: #000000;
}
.spd-sh-06 .msg {
resize: none;
margin: 0;
}
.spd-sh-06 .sh-btn {
padding: 6px 5%;
margin: 0;
background: #ffffff;
color: #333333;
border: 1px solid #cdcdcd;
}
/* --- ends of Content 06 --- */
/* --- starts of Content 07 --- */
.spd-sh-07 {
list-style: none;
margin: 0px;
padding: 0;
}
.spd-sh-07 > li {
box-shadow: 0px 0px 5px rgb(51, 51, 51);
box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
padding: 0px;
margin: 0px 0px 10px 0;
}
.spd-sh-07 > li:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.spd-sh-07 > li > bdo {
display: inline-block;
width: 100%;
color: #ffffff;
padding: 5px;
text-align: center;
text-transform: uppercase;
}
.spd-sh-07 > li > bdo > span {
display: none;
}
.spd-sh-07 > li > bdo > .day {
display: block;
font-size: 56pt;
font-weight: 100;
line-height: 1;
}
.spd-sh-07 > li > bdo > .month {
display: block;
font-size: 24pt;
font-weight: 900;
line-height: 1;
}
.spd-sh-07 > li > img {
width: 120px;
display: block;
margin: 5px auto;
}
.spd-sh-07 > li > .info {
padding: 10px;
text-align: center;
}
.spd-sh-07 .desc {
height: 95px;
padding: 0 2%;
overflow: hidden;
}
.spd-sh-07 > li > ul {
display: table;
list-style: none;
margin: 11px 0px 0px;
padding: 0px;
width: 100%;
text-align: center;
}
.spd-sh-07 > li > ul > li {
padding: 0px;
display: table-cell;
cursor: pointer;
color: rgb(30, 30, 30);
padding: 3px 0px;
}
.spd-sh-07 > li > ul > li > a {
padding: 3px 0px;
}
.spd-sh-07 > li > ul > li:hover {
color: rgb(30, 30, 30);
background-color: rgb(200, 200, 200);
}
.spd-sh-07 > li > ul > li a {
display: block;
width: 100%;
color: rgb(75, 110, 168) !important;
}
.spd-sh-07 .twitter a {
color: #4FD5F8 !important;
}
.spd-sh-07 .google-plus a {
color: #DD4B39 !important;
}
.spd-sh-07 .facebook:hover a {
color: #fff !important;
background-color: #4B6EA8 !important;
}
.spd-sh-07 .twitter:hover a {
color: #fff !important;
background-color: #4FD5F8 !important;
}
.spd-sh-07 .google-plus:hover a {
color: #fff !important;
background-color: #DD4B39 !important;
}
@media (min-width: 768px) {
.spd-sh-07 > li {
position: relative;
display: block;
width: 100%;
height: 120px;
padding: 0px;
}
.spd-sh-07 > li > bdo,
.spd-sh-07 > li > img {
display: inline-block;
width: 120px;
height: 120px;
float: left;
padding: 0;
margin: 0;
}
.spd-sh-07 > li > .info {
height: 120px;
padding-right: 40px;
position: relative;
background-color: rgb(245, 245, 245);
text-align: left;
overflow-y: hidden;
}
.spd-sh-07 > li > ul {
position: absolute;
top: -10px;
right: 0px;
display: block;
width: 40px;
}
.spd-sh-07 > li > ul {
border-left: 1px solid rgb(230, 230, 230);
}
.spd-sh-07 > li > ul > li {
display: block;
padding: 0px;
}
.spd-sh-07 > li > ul > li > a {
display: block;
width: 40px;
padding: 16px 0px 9px;
}
}
/* --- ends of Content 07 --- */
/* --- starts of Content 08 --- */
.spd-sh-08 {
display: table;
width: 100%;
position: relative;
}
.spd-sh-08 .p-row {
display: table-row;
}
.spd-sh-08 .p-step button[disabled] {
opacity: 1 !important;
border: 1px solid #ccc;
}
.spd-sh-08 .p-row:before {
top: 55px;
bottom: 0;
position: absolute;
content: " ";
width: 100%;
height: 1px;
background-color: #ccc;
}
.spd-sh-08 .p-step {
display: table-cell;
text-align: center;
position: relative;
}
.spd-sh-08 .p-step p {
margin-top: 10px;
padding: 0 10px;
}
.spd-sh-btn08 {
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
padding: 6px 22px;
border: 1px solid #ccc;
}
/* --- ends of Content 08 --- */
/* --- starts of PricingTable 09 --- */
.spd-sh-09 .details {
background: #fff;
border: 1px solid #ddd;
}
.spd-sh-09 .details h3 {
padding: 20px;
margin: 0px 0px 50px 0px;
background-color: #eee;
}
.spd-sh-09 .details h3 span {
display: block;
text-align: center;
font: bold 30px/90px sans-serif;
color: #777;
background: #fff;
border: 5px solid #fff;
height: 100px;
width: 100px;
margin: 10px auto -65px;
border-radius: 100px;
box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
-moz-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
-ms-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
-webkit-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
-o-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}
.spd-sh-09 .details ul {
padding: 0;
}
.spd-sh-09 .details li {
border-top: 1px solid #ddd;
padding: 10px 0;
list-style: none !important;
}
/*----------------*/
.spd-sh-09 .details:hover {
transform: scale(1.05);
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
position: relative;
z-index: 9;
border: 1px solid #4285F4;
}
.spd-sh-09 .details:hover h3 {
background-color: #1B72AC;
color: #ffffff;
}
/*----------------*/
.spd-sh-09 .sh-btn09 {
position: relative;
padding: 8px 20px;
margin: 0 0 25px 0;
color: #fff;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
border-radius: 3px;
}
/* --- ends of PricingTable 09 --- */
/* --- starts of Content 10 --- */
.spd-sh-10 .body {
width: 100%;
text-align: center;
margin: 10px auto;
overflow: hidden;
}
/*Shared properties*/
.spd-sh-10 .title {
color: #ffffff;
background: #1F628E;
font-size: 18px;
}
.spd-sh-10 .title, .spd-sh-10 .footer {
height: 35px;
color: #FEFEFE;
text-transform: capitalize;
line-height: 30px;
position: relative;
}
/*arrow creation*/
.spd-sh-10 .content:after,
.spd-sh-10 .content:before,
.spd-sh-10 .footer:before,
.spd-sh-10 .footer:after {
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-top-color: #1B72AC;
border-width: 5px;
margin-left: -5px;
}
.spd-sh-10 .footer:after,
.spd-sh-10 .footer:before {
top: -1px;
}
.spd-sh-10 .footer:after {
border-width: 5px;
margin-left: -5px;
}
/*ends arrow creation*/
.spd-sh-10 .price {
position: relative;
display: inline-block;
text-align: center;
color: #ffffff;
}
.spd-sh-10 .price span {
font-size: 100px;
letter-spacing: 2px;
font-weight: 600;
}
.spd-sh-10 .price sup {
position: absolute;
top: 50px;
left: -16px;
font-size: 20px;
font-weight: 400;
}
.spd-sh-10 .hint {
font-style: italic;
color: #ffffff;
padding-bottom: 10px;
}
.spd-sh-10 .features {
background-color: #ffffff;
text-align: left;
padding: 20px 18%;
border-style: solid;
border-width: 1px;
border-top: none;
border-bottom: none;
}
.spd-sh-10 .features li {
padding: 8px 0;
width: 100%;
list-style: none !important;
}
.spd-sh-10 .features li span {
padding-right: 0.4rem;
margin-left: -12%;
}
.spd-sh-10 .footer:after {
border-top-color: #FFFFFF;
}
.spd-sh-10 .footer p {
text-transform: capitalize;
color: #ffffff;
margin: 0;
padding: 0;
}
/* --- ends of Content 10 --- */
/* --- starts of PricingTable 11 --- */
.spd-sh-11 .rows li {
padding: 0 15%;
width: 100%;
display: block;
list-style: none !important;
color: #ffffff;
border-bottom: 1px solid #3C7FAC;
}
.spd-sh-11 .rows li i {
padding: 0 5px 0 0;
margin-left: -15%;
height: 45px;
line-height: 45px;
text-align: left;
}
.spd-sh-11 .rows li.fees {
width: 100%;
padding: 0;
margin: 0;
background: #1F628E;
height: 48px;
line-height: 48px;
text-align: center;
font-size: 32px;
}
.spd-sh-11 .rows li.title {
height: 60px;
padding: 0;
margin: 0;
line-height: 60px;
font-size: 24px;
text-align: center;
}
.spd-sh-11 .rows {
width: 96%;
margin: 0 auto;
padding: 0;
border: 1px solid #3C7FAC;
}
.spd-sh-11 .rows:hover {
margin-top: -15px;
box-shadow: 1px 1px 10px #222222;
-moz-box-shadow: 1px 1px 10px #222222;
-webkit-box-shadow: 1px 1px 10px #222222;
-ms-box-shadow: 1px 1px 10px #222222;
}
.spd-sh-11 .footer {
height: 80px;
text-align: center;
}
.spd-sh-11 .sh-btn11 {
height: 50px;
padding: 5px 25px;
line-height: 40px;
position: relative;
top: 31px;
background: #1F628E;
color: #ffffff;
border: 1px solid #3C7FAC;
text-decoration: none;
font-weight: 400;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
}
.spd-sh-11 .sh-btn11:hover {
text-decoration: none;
color: #ffffff;
}
/* --- ends of PricingTable 11 --- */
/* --- starts of PricingTable 12 --- */
.spd-sh-12 .rows li {
padding: 0 15%;
width: 100%;
display: block;
overflow: hidden;
list-style: none !important;
border-bottom: 1px solid #d9d9d9;
}
.spd-sh-12 .rows li i {
padding: 0 5px 0 0;
margin-left: -15%;
height: 45px;
line-height: 45px;
text-align: left;
}
.spd-sh-12 .rows li.fees {
width: 100%;
display: block;
line-height: 48px;
height: 48px;
background: #1B72AC;
text-align: center;
font-size: 34px;
font-weight: 700;
color: #fff;
}
.spd-sh-12 .rows li.fees sup {
font-size: 18px;
font-weight: 700;
}
.spd-sh-12 .rows li.fees sub {
font-size: 14px;
font-weight: 100;
}
.spd-sh-12 .title {
height: 100px;
line-height: 100px;
color: #fff;
font-size: 24px;
text-align: center;
}
.spd-sh-12 .rows {
width: 100%;
border: 1px solid #d9d9d9;
padding: 0;
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.spd-sh-12 .rows:hover .title {
background: #1F628E;
color: #fff;
}
.spd-sh-12 .rows:hover .foo {
background: #1F628E;
}
.spd-sh-12 .foo {
height: 85px;
text-align: center;
}
.spd-sh-12 .sh-btn12, spd-sh-12 .sh-btn12:visited {
color: #fff;
border: 1px solid #d9d9d9;
text-decoration: none;
padding: 10px 25px;
position: relative;
top: 23%;
}
.spd-sh-12 .sh-btn12:hover {
color: #fff;
text-decoration: none;
}
/* --- ends of PricingTable 12 --- */
/* --- starts of Content 13 --- */
.spd-sh-13 .body {
width: 100%;
margin: 0px auto;
border: 1px solid #fff;
border-radius: 5px;
min-height: 400px;
background: #222;
position: relative;
display: table;
text-align: center;
}
.spd-sh-13 .price {
width: 110px;
height: 110px;
line-height: 90px;
position: absolute;
left: calc(50% - 60px);
top: -52px;
display: inline-block;
border: 9px solid #fff;
border-radius: 50%;
background: #222;
text-align: center;
color: #fff;
}
.spd-sh-13 .title {
font-variant: small-caps;
border-bottom: 1px solid #fff;
padding: 60px 0px 10px 0px;
color: #ddd;
}
.spd-sh-13 .details {
padding: 0 10%;
text-align: left;
color: #ddd;
font-weight: 300;
padding-bottom: 0px;
margin: 0;
}
.spd-sh-13 .details li {
border-bottom: 1px dotted #ccc;
padding: 10px 0;
list-style: none !important;
}
.spd-sh-13 .body:hover {
background: #000;
}
.spd-sh-13 .body:hover .price {
background: #000;
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
.spd-sh-13 .sh-btn13 {
padding: 15px 0;
margin-top: -1px;
border-radius: 0;
color: #fff;
display: block;
visibility: hidden;
}
.spd-sh-13 .body:hover .sh-btn13 {
display: block;
visibility: visible;
}
/* --- ends of Content 13 --- */
/* --- starts of Meet Our Team 14 --- */
.spd-sh-14 .body {
width: 100%;
margin: 0 auto;
border: 1px solid #ccc;
}
.spd-sh-14 .body:hover .figure {
color: #4285F4;
}
.spd-sh-14 .figure > img {
width: 100%;
}
.spd-sh-14 .figure > h4 {
margin: 10px 0 0 0;
color: #000;
}
.spd-sh-14 .body > .figure {
width: 100%;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
color: #000;
}
.spd-sh-14 .body > p {
padding: 10px;
}
.spd-sh-14 .body > p > a {
text-decoration: none;
color: inherit;
}
.spd-sh-14 .body > p > a:hover {
text-decoration: none;
color: #4285F4;
}
.spd-sh-14 .body > p > a > i {
width: 30px;
height: 30px;
line-height: 30px;
display: inline-block;
border: 1px solid #ccc;
}
/* --- ends of Meet Our Team 14 --- */
/* --- starts of Meet Our Team 15 --- */
.spd-sh-15 .body > img {
width: 80%;
display: inline-block;
}
.spd-sh-15 .body:hover img {
transform: scale(1.05);
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
}
.spd-sh-15 .body > h5 {
width: 100%;
text-transform: uppercase;
}
.spd-sh-15 .body > span {
color: #999999;
}
.spd-sh-15 .body > ul {
display: inline-block;
margin-left: -30px;
}
.spd-sh-15 .horizontal-line {
width: 10%;
margin: 10px auto;
border: 1px solid #E5E5E5;
}
.spd-sh-15 .body > ul > li > a {
width: 35px;
height: 35px;
line-height: 15px;
padding: 10px;
display: inline-block;
border: 2px solid #ccc;
border-radius: 500px;
color: #ccc;
}
.spd-sh-15 .facebook:hover {
color: #fff;
background: #3A589D;
border-color: #3A589D;
}
.spd-sh-15 .google-plus:hover {
color: #fff;
background: #CB2320;
border-color: #CB2320;
}
.spd-sh-15 .twitter:hover {
color: #fff;
background: #2478BA;
border-color: #2478BA;
}
/* --- ends of Meet Our Team 15 --- */
/* --- starts of Meet Our Team 16 --- */
.spd-sh-16 .view {
width: 100%;
height: 200px;
margin: 10px;
float: left;
border: 10px solid #f9f9f9;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #e6e6e6;
-moz-box-shadow: 1px 1px 2px #e6e6e6;
box-shadow: 1px 1px 2px #e6e6e6;
background: #fff url(images/bgimg.jpg);
}
.spd-sh-16 .photo {
width: 100%;
display: block;
position: relative;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
filter: alpha(opacity=100);
opacity: 1;
}
.spd-sh-16 .mask {
width: 100%;
height: 200px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
background-color: rgba(77,44,35,0.5);
-webkit-transform: rotate(0deg) scale(1);
-moz-transform: rotate(0deg) scale(1);
-o-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.spd-sh-16 .title {
width: 100%;
text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
font-size: 17px;
padding: 10px;
background: rgba(0, 0, 0, 0.8);
margin: 0;
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-o-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.spd-sh-16 .mask > p {
width: 100%;
max-height: 94px;
font-size: 12px;
position: relative;
color: #fff;
padding: 2% 5%;
text-align: center;
overflow-y: hidden;
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-o-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
/**/
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
-ms-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.spd-sh-16 .mask > a {
background: none repeat scroll 0 0 #000;
box-shadow: 0 0 1px #000;
color: #fff;
display: inline-block;
padding: 7px 0px;
min-width: 35px;
text-decoration: none;
}
/*Hover Style*/
.spd-sh-16 .view:hover .photo {
-webkit-transform: rotate(720deg) scale(0);
-moz-transform: rotate(720deg) scale(0);
-o-transform: rotate(720deg) scale(0);
-ms-transform: rotate(720deg) scale(0);
transform: rotate(720deg) scale(0);
filter: alpha(opacity=0);
opacity: 0;
}
.spd-sh-16 .view:hover .mask {
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px) rotate(0deg);
-moz-transform: translateY(0px) rotate(0deg);
-o-transform: translateY(0px) rotate(0deg);
-ms-transform: translateY(0px) rotate(0deg);
transform: translateY(0px) rotate(0deg);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.spd-sh-16 .view:hover .title {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.7s;
-moz-transition-delay: 0.7s;
-o-transition-delay: 0.7s;
-ms-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.spd-sh-16 .view:hover .mask > a {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
transition-delay: 0.5s;
-webkit-box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
}
/* --- ends of Meet Our Team 16 --- */
/* --- starts of Meet Our Team 17 --- */
/*some style in spd-sh-14*/
.spd-sh-17 .body {
background: none;
}
.spd-sh-17 .body > .figure {
background: #d9d9d9;
}
.spd-sh-17 .body > .social {
transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
}
.spd-sh-17 .body:hover img {
filter: alpha(opacity=80);
opacity: 0.8;
}
.spd-sh-17 .body:hover .social > a > i {
background: #d9d9d9;
color: #222;
}
.spd-sh-17 .body:hover .social > a > i:hover {
color: #fff;
}
.spd-sh-17 .body:hover .social a:nth-child(1) i:hover {
background: #3B5997;
}
.spd-sh-17 .body:hover .social a:nth-child(2) i:hover {
background: #00ACEE;
}
.spd-sh-17 .body:hover .social a:nth-child(3) i:hover {
background: #D23C2D;
}
.spd-sh-17 .body:hover .social a:nth-child(4) i:hover {
background: #01AEF2;
}
/* --- ends of Meet Our Team 17 --- */
/* --- starts of Content Social Icon 18 --- */
/*all icon common style*/
ul.sh-icon {
margin: 2px auto;
text-align: center;
display: table;
}
ul.sh-icon > li {
display: inline-block;
padding: 2px;
}
ul.sh-icon > li > a.facebook > i:hover {
background: #3B5998;
}
ul.sh-icon > li > a.twitter > i:hover {
background: #55ACEE;
}
ul.sh-icon > li > a.google > i:hover {
background: #B63122;
}
ul.sh-icon > li > a.skype > i:hover {
background: #19B6F0;
}
ul.sh-icon > li > a.youtube > i:hover {
background: #CC181E;
}
ul.sh-icon > li > a.linkedin > i:hover {
background: #489DC9;
}
ul.sh-icon > li > a.rss > i:hover {
background: #E78733;
}
/*ens of all icon common style*/
.spd-sh-18 ul > li > a > i {
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
background: #292524;
color: #fff;
box-shadow: 0.5px 0.5px 10px #292524;
-moz-box-shadow: 0.5px 0.5px 10px #292524;
-webkit-box-shadow: 0.5px 0.5px 10px #292524;
-o-box-shadow: 0.5px 0.5px 10px #292524;
-ms-box-shadow: 0.5px 0.5px 10px #292524;
}
/* --- ends of Content Social Icon 18 --- */
/* --- starts of Content Social Icon 19 --- */
.spd-sh-19 > ul > li > a > i {
width: 40px;
height: 40px;
line-height: 40px;
background: #222;
color: #fff;
}
/* --- ends of Content Social Icon 19 --- */
/* --- starts of Content Social Icon 20 --- */
.spd-sh-20 > .sh-icon > li > a {
position: relative;
display: inline-block;
position: relative;
text-decoration: none;
}
.spd-sh-20 > .sh-icon > li > a > strong {
width: 80px;
position: absolute;
left: -65px;
top: -10px;
color: #fff;
text-align: center;
padding: 6px 8px;
z-index: 9999;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
background-color: rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
opacity: 0;
-webkit-transition-property: opacity, top;
-webkit-transition-duration: 300ms;
-moz-transition-property: opacity, top;
-moz-transition-duration: 300ms;
}
.spd-sh-20 > .sh-icon > li > a > strong:before {
position: absolute;
border: 10px solid red;
left: calc(50% - 4px);
bottom: -2px;
border-style: solid;
border-width: 4px;
border-color: #AAA transparent transparent transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: bottom;
transition-property: bottom;
}
.spd-sh-20 > .sh-icon > li > i {
background: #222;
color: #fff;
width: 40px;
height: 40px;
line-height: 40px;
cursor: default;
}
ul.sh-icon > li.facebook i {
background: #3B5998;
}
ul.sh-icon > li.twitter i {
background: #55ACEE;
}
ul.sh-icon > li.google i {
background: #B63122;
}
ul.sh-icon > li.skype i {
background: #19B6F0;
}
ul.sh-icon > li.youtube i {
background: #CC181E;
}
ul.sh-icon > li.linkedin i {
background: #489DC9;
}
ul.sh-icon > li.rss i {
background: #E78733;
}
.spd-sh-20 > .sh-icon:hover > li {
opacity: 0.2;
}
.spd-sh-20 > .sh-icon > li:hover {
opacity: 1;
}
.spd-sh-20 > .sh-icon > li:hover > a > strong {
opacity: 1;
top: -60px;
}
/* --- ends of Content Social Icon 20 --- */
/* --- starts of Content 21 --- */
.spd-sh-21 ul.sh-icon > li > a > i {
width: 40px;
height: 40px;
line-height: 40px;
border-top: 1px dashed #fff;
border-bottom: 1px dashed #fff;
background: #05CAC2;
color: #fff;
}
/* --- ends of Content 21 --- */
/* --- starts of Content Dropcaps 22+23+24+25+26+27+28+29 --- */
/*common dropcaps style */
.dropcaps > p {
padding: 10px 0;
}
.dropcaps > h4 {
margin: 0;
padding: 0;
}
.dropcaps > p > span {
float: left;
width: 45px;
height: 45px;
line-height: 40px;
margin: 5px 6px 2px 0px;
font-size: 45px;
text-align: center;
color: #fff;
}
/*ends of common first-letter style*/
.spd-sh-22 > p > span {
color: inherit !important;
}
.spd-sh-23 > p > span {
color: #1B72AC;
}
.spd-sh-24 > p > span, .spd-sh-25 > p > span {
background: #ccc;
}
.spd-sh-26 > p > span, .spd-sh-27 > p > span {
border: 1px dashed #fff;
}
.spd-sh-28 p {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.spd-sh-29 p {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
/* --- ends of Content Dropcaps 22+23+24+25+26+27+28+29 --- */
/* --- starts of Content Social Icon 30 --- */
.spd-sh-30 > ul.sh-icon > li > a {
color: #222 !important;
}
.spd-sh-30 > ul.sh-icon > li > a > strong {
position: relative;
left: 0;
top: -5px;
}
/* --- ends of Content Social Icon 30 --- */
/*--- starts of content 31+32+33+34+35+36+37+38 --- */
.sh-list {
margin-left: 2.14286em;
padding-left: 0;
}
.sh-list > li {
list-style-type: none;
position: relative;
line-height: 20px;
}
.sh-list > li > i {
left: -2.14286em;
position: absolute;
text-align: center;
top: 0.142857em;
width: 2.14286em;
}
/*ends of common style*/
.spd-sh-31 > li, .spd-sh-33 > li {
padding: 6px 0;
}
.spd-sh-31 > li > i {
margin-top: 9px;
}
.spd-sh-32 > li,
.spd-sh-34 > li {
padding: 10px 0;
border-bottom: 1px solid #e5e5e5;
}
.spd-sh-32 > li > i {
margin-top: 13px;
}
.spd-sh-34 > li > i {
margin: 0;
}
/*---*/
.spd-sh-35 > li > i,
.spd-sh-36 > li > i {
width: 22px;
height: 22px;
color: #fff;
line-height: 22px;
}
.spd-sh-35 > li {
padding: 6px 0;
}
.spd-sh-35 > li > i {
margin-top: 4px;
}
.spd-sh-36 > li {
padding: 10px 0;
border-bottom: 1px solid #e5e5e5;
}
.spd-sh-36 > li > i {
margin-top: 7px;
}
/*---*/
.spd-sh-37 > li > i,
.spd-sh-38 > li > i {
width: 22px;
height: 22px;
color: #fff;
line-height: 22px;
}
.spd-sh-37 > li {
padding: 6px 0;
}
.spd-sh-37 > li > i {
margin-top: 4px;
}
.spd-sh-38 > li {
padding: 10px 0;
border-bottom: 1px solid #e5e5e5;
}
.spd-sh-38 > li > i {
margin-top: 7px;
}
/*--- ends of content 31+3231+32+33+34+35+36+37+38 --- */
/* --- starts of Content Social Icon 39 --- */
.spd-sh-39 .item {
padding: 0 25px 0 85px;
}
.spd-sh-39 .item > img {
width: 100%;
}
.spd-sh-39 .text {
padding: 0 85px 0 25px;
}
.spd-sh-39 .sh-btn39 {
text-align: center;
text-decoration: none;
padding: 8px 30px;
display: inline-block;
border-width: 2px;
border-style: solid;
text-transform: uppercase;
color: #fff;
}
.spd-sh-39 .sh-btn39 > i {
padding-left: 15px;
}
@media (max-width: 980px) {
.spd-sh-39 .sh-btn39 {
width: 48%;
padding: 4px;
}
.spd-sh-39 .sh-btn39 > i {
padding-left: 4%;
}
}
@media (max-width: 768px) {
.spd-sh-39 .text {
padding: 0;
}
.spd-sh-39 .sh-btn39 {
width: 49%;
padding: 4px;
}
.spd-sh-39 .sh-btn39 > i {
padding-left: 4%;
}
}
.spd-sh-39 .second {
color: #222;
}
/* --- ends of Content Social Icon 39--- */
/* --- starts of content - 40 --- */
.spd-sh-40 {
color: #fff;
}
.spd-sh-40 .item {
width: 90%;
margin: 0 auto;
}
.spd-sh-40 .item > i {
width: 100px;
line-height: 90px;
border: 4px solid #fff;
}
.spd-sh-40 .horizontal-line {
width: 20%;
border: 1px solid #fff;
}
/* --- ends of content - 40 --- */
/* --- starts of content - 41 --- */
.spd-sh-41 h2 {
letter-spacing: 0.1em;
}
.spd-sh-41 p {
width: 50%;
margin: 0 auto;
}
/* --- ends of content - 41 --- */
/* --- starts of content - 42 --- */
.spd-sh-42 {
background: url('../images/spd-n-black-bg-cont.png') #525252;
color: #fff;
}
.spd-sh-42 .sh-btn42 {
margin: 10px 10px 0 10px;
min-width: 140px;
text-decoration: none;
padding: 10px 20px;
display: inline-block;
font-size: 18px;
color: #fff;
}
/* --- ends of content - 42 --- */
/* --- starts of content - 43 --- */
.spd-sh-43 .service {
padding: 0 10px;
}
.spd-sh-43 .service > h3 {
margin: -17px 0 10px 0;
border-bottom: 3px double !important;
text-align: left;
}
.spd-sh-43 .service > h3 > span {
padding: 0 5px 0 0;
background-color: #fff;
position: relative;
top: 12px;
}
/* --- ends of content - 43 --- */
/* --- starts of content - 44 --- */
.spd-sh-44
{
background: #000000 url('../../../parallax3_60.jpg') fixed center;
color: #fff;
}
.spd-sh-44 p {
color: #aaa;
}
.spd-sh-44 .p-btn {
width: 100%;
display: table;
text-align: center;
position: relative;
color: #aaa;
}
.spd-sh-44 .sh-btn44 {
text-align: center;
text-decoration: none;
margin: 0 10px 20px 10px;
padding: 8px 20px;
display: inline-block;
border-width: 1px;
border-style: solid;
text-transform: uppercase;
color: #fff;
}
.spd-sh-44 .sh-btn44 > i {
padding-left: 15px;
}
/* --- ends of content - 44 --- */
/* --- starts of content - 45 --- */
.spd-sh-45
{
background: #000000 url('../../../parallax1_60.jpg') fixed center;
color: #fff;
}
.spd-sh-45 p {
color: #aaa;
}
.spd-sh-45 .p-btn {
width: 100%;
display: table;
text-align: center;
position: relative;
color: #aaa;
}
.spd-sh-45 .sh-btn45 {
text-align: center;
text-decoration: none;
margin: 0 10px 20px 10px;
padding: 8px 20px;
display: inline-block;
border-width: 1px;
border-style: solid;
text-transform: uppercase;
color: #fff;
}
.spd-sh-45 .sh-btn45 > i {
padding-left: 15px;
}
/* --- ends of content - 44 --- */
.parallax_h
{height: 400px
}
@media screen and (max-width: 767px) {
.parallax_h
{height: 250px
}
}