body {
color : #2d3e50;
font-family : "Open Sans";
font-weight : 400;
margin : 0;
padding : 0;
position : relative;
}

h1, h2, h3, p {
font-weight : 400;
margin : 0;
padding : 0;
}
.main_container {
margin : 0 auto;
position : relative;
width : 1240px;
}
.main_container2 {
margin : 0 auto;
max-width : 1200px;
position : relative;
}
:focus {
outline : medium none;
}
:-moz-placeholder {
color : #556371;
opacity : 1;
}
*::-moz-placeholder {
color : #556371;
opacity : 1;
}
.clr {
clear : both;
}
.home_slide1 {
float : left;
position : relative;
width : 100%;
}
.home_slide1 .logo {
left : 40px;
position : absolute;
top : 30px;
z-index : 10000;
}
.social-sec {
right : 0;
top : 200px;
z-index : 99999999999;
position : fixed;
display: none;
}
.social-sec img {
margin-bottom : 2px;
float : left;
clear : both;
}
.home_form {
background : none 0 0 repeat scroll #2d3e50;
color : #fff;
float : right;
padding : 0;
position : relative;
width : 400px;
}
.home_form_inner {
float : left;
padding : 60px 50px 0;
width : 300px;
}
.home_form .txt1 {
font-size : 30px;
font-weight : 300;
line-height : 35px;
padding-bottom : 10px;
}
.home_form .txt1 span {
display : block;
}
.home_form .txt2 {
background : url("../images/line.jpg") left bottom no-repeat scroll rgba(0, 0, 0, 0);
color : #6c7e90;
font-size : 14px;
font-style : italic;
font-weight : 600;
margin-bottom : 25px;
padding-bottom : 10px;
}
.home_form .txt_box_main {
float : left;
margin-bottom : 20px;
position : relative;
width : 100%;
z-index : 1000000;
}
.home_form .txt_box {
background : none 0 0 repeat scroll #2b3c4d;
border : #35485b solid 1px;
border-radius : 7px;
box-shadow : 0 0 11px 0 rgb(37, 52, 66) inset;
color : #fff;
float : left;
font-family : "Open Sans";
padding : 15px 5% 15px 15%;
width : 80%;
}
.home_form .txt_box2 {
background : url("../images/write_icon.png") 15px 13px no-repeat scroll #2b3c4d;
border : #35485b solid 1px;
border-radius : 7px;
box-shadow : 0 0 11px 0 rgb(37, 52, 66) inset;
color : #fff;
float : left;
font-family : "Open Sans";
height : 60px;
padding : 15px 5% 15px 15%;
width : 80%;
}
.home_form .txt_box.name {
background : url("../images/user_icon.png") 15px center no-repeat scroll #2b3c4d;
}
.home_form .txt_box.email {
background : url("../images/email_icon.png") 15px center no-repeat scroll #2b3c4d;
}
.home_form .txt_box.phone {
background : url("../images/phone_icon.png") 15px center no-repeat scroll #2b3c4d;
}
.get_free_quote {
background : linear-gradient(to bottom, #ea5154 0%, #d24446 100%) 0 0 repeat scroll rgba(0, 0, 0, 0);
border : #ef7577 solid 1px;
border-radius : 7px;
box-shadow : 1px 1px 1px 0 rgba(0, 0, 0, 0.75);
color : #fff;
cursor : pointer;
font-size : 16px;
font-weight : 400;
padding : 13px 0;
text-transform : uppercase;
width : 100%;
}
.slide_toggle {
float : left;
width : 100%;
}
.home_banner {
float : left;
}
.home_banner .slide {
background : none 0 0 repeat scroll #ea5154;
position : relative;
width : 100%;
}
.home_banner .slide .icon1 {
position : absolute;
right : 0;
top : 0;
}
.home_banner .slide .icon2 {
bottom : 0;
position : absolute;
right : 0;
}
.home_banner .slide .icon3 {
bottom : 0;
left : 0;
position : absolute;
}
.home_banner .slide .icon4 {
left : 0;
position : absolute;
top : 140px;
}
.home_banner .slide .icon5 {
position : absolute;
right : 0;
top : 0;
}
.home_banner .slide .icon6 {
bottom : 0;
height : 100%;
left : 0;
position : absolute;
}
.home_banner .slide .icon7 {
position : absolute;
right : 0;
top : 0;
}
.home_banner .slide .icon8 {
bottom : 5%;
position : absolute;
right : 0;
}
.home_banner .slide .icon9 {
bottom : 5%;
left : 0;
position : absolute;
}
.home_banner .slide .icon10 {
bottom : 45%;
left : 0;
position : absolute;
}
.home_banner .slide .icon11 {
bottom : 0;
left : 0;
position : absolute;
}
.home_banner .slide .icon12 {
bottom : 0;
position : absolute;
right : 0;
}
.home_banner .slide .icon13 {
position : absolute;
right : 20%;
top : 0;
}
.home_banner .slide.blue {
background : none 0 0 repeat scroll #5994ee;
position : relative;
width : 100%;
}
.home_banner .slide.blue .txt1 .t3 a:hover {
color : #5994ee;
}
.home_banner .slide.blue .txt1 {
left : 28%;
top : 20%;
}
.home_banner .slide.dblue {
background : none 0 0 repeat scroll #7e5ea8;
position : relative;
width : 100%;
}
.home_banner .slide.dblue .txt1 .t3 a:hover {
color : #7e5ea8;
}
.home_banner .slide.dblue .txt1 {
left : 22%;
top : 30%;
width : 530px;
}
.home_banner .slide.dblue {
background : none 0 0 repeat scroll #7e5ea8;
position : relative;
width : 100%;
}
.home_banner .slide.dblue .txt1 .t3 a:hover {
color : #7e5ea8;
}
.home_banner .slide.dblue .txt1 {
left : 22%;
top : 30%;
width : 530px;
}
.home_banner .slide.green {
background : none 0 0 repeat scroll #6bddc4;
position : relative;
width : 100%;
}
.home_banner .slide.green .txt1 .t3 a:hover {
color : #6bddc4;
}
.home_banner .slide.green .txt1 {
left : 22%;
top : 30%;
width : 430px;
}
.home_banner .slide .txt1 {
color : #fff;
left : 25%;
position : absolute;
top : 20%;
width : 440px;
}
.home_banner .slide .txt1 .t1 {
font-family : "Roboto";
font-size : 40px;
font-weight : 600;
line-height : 44px;
padding-bottom : 10px;
}
.home_banner .slide .txt1 .t1 span {
display : block;
font-size : 30px;
line-height : 36px;
}
.home_banner .slide .txt1 .t2 {
color : #fff;
font-family : "Roboto";
font-size : 18px;
font-style : italic;
font-weight : 300;
letter-spacing : 0.5px;
line-height : 28px;
}
.home_banner .slide .txt1 .t3 a {
border : #fff solid 1px;
border-radius : 7px;
color : #fff;
float : left;
font-family : "Roboto";
font-size : 14px;
letter-spacing : 2px;
margin-top : 20px;
padding : 10px 20px;
text-decoration : none;
text-transform : uppercase;
transition-duration : 0.3s;
}
.home_banner .slide .txt1 .t3 a:hover {
background : none 0 0 repeat scroll #fff;
color : #ea5154;
}
.home_banner .slide .txt1 .t4 {
font-family : "Roboto";
font-size : 44px;
font-weight : 200;
line-height : 44px;
padding-bottom : 5px;
}
.website_packages {
float : left;
padding : 50px 0 70px;
width : 100%;
}
h2 {
background : url("../images/line2.jpg") center bottom no-repeat scroll rgba(0, 0, 0, 0);
color : #2d3e50;
font-size : 30px;
margin-bottom : 15px;
padding-bottom : 15px;
text-align : center;
text-transform : uppercase;
}
h2 span {
font-weight : 700;
}
.head {
font-size : 20px;
line-height : 30px;
margin : 0 auto 40px;
text-align : center;
width : 990px;
}
.website_packages .box_main {
float : left;
width : 100%;
}
.website_packages .box {
margin : 0 5px;
}
.website_packages .box .box_top {
background : none 0 0 repeat scroll #5994ee;
color : #fff;
padding : 15px;
}
.website_packages .box .box_top .t1 {
font-family : "Lato";
font-size : 15px;
font-weight : 700;
line-height : 22px;
}
.website_packages .box .box_top .t2 {
font-size : 12px;
font-style : italic;
padding : 3px 0 7px;
}
.website_packages .box .box_top .t3 {
font-size : 14px;
}
.website_packages .box .box_top .t3 span {
font-size : 17px;
font-weight : 600;
}
.box_btm {
background : none 0 0 repeat scroll #fafafa;
border-bottom : 1px solid #e7e7e7;
border-left : 1px solid #e7e7e7;
border-right : 1px solid #e7e7e7;
float : left;
padding-bottom : 15px;
width : 99.4%;
}
.website_packages .box:hover .box_btm {
box-shadow : 0 0 14px 0 rgb(230, 227, 230) inset;
}
.box_btm ul {
float : left;
margin : 0;
padding : 5px 2.5% 0;
width : 95%;
}
.box_btm ul li {
background : url("../images/arrow.png") left 14px no-repeat scroll rgba(0, 0, 0, 0);
border-bottom : 1px solid #e7e7e7;
font-size : 11px;
font-weight : 600;
list-style : none outside none;
padding : 10px 0 10px 16px;
}
.box_btm .more {
color : #5994ee;
float : left;
font-size : 12px;
font-weight : 700;
padding : 10px 0 10px 5%;
}
.website_packages .link {
float : left;
padding : 20px 0;
text-align : center;
width : 100%;
}
.website_packages .link a {
background : none 0 0 repeat scroll #5994ee;
border-radius : 7px;
color : #fff;
font-size : 14px;
padding : 12px 20px;
text-decoration : none;
}
.website_packages .link a:hover {
background : none 0 0 repeat scroll #4174c1;
transition-duration : 0.3s;
}
.website_packages .box.red .box_top {
background : none 0 0 repeat scroll #ed6d79;
}
.website_packages .box.red .box_btm ul li {
background : url("../images/arrow2.png") left 14px no-repeat scroll rgba(0, 0, 0, 0);
}
.website_packages .box.red .box_btm .more {
color : #ed6d79;
}
.website_packages .box.red .box_btm .link a {
background : none 0 0 repeat scroll #ed6d79;
}
.website_packages .box.red .box_btm .link a:hover {
background : none 0 0 repeat scroll #d85561;
}
.website_packages .box.blue .box_top {
background : none 0 0 repeat scroll #7e5ea8;
}
.website_packages .box.blue .box_btm ul li {
background : url("../images/arrow3.png") left 14px no-repeat scroll rgba(0, 0, 0, 0);
}
.website_packages .box.blue .box_btm .more {
color : #7e5ea8;
}
.website_packages .box.blue .box_btm .link a {
background : none 0 0 repeat scroll #7e5ea8;
}
.website_packages .box.blue .box_btm .link a:hover {
background : none 0 0 repeat scroll #5f4286;
}
.website_packages .box.green .box_top {
background : none 0 0 repeat scroll #6bddc4;
}
.website_packages .box.green .box_btm ul li {
background : url("../images/arrow4.png") left 14px no-repeat scroll rgba(0, 0, 0, 0);
}
.website_packages .box.green .box_btm .more {
color : #6bddc4;
}
.website_packages .box.green .box_btm .link a {
background : none 0 0 repeat scroll #6bddc4;
}
.website_packages .box.green .box_btm .link a:hover {
background : none 0 0 repeat scroll #4dc1a8;
}
.gray_bg {
background : none 0 0 repeat scroll #f6f6f6;
}
.our_services {
box-shadow : 0 0 14px 0 rgb(230, 227, 230) inset;
float : left;
padding : 50px 0 0;
width : 100%;
}
.our_services_boxes {
border-bottom : 1px solid #eaeaea;
border-top : 1px solid #eaeaea;
float : left;
width : 100%;
}
.our_services_boxes .box {
float : left;
}
.our_services_boxes .box_main {
background : none 0 0 repeat scroll #fff;
float : left;
transition-duration : 0.3s;
width : 100%;
}
.our_services_boxes .box_main:hover {
background : none 0 0 repeat scroll #ecf4ff;
}
.our_services_boxes .box_main.wd_m:hover {
background : none 0 0 repeat scroll #fff3ea;
}
.our_services_boxes .box_main.dm_m:hover {
background : none 0 0 repeat scroll #fff3ea;
}
.our_services_boxes .box_main.wdev_m:hover {
background : none 0 0 repeat scroll #fff3ea;
}
.our_services_boxes .box_main_left {
float : left;
height : 225px;
width : 50%;
}
.our_services_boxes .box_main_left.rt {
float : right;
}
.our_services_boxes .box_main_left .table {
display : table;
float : left;
height : 225px;
width : 100%;
}
.our_services_boxes .box_main_left .table_call {
display : table-cell;
height : 225px;
vertical-align : middle;
width : 100%;
}
.our_services_boxes .box_main_left .table_call .txt {
padding : 0 25px;
}
.our_services_boxes .box_main_left.rt .table_call .txt {
padding : 0 15px 0 35px;
}
.our_services_boxes .box_main_left .table_call .txt h3 {
background : url("../images/line3.png") left bottom no-repeat scroll rgba(0, 0, 0, 0);
font-size : 16px;
font-weight : 600;
margin-bottom : 10px;
padding-bottom : 10px;
}
.our_services_boxes .box_main_left .table_call p {
font-size : 12px;
font-style : italic;
}
.our_services_boxes .box_main_right {
float : left;
height : 225px;
position : relative;
text-align : center;
width : 50%;
}
.our_services_boxes .box_main_right .arrow {
height : auto;
left : -13px;
position : absolute;
top : 45%;
width : auto;
}
.our_services_boxes .box_main_right .arrow2 {
height : auto;
position : absolute;
right : -13px;
top : 45%;
width : auto;
}
.our_services_boxes .box_main_right img {
height : 225px;
max-width : 100%;
}
.our_services_boxes .box_main_right.wd {
background : none 0 0 repeat scroll #ffad71;
}
.our_services_boxes .box_main_right.ec {
background : none 0 0 repeat scroll #5994ee;
}
.our_services_boxes .box_main_right.dm {
background : none 0 0 repeat scroll #ed6d79;
}
.our_services_boxes .box_main_right.wdev {
background : none 0 0 repeat scroll #ed6d79;
}
.our_services_boxes .box_main_right.ma {
background : none 0 0 repeat scroll #6bddc4;
}
.our_services_boxes .box_main_right.br {
background : none 0 0 repeat scroll #898cff;
}
.our_services_boxes .box_main_left.wd h3 {
color : #ffad71;
}
.our_services_boxes .box_main_left.ec h3 {
color : #5994ee;
}
.our_services_boxes .box_main_left.dm h3 {
color : #ed6d79;
}
.our_services_boxes .box_main_left.wdev h3 {
color : #ed6d79;
}
.our_services_boxes .box_main_left.ma h3 {
color : #6bddc4;
}
.our_services_boxes .box_main_left.br h3 {
color : #898cff;
}
.portfolio {
float : left;
padding : 60px 0 0;
width : 100%;
}
.portfolio_slider_main {
float : left;
position : relative;
width : 100%;
}
.portfolio_slider {
float : left;
width : 100%;
}
.portfolio_slider_main .img {
float : left;
width : 600px;
}
.portfolio_slider_main .img img {
width : 100%;
}
.portfolio_con {
float : right;
padding-top : 10px;
width : 613px;
}
.portfolio_con .txt1 {
background : url("../images/line3.jpg") left bottom no-repeat scroll rgba(0, 0, 0, 0);
color : #ed6d79;
font-size : 24px;
font-weight : 300;
line-height : 20px;
margin-bottom : 15px;
padding-bottom : 10px;
}
.portfolio_con .txt1 span {
font-weight : 600;
}
.portfolio_con .txt1 a {
color : #ed6d79;
font-size : 12px;
font-weight : 600;
text-decoration : none;
}
.portfolio_con .txt1 a:hover {
text-decoration : underline;
}
.portfolio_con .txt2 {
color : #2d3e50;
font-size : 18px;
font-weight : 300;
line-height : 30px;
}
.portfolio_con .txt3 {
border-bottom : 1px solid #e5e6e8;
border-top : 1px solid #e5e6e8;
color : #aeaeae;
float : left;
font-size : 16px;
font-weight : 300;
line-height : 26px;
margin : 15px 0;
padding : 20px 0;
width : 100%;
}
.footer {
background : url("../images/footer_img.jpg") center bottom /cover no-repeat scroll #2d3e50;
color : #fff;
float : left;
padding : 20px 0 50px 0;
width : 100%;
}
.footer .txt1 {
background : url("../images/line3.jpg") left bottom no-repeat scroll rgba(0, 0, 0, 0);
font-size : 30px;
font-weight : 300;
line-height : 35px;
padding-bottom : 20px;
}
.footer .txt1 span {
display : block;
}
.footer .txt2 {
color : #c9ced3;
font-size : 20px;
line-height : 32px;
padding-bottom : 25px;
padding-right : 20%;
}
.footer_left {
border-right : 1px solid #63717f;
float : left;
font-weight : 300;
padding-right : 2%;
width : 44%;
}
.contact_form {
float : left;
width : 100%;
}
.contact_form_left {
float : left;
width : 50%;
}
.contact_form .tx1 {
font-size : 12px;
padding-bottom : 5px;
}
.contact_form .form_main {
float : left;
margin-bottom : 20px;
width : 100%;
}
.contact_form .txt_box {
background : none 0 0 repeat scroll #3a4b5d;
border : #76889a solid 1px;
box-shadow : 0 0 11px 2px rgb(50, 64, 80) inset;
color : #fff;
float : left;
margin : 0;
padding : 15px 7%;
width : 86%;
}
.contact_form textarea {
background : none 0 0 repeat scroll #3a4b5d;
border : #76889a solid 1px;
box-shadow : 0 0 11px 2px rgb(50, 64, 80) inset;
color : #fff;
float : left;
font-family : "Open Sans";
height : 192px;
margin : 0;
padding : 15px 7%;
width : 100%;
}
.footer_right {
float : left;
padding : 0 0 0 3%;
width : 46.5%;
}
.footer_right h2{ color:#fff;}
.footer_right h3 {
color : #c9ced3;
font-size : 18px;
padding-bottom : 20px;
}
.footer_right .address_box {
color : #c8c8c8;
float : left;
font-size : 13px;
margin-right : 3.3%;
width : 45%;
}
.footer_right .address_box a {
color : #c8c8c8;
text-decoration : none;
}
.footer_right .address_box strong {
color : #fff;
}
.footer_right .address_box span {
color : #fff;
}
.owl-theme .owl-controls {
margin-top : 20px;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
opacity : 1;
text-decoration : none;
}
.owl-theme .owl-controls .owl-page {
display : inline-block;
}
.owl-theme .owl-controls .owl-page span {
background : none 0 0 repeat scroll #869791;
border-radius : 20px;
display : block;
height : 12px;
margin : 5px 7px;
opacity : 0.5;
width : 12px;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
opacity : 1;
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
border-radius : 30px;
color : #fff;
font-size : 12px;
height : auto;
padding : 2px 10px;
width : auto;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
opacity : 1;
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
color : #fff;
font-size : 12px;
height : auto;
padding : 2px 10px;
width : auto;
}
.owl-item.loading {
background : url("AjaxLoader.gif") center center no-repeat scroll rgba(0, 0, 0, 0);
min-height : 150px;
}
.brands .owl-buttons {
display : none;
}
.owl-pagination {
display : none;
}
.owl-buttons {
float : right;
margin-top : -100px;
position : relative;
z-index : 100;
}
.owl-prev {
background : url("../images/prev.png") 0 0 repeat scroll rgba(0, 0, 0, 0);
float : left;
height : 24px;
text-indent : -100000px;
width : 25px;
}
.owl-next {
background : url("../images/next.png") 0 0 repeat scroll rgba(0, 0, 0, 0);
float : left;
height : 24px;
text-indent : -100000px;
width : 25px;
}
#packages .owl-buttons {
float : left;
margin-top : 0;
position : absolute;
top : 0;
width : 100%;
z-index : 100;
}
#packages .owl-prev {
background : url("../images/prev2.png") left top /100% auto no-repeat scroll rgba(0, 0, 0, 0);
height : 35px;
left : -55px;
position : absolute;
text-indent : -100000px;
top : 180px;
width : 55px;
}
#packages .owl-next {
background : url("../images/next2.png") left top /100% auto no-repeat scroll rgba(0, 0, 0, 0);
height : 35px;
position : absolute;
right : -55px;
text-indent : -100000px;
top : 180px;
width : 55px;
}
#packages .owl-pagination {
display : none;
}
.testomonials .owl-buttons {
margin-right : 20px;
margin-top : -52px;
}
#services .owl-buttons {
display : none;
}
.about_team {
background : none 0 0 repeat scroll #fafafa;
box-shadow : 0 0 14px 0 rgb(230, 227, 230) inset;
float : left;
padding : 50px 0;
width : 100%;
}
.about_team_box {
background : url("../images/arrow12.png") right top repeat-y scroll rgba(0, 0, 0, 0);
float : left;
text-align : center;
width : 25%;
}
.about_team_box:last-child {
background : none 0 0 repeat scroll rgba(0, 0, 0, 0);
}
.about_team_box .img {
padding-bottom : 15px;
}
.about_team_box .txt {
font-size : 35px;
font-weight : 700;
font-weight : 700;
}
.about_team_box .txt2 {
text-transform : uppercase;
}
.about_us.home {
background : none 0 0 repeat scroll rgba(0, 0, 0, 0);
box-shadow : none;
}
.about_us {
background : none 0 0 repeat scroll #fafafa;
box-shadow : 0 0 14px 0 rgb(230, 227, 230) inset;
float : left;
padding : 15px 0 40px;
width : 100%;
}
.about_us_right {
float : right;
width : 550px;
}
.about_us_right img {
width : 100%;
}
.about_us_left {
float : left;
width : 640px;
}
.about_us_left h2 {
background : url("../images/line2.jpg") left bottom no-repeat scroll rgba(0, 0, 0, 0);
line-height : 35px;
text-align : left;
}
.about_us_left h2 span {
display : block;
}
.about_us_left p {
color : #949494;
font-size : 16px;
font-weight : 300;
line-height : 25px;
padding-bottom : 15px;
}
.about_us_left p.heading {
color : #2d3e50;
font-size : 20px;
line-height : 30px;
margin-top : 25px;
}
.testomonials {
background : url("../images/testomonials_bg.png") left 36px no-repeat scroll rgba(0, 0, 0, 0);
padding : 30px 0 0 150px;
}
.testomonials .txt1 {
color : #2d3e50;
font-size : 18px;
line-height : 28px;
padding-bottom : 10px;
}
.testomonials .tes_name {
color : #eb5255;
font-size : 14px;
line-height : 14px;
padding-bottom : 3px;
}
.testomonials .tes_dec {
color : #aeaeae;
font-size : 12px;
}
.mob_icon {
display : none;
}
.royalSlider.rsFullscreen {
bottom : 0;
height : auto;
left : 0;
margin : 0;
padding : 0;
position : fixed;
right : 0;
top : 0;
width : auto;
z-index : 2147483647;
}
.royalSlider .rsSlide.rsFakePreloader {
display : none;
opacity : 1;
}
.rsSlide {
display : block;
height : 100%;
left : 0;
overflow : hidden;
position : absolute;
top : 0;
width : 100%;
}
.royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide {
height : auto;
}
.rsContent {
height : 100%;
position : relative;
width : 100%;
}
.rsPreloader {
position : absolute;
z-index : 0;
}
.rsMinW .rsPreloader {
background-image : url("images/preloader-white.gif");
height : 32px;
left : 50%;
margin-left : -10px;
margin-top : -10px;
top : 50%;
width : 32px;
}
.rsNoDrag {
cursor : auto;
}
.rsMinW .rsArrow {
cursor : pointer;
display : block;
height : 32px;
position : absolute;
width : 32px;
z-index : 21;
}
.rsMinW .rsArrowLeft {
left : 7px;
top : 40%;
z-index : 1000000;
}
.rsMinW .rsArrowRight {
right : 7px;
top : 40%;
z-index : 1000000;
}
.rsMinW .rsArrowIcn {
background : url("images/arrowaa.png") 0 0 repeat scroll transparent;
border-radius : 2px;
cursor : pointer;
height : 80px;
margin-left : 3px;
margin-top : 3px;
position : absolute;
width : 80px;
}
.rsMinW.rsHor .rsArrowLeft .rsArrowIcn {
background-position : left top;
left : 20px;
opacity : 0.699999988079071044921875;
}
.rsMinW.rsHor .rsArrowLeft .rsArrowIcn:hover {
opacity : 1;
}
.rsMinW.rsHor .rsArrowRight .rsArrowIcn {
background-position : -80px top;
opacity : 0.699999988079071044921875;
right : 20px;
}
.rsMinW.rsHor .rsArrowRight .rsArrowIcn:hover {
opacity : 1;
}
.rsMinW .rsArrowDisabled .rsArrowIcn {
opacity : 0.300000011920928955078125;
}
.rsMinW .rsBullets {
bottom : 45%;
height : auto;
line-height : 6px;
overflow : hidden;
padding-top : 4px;
position : absolute;
right : 15px;
text-align : center;
z-index : 2147483647;
}
.rsMinW .rsBullet {
cursor : pointer;
display : inline;
height : 16px;
width : 16px;
}
.rsMinW .rsBullet span {
background : none 0 0 repeat scroll rgba(255, 255, 255, 0.2);
border-radius : 50%;
box-shadow : 0 0 1px 1px rgba(0, 0, 0, 0.1);
display : block;
height : 12px;
margin : 4px;
width : 12px;
}
.rsMinW .rsBullet.rsNavSelected span {
background : none 0 0 repeat scroll rgba(255, 255, 255, 0.68);
}
.fixed {
left : 0;
position : fixed;
top : 0;
}
.menu {
background : none 0 0 repeat scroll #fff;
border-bottom : 1px solid #e7e7e7;
height : 64px;
left : 0;
top : 0;
width : 100%;
z-index : 100000;
}
.menu .get_quote {
float : right;
position : absolute;
right : 0;
}
.menu .main_logo {
float : left;
padding : 6px 0 0 30px;
}
.menu ul {
float : left;
margin : 0;
padding : 0 20px 0 50px;
}
.menu ul li {
display : inline;
float : left;
list-style : none outside none;
}
.menu ul li a {
color : #000;
float : left;
font-size : 13px;
margin : 0 7px;
padding : 14px 5px 5px;
text-decoration : none;
text-align : center;
text-transform : uppercase;
}
.menu ul li a i {
font-size : 18px;
height : 25px;
}
.menu ul li a:hover {
border-bottom : 2px solid #eb5255;
color : #eb5255;
}
.mselect {
color : #eb5255 !important ;
border-bottom : 2px solid #eb5255;
}
.relative {
position : relative;
width : 100%;
}
.scroll {
margin-top : -120px;
position : absolute;
text-align : center;
width : 100%;
z-index : 10000;
}
.call_us_now {
font-size : 14px;
font-weight : 600;
text-align : center;
}
.tech-icons {
padding : 30px 0 0;
text-align : center;
width : 100%;
}
.tech-icons img {
max-width : 100%;
}
.bner {
width : 100%;
float : left;
margin-top : 48px;
background : url("../images/slider01.jpg") repeat;
position : relative;
}
.calli {
width : 110px;
float : right !important ;
margin-right : 104px !important ;
padding : 16px 0 0 0 !important ;
margin-left : 10px !important ;
border-left : 1px solid #d5d5d5 !important ;
height : 64px;
}
.calli li {
display : inline;
padding : 0 0 0 15px !important ;
}
.calli li a {
padding : 0 !important ;
float : left !important ;
display : inherit !important ;
margin : 0 !important ;
}
.calli li:hover a {
border : none !important ;
}
.calli2 {
display : none;
}
@media (max-width:998px) {
.calli {
display : none !important ;
}
}
@media (max-width:500px) {
.calli2 {
display : block !important ;
position : fixed;
z-index : 100001;
float : left;
left : 73px;
top : 10px;
}
.calli2 li {
    display: inline;
    float: left;
    padding: 0 9px 0 1px;
}
}
@media (max-width:786px) {
.videop {
display : none;
}
.bner {
position : inherit !important ;
}
.video-part-content {
position : relative !important ;
background : none !important ;
}
.call-now {
display : block !important ;
}
}
.video-part .video-part {
width : 100%;
float : left;
position : relative;
overflow : hidden;
}
.video-part video {
width : 100%;
}
.video-part-content {
position : absolute;
top : 0%;
left : 0%;
width : 100%;
height : 100%;
padding-top :0%;
background : rgba(0, 0, 0, 0.5);
}
.video-part-content .carousel-caption {
position : relative !important ;
left : 0%;
right : 0%;
}
.hader .nav.navbar-nav.pull-right {
margin-top : 2%;
}
.video-part-content .carousel-caption h1 {
font-size : 50px;
}
.video-part-content .carousel-caption p {
font-size : 20px;
}
.fb {
margin : 0 0 0 10px;
font-size : 14px;
}
.fb:hover {
color : #f3474b !important ;
}
@media (max-width:420px) {
.video-part-content {
background : none !important ;
}
.web-img {
float : left;
margin-left : 100px;
}
.our_services {
margin-top : 0;
}
.tell {
margin-top : 0 !important ;
width : 97% !important ;
}
}
@media (max-width:990px) {
.web-img {
float : left;
margin-left : 100px;
}
.our_services {
margin-top : 0;
}
}
@media (max-width:988px) {
}
.about {
width : 100%;
float : left;
margin : 60px 0 30px 0;
text-transform : uppercase;
font-size : 30px;
background : url("../images/line2.jpg") center bottom no-repeat scroll rgba(0, 0, 0, 0);
color : #2d3e50;
font-size : 30px;
margin-bottom : 15px;
padding-bottom : 15px;
text-align : center;
text-transform : uppercase;
}
.content-p {
font-size : 14px;
line-height : 25px;
text-align : center;
font-family : Verdana, Geneva, sans-serif;
}
.tps {
margin : 30px 0;
}
.h3-text {
font-size : 24px;
font-weight : normal;
}
.demo-p {
line-height : 26px;
font-size : 16px;
}
.emal {
color : #fff;
}
.emal:hover {
color : #fff;
text-decoration : none;
}
.footer2 {
background : #000;
color : #fff;
float : left;
padding : 20px 0;
width : 100%;
}
.service {
width : 100%;
float : left;
margin : 0 0 40px 0;
}
.ser {
background : #f57423;
width : 48% !important;
padding : 40px 100px;
float:left;
}
.ser2 {
background : #dbdada;
width : 48% !important;
padding : 40px 100px;
}
.ser3 {
width : 48% !important;
border : #ebebeb solid 1px;
padding : 40px 100px;
}
.ser3:hover {
background : #eeeeee;
}
.web-tx {
color : #fff;
text-align : left;
margin-left : 16px;
}
.web-tx2 {
color : #000;
text-align : left;
margin-left : 16px;
}
.p-ser {
color : #fff;
float : left;
line-height : 25px;
text-align : justify;
width : 100%;
}
.p-ser2 {
color : #000;
float : left;
line-height : 25px;
text-align : justify;
}
.rdm {
color : #fff;
text-decoration : none;
}
.rdm:hover {
color : #fff;
text-decoration : none;
}
.rdm2 {
color : #000;
text-decoration : none;
}
.rdm2:hover {
color : #000;
text-decoration : none;
}
.srg {
margin : 30px 0;
}
.wtext {
font-size : 13px;
color : #000;
line-height : 25px;
font-family : Verdana, Geneva, sans-serif;
}
.web-img {
float : left;
margin-top : -15px;
}
.img-sp {
margin : 10px 0 0 0;
}
.box-01 {
background : #f4f4f4;
border-radius : 5px;
margin : 10px 2px;
float : left;
padding : 10px;
min-height : 200px;
}
.content-p2 {
font-size : 14px;
line-height : 25px;
text-align : left;
font-family : Verdana, Geneva, sans-serif;
}
.quest {
width : 100%;
float : left;
margin : 15px 0;
background : #ecebeb;
padding : 10px;
}
.webcr {
color : #fff; text-decoration : none;
}
.webcr:hover {
color : #ee1d24;
text-decoration : none;
}
.abt-banner {
width : 100%;
float : left;
margin-top : 64px;
}
.line-main {
width : 100%;
float : left;
background : #fff;
height : 1px;
}
.web-ds {
color : #ffad71;
text-decoration : none !important ;
}
.web-rs {
color : #ed6d79;
text-decoration : none !important ;
}
.web-es {
color : #5994ee;
text-decoration : none !important ;
}
.web-cs {
color : #6bddc4;
text-decoration : none !important ;
}
.web-dm {
color : #ed6d79;
text-decoration : none !important ;
}
.web-ad {
color : #898cff;
text-decoration : none !important ;
}
.portfolio {
width : 100%;
float : left;
margin-top : -40px;
}
.port-text {
color : #c11b1d;
text-align : center;
margin-top : -10px;
}
.content-p3 {
font-size : 14px;
line-height : 25px;
text-align : center;
font-family : Verdana, Geneva, sans-serif;
margin-top : -10px;
}
.content-p3 a {
color : #666666;
font-family : Verdana, Geneva, sans-serif;
text-decoration : none !important ;
}
.line {
height : 1px;
width : 100%;
float : left;
background : #63717f;
margin : 20px 0;
}
.about-d:hover {
color : #03F !important ;
text-decoration : none;
}
.tps iframe {
width : 100%;
min-height : 250px;
}
.tell {
margin-top : -244px;
}
.call-now {
width : 100%;
float : left;
background : #e3e1e1;
padding : 10px 0 0 0;
display : none;
}
.call-now p a {
font-family : "Arial Black", Gadget, sans-serif;
color : #000;
font-size : 22px;
font-weight : bold;
}
.imp-l {
color : #900;
}
.imp-l:hover {
color : #900;
text-decoration : none;
}
.foot-service {
padding : 10px;
background : #3a4b5d;
border-radius : 50px;
border : #76889a solid 1px;
font-size : 12px;
margin : 10px 0;
}
.foot-service:hover {
background : #e34d50;
}
.foot-service2 {
padding : 10px;
background : #3a4b5d;
border-radius : 50px;
border : #76889a solid 1px;
margin : 10px 5px;
font-size : 12px;
}
.foot-service2:hover {
background : #e34d50;
}
.ft-nav {
color : #fff;
margin : 10px 0; text-decoration: none;
}
.ft-nav:hover {
color : #fff;
text-decoration : none;
}
.carousel-caption {
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    margin-top: 18% !important;
}
.linkp a{color: #3b3c3e; text-decoration: none; font-size: 14px;}
.linkp a:hover{ color: #3b3c3e !important;}
.webabout{ width:29%;}
.col-lg-6 {
    width: 50% !important;
}





@media only screen and (max-width: 767px)
{
.col-xs-12 {
    width: 100% !important;
}
}

.carousel-control.left{background:none!important;}
.carousel-control.right{background:none!important;}





@media only screen and (min-width: 768px){
.mobser{display:none;}
.mobform{display:none;}
.mobilebanner{display:none;}
}


@media only screen and (max-width: 767px){
.about_us_right{display: none !important;}  
.about_us_left p.heading{padding-right: 0 !important;}
.desktopbanner{display:none;}	
.mobser{
width:100%;
float:left;
padding:10px 0;
background-color:#eee;
}

.mobser a{
    padding: 5px 15px;
    color: #333;
    font-size: 16px;
	border:1px #fff solid;
    background-color: #fff;
    -webkit-border-radius: 360px;
    -moz-border-radius: 360px;
    border-radius: 360px;
    margin: 5px;
    float: left;
	text-decoration:none;
}

.mobser a:hover{
    color: #fff;
	border:1px #333 solid;
    background-color: #333;
	text-decoration:none;
}


.mobform {
    width: 100%;
    float: left;
    padding: 25px 0 20px 0;
}

.enqinput{
width:100%;
float:left;
margin-bottom:12px;
color:#333;
border:1px #ddd solid;
padding:10px; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.enqarea{
width:100%;
height:120px;
float:left;
margin-bottom:12px;
color:#333;
border:1px #ddd solid;
padding:10px; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.enqsubmit {
    width: 100%;
    float: left;
    font-size: 20px;
    margin-bottom: 12px;
    color: #fff;
    border: 1px #fb0909 solid;
    background-color: #fb0909;
    padding: 10px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.enqsubmit:hover{
    color: #fb0909;
    border: 1px #fb0909 solid;
    background-color: #fff;
}
}



.homeport{float:left;}
.homeport img{width:100%; height:auto;}
.homeport h2 {
    background: url(../images/line3.jpg) left bottom no-repeat scroll rgba(0, 0, 0, 0);
    color: #ed6d79;
    font-size: 24px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
}
.homeport span{
	width:100%;
	float:left;
	margin:10px 0 20px 0;
	text-align:center;
	color: #ed6d79;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}
.homeport span a{
    color: #ed6d79;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}









.btn-whatsapp-pulse:hover{text-decoration:none;}

.btn-whatsapp-pulse {
	background: #25d366;
	color: white;
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	padding: 35px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
}

.btn-whatsapp-pulse {
	background: #25d366;
	color: white;
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	padding: 30px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
	z-index: 10;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
}

.btn-whatsapp-pulse-border {
	bottom: 20px;
	left: 20px;
	animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 25px;
	border: 5px solid #25d366;
	opacity: 0.75;
	animation-name: pulse-border;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

@keyframes pulse-border {
	0% {
		padding: 25px;
		opacity: 0.75;
	}
	75% {
		padding: 50px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}