/*start of home work Page*/
.home_work { padding: 55px 0px; text-align: center; /*background: #fff;	border: solid #d7d7d7;	border-width: 1px 0px;*/ }
.home_work .top_heading h2 span { font-family: 'webreinventv4'; color: #12202e; -webkit-animation: super-rainbow 10s infinite alternate linear; -moz-animation: super-rainbow 10s infinite alternate linear; animation: super-rainbow 10s infinite alternate linear; }
.home_work .top_heading { text-align: center; }
.home_work .top_heading p strong {display: inline-block; }
.home_work .top_heading p {margin-top: 15px; }
.home_mobslider {display: none;}
.home_work a.btn_red { background-color: #ef5e4b; background-image: url("../index.html"); background-position: right center; background-repeat: no-repeat; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 4px 0 0 #9f574d; -webkit-box-shadow: 0 4px 0 0 #9f574d; box-shadow: 0 4px 0 0 #9f574d; color: #fff; display: inline-block; font-family: "merriweatherbold"; font-size: 16px; padding: 20px 55px 15px 20px; text-transform: uppercase; transition: all 0.2s ease 0s; }
.home_work a.btn_red:hover { background-color: #de4f3c; -moz-box-shadow: 0 0 0 0 #fff; -webkit-box-shadow: 0 0 0 0 #fff; box-shadow: 0 0 0 0 #fff; }
/*start of home work Page*/
@-webkit-keyframes super-rainbow {
 0% {color: #12202e;}
 20% {color: #f39c12;}
 40% {color: #f1c40f;}
 60% {color: #1abc9c;}
 80% {color: #3498db;}
 100% {color: #8e44ad;}
}
 @-moz-keyframes super-rainbow {
 0% {color: #12202e;}
 20% {color: #f39c12;}
 40% {color: #f1c40f;}
 60% {color: #1abc9c;}
 80% {color: #3498db;}
 100% {color: #8e44ad;}
}
.visibleNearby { width: 100%; }
.visibleNearby .rsGCaption { font-size: 16px; line-height: 18px; padding: 12px 0 16px; background: #141414; width: 100%; position: absolute; float: left; left: auto; bottom: auto; text-align: center; display: none; }
.visibleNearby .rsGCaption span { display: block; clear: both; color: #bbb; font-size: 14px; line-height: 22px; }
/* Scaling transforms */

.visibleNearby .rsSlide img { opacity: 0.45; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); margin-top: 50px !important; }
.visibleNearby .rsActiveSlide img { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.why_reptp .clear { display: none; }
.why_reptp .clear.ot { display: block; }
.scroll-anim { border: 1px solid #ccc; border-radius: 24px; height: 50px; text-align: center; width: 34px; display: inline-block; margin-top: 6%; }
.scroll-anim:hover { border: 2px solid #016652; background-color: #037962; }
.scroll-anim:hover #arrow-dwn { background-color: #fff; }
 @keyframes arrow-jump {
0% {opacity: 0;}
100% {opacity: 1; -moz-transform: translateY(25px); -webkit-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px);}
}
#arrow-dwn {-moz-animation: 1s ease 0s normal none infinite running arrow-jump; -webkit-animation: 1s ease 0s normal none infinite running arrow-jump; -o-animation: 1s ease 0s normal none infinite running arrow-jump; animation: 1s ease 0s normal none infinite running arrow-jump; height: 8px; width: 4px; background: #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: block; margin: 0 auto; }

/* End of Standard CSS Class Name

---------------------------------------------------*/

@media screen and (max-width: 1800px) {
.home_work a.btn_red { margin-top: 35px; }
}

@media screen and (max-width: 1319px) {
.btm_client { background-color: rgba(8, 16, 25, 1); padding: 19px 0; }
.why_rept a.bx-prev, .why_rept a.bx-next { bottom: 13px; }
.home_work a.btn_red { margin-top: 45px; }
}

/* Displays/Screens (e.g. MacBook @ 1280x800) -------------- */
@media only screen and (min-width:1281px) and (max-width: 1366px) {
.top_slider { height: 532px; }
}

@media only screen and (min-width: 1250px) and (max-width: 1280px) {
.top_slider { height: 480px; }
.home_work, .home_capble { padding: 30px 0px; }
.whysct_bg { padding: 30px 0 10px; }
}

/* Displays/Screens (e.g. 24" WS @ 1920x1080) -------------- */
@media only screen and (min-width: 1410px) and (max-width: 2529px) {
.top_slider { height: 600px; }
}

/* Really Large Displays/Screens (e.g. 2560x1440) ---------- */
@media only screen and (min-width: 2530px) {
.top_slider { height: 600px; }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
.home_social li a { width: 44px; height: 44px; }
.home_social li.home_fb a { background-position: 14px 4px; }
.home_social li.home_gp a { background-position: -46px 4px; }
.home_social li.home_ldn a { background-position: -110px 4px; }
.home_social li.home_ffrm a { background-position: -171px 4px; }
}

@media screen and (max-width: 1279px) {
.sldr_cont h1 br { display: none; }
}

@media screen and (max-width: 1023px) {
.home_mcap ul li { width: 50%; }
.home_mcap ul li:last-child { width: 100%; }
.home_mcap ul li a:before, .home_mcap ul li:nth-child(3n) a:before, .home_mcap ul li:nth-child(8) a:before { background-image: url(../index.html); }
.home_mcap ul li:nth-child(2n) a:before { background-image: none; }
.home_mcap ul li:last-child a:before { left: 50%; margin-left: -6px; top: -7px; }
.whysct_bg .container .row-fluid .span3 { width: 47%; float: left; margin-left: 6%; }
.whysct_bg .container .row-fluid .span3:nth-child(odd) { margin-left: 0; }
.whysct_bg .container .row-fluid .span6 { width: 100%; margin-left: 0; }
.home_blog { height: auto !important; margin: 15px 0px; }
.why_rept a.bx-prev, .why_rept a.bx-next { display: none; }
.why_reptinner label, .inner_btmcnt label { font-size: 17px; line-height: 25px; }
.why_reptinner p, .inner_btmcnt > p { font-size: 20px; }
}

@media screen and (max-width:979px) {
.sldr_cont h1 { font-size: 55px; line-height: 60px; }
}

@media only screen and (min-width: 800px) and (max-width: 979px) {
.top_pos { padding-top: 15px; }
.why_reptinner p, .inner_btmcnt > p { font-size: 16px; line-height: 24px }
.why_reptinner label, .inner_btmcnt label { font-size: 14px; line-height: 22px; }
.btm_pos { padding-bottom: 15px; }
.inner_btmcnt { bottom: 15px; }
.why_reptinner { position: static; }
.blog_home, .hmblog_right { margin-bottom: 21px; }
.blog_hinner { bottom: 30px; }
.blog_hinner h3 { font-size: 29px; }
.blog_hinner p { font-size: 15px; line-height: 25px; }
}

@media screen and (max-width:799px) {
.why_reptp .row-fluid .span8 { width: 100%; }
.why_reptp .row-fluid .span4 { width: 48%; margin-left: 0px; margin-right: 0px; }
.why_reptp .row-fluid .span4:nth-child(2n) { float: left; }
.why_reptp .row-fluid .span4:nth-child(4) { float: right }
.why_reptp .row-fluid .span4:nth-child(2n+1) { float: right; }
.why_reptinner p { font-size: 20px; }
.hmblog_right { overflow: hidden; }
.why_reptinner label { font-size: 17px; line-height: 31px; }
.hbg_green, .blog_home, .hmblog_right { margin-bottom: 22px; }
.why_reptp .clear { display: block; }
.why_reptp .clear.ot { display: none; }
.hmblog_right { position: relative; }
.inner_hmblog { position: static; }
.inner_btmcnt { bottom: 18px; }
.other_temp.why_reptp .row-fluid .span4 { width: 100%; margin: 0px; }
.other_temp .why_rept { margin: 0 auto; max-width: 405px; }
.other_temp .why_rept.hbg_blue { margin-bottom: 22px; margin-top: 22px; }
}

@media screen and (max-width:767px) {
.home_work .top_heading p { font-size: 24px; line-height: 36px; }
.home_work, .home_capble { padding: 25px 0px; }
.whysct_bg { padding: 25px 0 5px; }
.why_reptinner p, .why_reptinner_hov p { font-size: 17px; }
.visibleNearby .rsSlide img { margin-top: 15px!important; }
.blog_home { overflow: hidden; }
.why_reptp.other_temp { padding-bottom: 30px; }
}

@media screen and (max-width:640px) {
.home_mcap ul li { width: 100%; }
.home_mcap ul li a:before { left: 49%; top: -7px; background-image: url(../index.html) !important; }
.home_mcap ul li:nth-child(1) a:before { background-image: none !important; }
.home_blbtm p { text-align: center; }
.home_capble .top_heading p, .home_work .top_heading p, .whysct_bg .top_heading p { font-size: 20px; line-height: 30px; margin-top: 5px; }
.btm_client { padding: 25px 0px; }
.sldr_cont h1 { font-size: 39px; line-height: 42px; }
.btm_apr a { background-size: 100% auto; height: 83px; width: 83px; }
.btm_apr a:hover { background-position: left 270px }
.sldr_cont a.btn_red { display: none; }
.btm_apr { bottom: -2px; }
.home_mobslider { display: block; width: 94%; margin: 0 3%; text-align: center; margin-top: 25px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
.home_mcap { margin-top: 20px; }
.home_wsldr { display: none; }
}

@media screen and (max-width:639px) {
.blog_hinner { background-color: #12202e; padding: 16px 3% 23px; text-align: center; position: static; width: 94%; }
.blog_hinner h3 { font-size: 40px; }
.why_reptp .row-fluid .span4 { width: 405px; margin: 0 auto 20px; }
.why_reptp .row-fluid .span4:nth-child(2n), .why_reptp .row-fluid .span4:nth-child(2n+1), .why_reptp .row-fluid .span4:nth-child(4) { float: none; margin-left: auto; }
.mr_lt0 { margin-left: auto!important; }
.blog_home { background-color: #12202e; overflow: hidden; }
}

@media screen and (max-width:600px) {
.mob_bxslider > li img { width: 100%; }
}

@media screen and (max-width: 500px) {
.whysct_bg .container .row-fluid .span3 { width: 100%; float: left; margin-left: 0%; }
.bxslider_work .popup-youtube > img { width: 100%; }
.why_rept { height: auto !important; }
.why_reptinner p, .why_reptinner_hov p { font-size: 19px; }
.sldr_cont h1 { font-size: 29px; line-height: 40px; margin-bottom: 15px; margin-top: 10px; }
.home_social { width: 100%; margin: 30px 0px; }
}

@media screen and (max-width: 479px) {
.home_blbtm p { font-size: 17px; line-height: 32px; }
.why_rept { height: auto !important; }
.home_mcap h6 { font-size: 14px; }
.home_mcap ul li p { font-size: 14px; line-height: 20px; }
.home_mcap ul li a { padding: 20px 20px 13px; }
h2 { font-size: 26px; line-height: 30px; }
.sldr_cont h1 { font-size: 23px; line-height: 28px; }
}

@media screen and (max-width:433px) {
.why_reptp .row-fluid .span4 { width: 100%; }
.blog_hinner h3 { font-size: 30px; }
.scroll-anim { height: 30px; margin-top: 3%; width: 22px; }
}