@font-face {
    font-family: 'Roboto-M';
    src: url('../fonts/RobotoMedium.eot');
    src: url('../fonts/RobotoMedium.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoMedium.woff2') format('woff2'), url('../fonts/RobotoMedium.woff') format('woff'), url('../fonts/RobotoMedium.ttf') format('truetype'), url('../fonts/RobotoMedium.otf') format('opentype'), url('../fonts/RobotoMedium.svg#RobotoMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    font-display:swap;
}
@font-face {
    font-family: 'Roboto-R';
    src: url('../fonts/RobotoRegular.eot');
    src: url('../fonts/RobotoRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoRegular.woff2') format('woff2'), url('../fonts/RobotoRegular.woff') format('woff'), url('../fonts/RobotoRegular.ttf') format('truetype'), url('../fonts/Roboto Regular.otf') format('opentype'), url('../fonts/RobotoRegular.svg#RobotoRegular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display:swap;
}
@font-face {
    font-family: 'Roboto-b';
    src: url('../fonts/RobotoBold.eot');
    src: url('../fonts/RobotoBold.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoBold.woff2') format('woff2'), url('../fonts/RobotoBold.woff') format('woff'), url('../fonts/RobotoBold.ttf') format('truetype'), url('../fonts/RobotoBold.otf') format('opentype'), url('../fonts/RobotoBold.svg#Roboto Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    font-display:swap;
}
@font-face {
    font-family: 'Roboto-Light'; 
    src: url('../fonts/Roboto-Light.eot'); src: url('../fonts/Roboto-Light.woff2') format('woff2'),url('../fonts/Roboto-Light.woff') format('woff'),
        url('../fonts/Roboto-Light.ttf') format('truetype'),url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg'),url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype');font-weight: normal;font-style: normal; font-display:swap;}
@media (min-width: 1450px) {
    .container{max-width:1400px!important;width:100%!important}
}
/*Common style*/
img{max-width:100%;}
body{ font-family: 'Roboto-R';font-size: 16px;line-height: 28px;background: #ffffff;color: #3f3f3f;}
h1,h2,h3,h4,h5{font-family: 'Roboto-b';}
h2{font-size: 46px;color: #000000;line-height: 60px;}
select:focus{border-color: #007acc!important;outline: none!important;}
ul{list-style: none;margin: 0px!important;padding: 0}
a{color: #3f3f3f;box-shadow: none!important;text-decoration: none!important;}
a:focus, a:hover{text-decoration: none;outline: none;box-shadow: none!important;}
em{font-style: normal;}
::selection{background: #00036d;color: #fff;}
b, strong {font-weight: normal;font-family: 'Roboto-b';}
section,footer { padding: 80px 0px}

/*Header section*/
.mainmenu_section .mainmenu li a.mPS2id-highlight{ color: #271066}
.mainmenu_section #fixedmenu.topfixed_menu li a.clicked { color:#271066 }

header .top_bar { text-align: right; padding: 0px 0px 15px}
header .top_bar li { display: inline-block;}
header .top_bar li a { color: #151515; font-size: 22px; font-family: 'Roboto-M'; padding-left: 40px;}
header .top_bar li a.whatsapp_icon {  background: url(../images/Header_Whatsapp.png) no-repeat left center;  margin-right: 12px; padding-right: 15px; border-right: 1px solid rgba(255, 255, 255,0.6);padding-top: 5px; padding-bottom: 5px;}
header .top_bar li a.call_icon {  background: url(../images/Header_Phone.png) no-repeat left center;}
.mainmenu { text-align: right; padding-left: 0; padding-top: 15px;}
header .mainmenu li:last-child { padding-right: 0}
.mainmenu li { display: inline-block; padding: 0 11px 0 11px;}
header .mainmenu li .submenu li a,header .mainmenu li .submenu li a:hover{ color: #fff!important;}
header .mainmenu li .submenu li { background: #271066; width: 100%; padding: 8px 10px;}
header .mainmenu li .submenu { width: 140px; text-align: left; display: none; position: absolute;padding-top: 10px; visibility: hidden; opacity: 0; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);transition: .7s opacity, .8s -webkit-transform, .8s visibility; transition: .7s opacity, .8s transform, .8s visibility;}
header .mainmenu li:hover .submenu { display: block;visibility: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.mainmenu li a { color: #151515; font-size: 18px; font-family: 'Roboto-R'; text-transform: capitalize;}
header .mainmenu li a:hover,header .top_bar li a:hover{color: #fff!important}
header .mainmenu_section { padding: 20px 0px;position: relative;z-index: 99;}
header .banner_right { text-align: center;}
header .banner_right ul li,.content_section ul li { display: inline-block;}
header{ background:  url(../images/header_bg.jpg) no-repeat center center}
.banner-left h1 { padding-bottom: 30px;  color: #000000; font-size: 60px;font-family: 'Roboto-b'; margin: 0 }
.banner-left ul  { display: inline; text-indent: 10px;}
.banner-left ul li { padding: 0px 10px; position: absolute; opacity: 0; overflow: hidden; left: 0;  right: 0; -webkit-animation: rotateWord 40s linear infinite 0s; -ms-animation: rotateWord 40s linear infinite 0s; animation: rotateWord 40s linear infinite 0s; font-size: 24px; color: #000000; line-height: 40px;font-family: 'Roboto-Light';}
header .slider_section { padding: 100px 0px 80px 0px}
.banner-left { text-align: center;margin-bottom:140px;}
header .banner_right ul { margin-top: 0px!important}
.content_section ul{margin-top:50px!important}
header .banner_right ul li:first-child img{ margin-right: 20px;}
.content_section h1 { font-weight: 900}
header .mainmenu li a.clicked { color: #161068!important;}
.mainmenu_section .top_logo{margin-top: 20px;}

.banner-left ul li{line-height: 54px;font-family: 'Roboto-Light';font-size: 40px;}
.banner-left ul li span{font-family: 'Roboto-b';font-size: 46px;}
.content_img .mobileimg{display:none;}

/*slide animation*/
@-webkit-keyframes rotateWord {
    0% { opacity: 0; } 2% { opacity: 0; -webkit-transform: translateY(-30px); }5% { opacity: 1; -webkit-transform: translateY(0px);}17% { opacity: 1; -webkit-transform: translateY(0px); }20% { opacity: 0; -webkit-transform: translateY(30px); }80% { opacity: 0; } 100% { opacity: 0; }}
    @-ms-keyframes rotateWord { 0% { opacity: 0; }  2% { opacity: 0; -ms-transform: translateY(-30px); }5% { opacity: 1; -ms-transform: translateY(0px);} 17% { opacity: 1; -ms-transform: translateY(0px); }20% { opacity: 0; -ms-transform: translateY(30px); }80% { opacity: 0; }  100% { opacity: 0; }}
    @keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -webkit-transform: translateY(0px); transform: translateY(0px); }5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);} 17% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }20% { opacity: 0; -webkit-transform: translateY(0px); transform: translateY(0px); }80% { opacity: 0; } 100% { opacity: 0; }}
    .banner-left ul li:nth-child(2) { -webkit-animation-delay: 8s; -ms-animation-delay: 8s; animation-delay: 8s;}
    .banner-left ul li:nth-child(3) { -webkit-animation-delay: 16s; -ms-animation-delay: 16s; animation-delay: 16s;}
    .banner-left ul li:nth-child(4) { -webkit-animation-delay: 24s; -ms-animation-delay: 24s; animation-delay: 24s;}
    .banner-left ul li:nth-child(5) { -webkit-animation-delay: 32s; -ms-animation-delay: 32s; animation-delay: 32s;}

    /*Featured section*/
    .feature-section {background:  url(../images/Features_Ribbon.png) no-repeat bottom center }
    .feature-section .headings {  text-align: center; max-width: 730px; margin: 0 auto 50px; margin-bottom: 50px!important;}
    h3.sub-title { font-size: 22px; margin-bottom: 15px; margin-top: 0; font-weight: normal; font-family: 'Roboto-R'; text-transform: uppercase;color: #000}
    .feature-section .headings h2,.content_section h1,.ourclient_section h1,.screen_section h1,.contact_section h1,.newsletter_form h1,.feature-section h1{ font-size: 46px; margin-bottom: 0; margin-top: 0; font-weight: normal; font-family: 'Roboto-b'; line-height: 54px;}
    .feature-section .headings h2 span,.content_section h3,.contact_section h1 span { font-family: 'Roboto-Light'; font-size: 40px; color: #000000;}
    .feature-section .future-inner {  max-width: 410px; -webkit-box-shadow: 0px 0px 14px -8px rgba(0,0,0,0.47); -moz-box-shadow: 0px 0px 14px -8px rgba(0,0,0,0.47); box-shadow: 0px 0px 14px -8px rgba(0,0,0,0.47); padding: 20px 20px; margin-bottom: 45px; border-radius: 15px;margin-left: auto}
    .feature-section .future-inner .icon { float: left; border-radius: 10px; margin-right: 10px; width: 20%;display: inline-block}
    .future-inner .info {min-height: 90px;width: 76%;display: inline-block;}
    .feature-section .future-inner .intro-title {  font-size: 18px; font-family: 'Roboto-b'; color: #3f3f3f;}
    .feature-section .future-inner .info p {  font-size: 17px; font-family: 'Roboto-R';  color: #3f3f3f;}
    .future_rightsection,.future_leftsection { margin-top: 135px;}

    /*count section*/
    .feature-section .count { text-align: center;padding-top: 60px;overflow: hidden}
    .feature-section .count li { display: inline-block;width: 24%}
    .feature-section .count li h1 { font-size: 58px;  color: #373737; font-family: 'Roboto-b'; margin-bottom: 20px;}
    .feature-section .count li .count_title { color: #aaaaaa; font-family: 'Roboto-R'; font-size: 20px; display: block;}

    /*welcome*/
    .pagecontent .content_section { float: right}
    .content_section p{ font-size: 18px; color: #000;  font-family: 'Roboto-R'; line-height: 42px;}
    .content_img img { margin-left: -100px}
    .pagecontent { background:  url(../images/bg_home.png) repeat-x center}
    section.pagecontent {padding:80px 0px 70px;}
    section.ourclient_section{padding:80px 0px 70px;margin-bottom: 30px;}
    .content_section h3 {  margin-bottom: 30px; margin-top: 20px;}

    /*our client*/
    .ourclient_section ul li{ display: inline-block; width: 24%; margin-bottom: 30px;}
    .feature-section h1{margin-bottom: 10px!important;}
    .ourclient_section h1,.feature-section h1 {margin-bottom: 50px; color: #696969!important;text-align: center}
    .ourclient_section ul li img { transition: 0.6s;  -webkit-filter: grayscale(1); filter: grayscale(1); margin: auto;}
    .ourclient_section ul li img:hover { -webkit-filter: grayscale(0); filter: grayscale(0);}

    /*screens section*/
    .screen_section { background: #dedede url(../images/Newsletter_Ribbon.png) no-repeat 100% 90%; text-align: center}
    .screen_section .screen_mobiles_2 { margin-top: 170px}
    .screen_section .screen_mobiles { margin-top: 90px;}
    .screen_section .newsletter_form { max-width: 900px; margin: auto; float: none; text-align: center; background: #f2f2f2; padding: 70px 40px 80px 40px; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);}
    .screen_section .newsletter_form .N_email {  padding: 25px 10px 25px 36px; border: 2px solid #787878; background: #f2f2f2; border-radius: 7px 0px 0px 7px; font-size: 18px; color: #777777!important; font-family: 'Roboto-M'; width: 450px!important;}
    .screen_section .newsletter_form .N_submit { font-size: 20px; font-family: 'Roboto-M'; background: #222c42;border-radius: 0px 7px 7px 0px; padding: 22px 50px 26px 40px!important; margin-left: -10px!important; font-weight: normal; color: #fff; border: 0;text-transform: uppercase}
    .screen_section .newsletter_form h1 { margin-bottom: 40px;font-size: 32px !important;}
    .screen_section .newsletter_form ul li { display: inline-block}
    input:focus,textarea:focus,select:focus{outline: none}
    header,section,footer { display: block;float: left;width: 100%; overflow: hidden}
    input.N_submit:hover {  background: #9ea8ef!important;}


    /*contact section*/
    .contact_section { text-align: center;  background: #fffdee;}
    .contact_section h3.sub-title,.contact_section h1,.contact_section h1 span { color: #696969;}
    .contact_section ul li span { font-family: 'Roboto-b';  font-size: 22px; color: #696969; padding-left: 40px;}
    .contact_section ul li a{color: #696969;  font-family: 'Roboto-R'; font-size: 20px;}
    .contact_section ul li .femal_icon { background: url(../images/Contact_Mail.png) no-repeat left center;}
    .contact_section ul li .fcall_icon {  background: url(../images/Contact_Phone.png) no-repeat left center;}
    .contact_section ul li { margin: 15px;}
    .contact_section .partner_btn { display: inline-block;font-family: 'Roboto-M'; font-size: 20px; padding: 25px 35px;background: #222c42; color: #fff;border-radius: 7px;}
    .contact_section ul.contact_list { margin-bottom: 25px!important}
    .contact_section .partner_btn:hover { background: #9ea8ef; color: #fff!important}
    .inner_pages p { font-size: 16px;}
    .inner_pages .content-section ul li { font-size: 16px; padding-bottom: 10px;position: relative; padding-left: 15px;}
    .inner_pages ul { padding-left: 20px;}
    .inner_pages .content-section ul li:after { position: absolute; content: ''; width: 7px; height: 7px; background: #333; left: 0; border-radius: 50px; top: 7px;}
    .inner_pages ul.mainmenu { text-align: right}
    .inner_pages #newsletter-section ul { padding-left: 0}
    .inner_pages .content-section,.inner_pages #screen-section { margin-top: 30px;}
    .inner_pages header .top_bar { text-align: center; padding: 15px 0px 15px;}
    .footer_rt ul li.menu{ display: block; padding-top: 40px; }
    .footer_rt ul li a {  color: #4a4a4a; font-size: 18px; font-family: 'Roboto-M'; padding:10px 15px 10px 10px;}
    .footer_rt .applinks li a{padding:0}
    .footer_rt ul li a:hover { color: #271066!important}
    .inner_pages #fixedmenu { z-index: 9;
    opacity: 1;
    padding: 10px;
    background: #65cadc;}

    /*footer*/
    footer { background: #dedede url(../images/Footer_Effect.png) repeat-x bottom center;}
    .footer_rt ul li a.privacy_policy_footer {     border-right: 2px solid #271066;
        padding-right: 14px;
        margin-right: 10px;}
    .footer_rt { text-align: center; float: right!important; max-width: 510px;}
    footer .copyrights.responsive_copyright { display: none}
    .footer_rt h2.D_title { margin-bottom: 45px;  display: block; font-size: 26px;  color: #383838; font-family: 'Roboto-b';margin-top:0px;}
    .footer_rt ul li { display: inline-block;}
    .footer_rt ul li:first-child{ margin-right: 30px;}
    .footer_rt ul li span{ margin-top: 35px;  display: block; font-family: 'Roboto-M'; color: #4a4a4a; font-size: 18px;}
    footer p.copyrights { color: #4a4a4a; font-size: 18px; font-family: 'Roboto-M'; padding-top: 15px;}
    .scroll_to_top { cursor: pointer; transition: 1s; position: fixed; width: 50px; height: 50px; right: 30px; bottom: 100px; background: #271066;border-radius: 50px; z-index: 99;}
    .scroll_to_top:after { content: ''; position: absolute; width: 12px; height: 12px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; left: 19px; right: 0; top: 21px; bottom: 0; transform: rotate(-135deg);}
    .scroll_to_top:hover { background: #9ea8ef;}
    .pagecontent .follow_usdiv {  text-align: center;    }
    .ourclient_section .ourclientslider .slick-next,.ourclient_section .ourclientslider .slick-prev { position: absolute; bottom: -30px;color: #fff;outline: none;
        background: #222c42;
        border: 0;
        padding: 8px 20px;
        z-index: 99;
        font-size: 18px;}
    .ourclient_section .ourclientslider .slick-next { right: 20px;}
    .slick-initialized .slick-slide:focus {outline: none;}
    .ourclient_section .ourclientslider .slick-prev { right: 110px}

    /*partner form*/
    .form_message,.captcha_message { color: #fff;}
    .captcha_message{ margin-top: 10px}
    .inner_pages .partner ul li,.inner_pages .partner ul { padding-left: 0;}         
    .partner_form { background:  url(../images/Form_bg.jpg) no-repeat bottom center;position: fixed; left: 0;right: 0; bottom: 0; top: 0; z-index: 9999; transition: 0.6s; background-size: cover;}
    .partnerpage .partner_form,.partnerpage .partner_form form.partner { position: initial;}
    .partnerpage .partner_form form.partner  { transform: translate(0);max-width: 1400px;padding: 25px;}
    form.partner .textarea_field, form.partner .submit_field { width: 98%}
    .partner_form form.partner { max-width: 700px; margin-left: auto;  margin-right: auto; position: absolute; top: 50%; right: 0;transform: translate(-25%, -50%); width: 100%;}
    form.partner input,form.partner select,form.partner textarea { margin-bottom: 15px;  padding: 15px 15px; color: #777777; width: 100%;border: 1px solid #d1d1d1; border-radius: 2px; background: #f7f7f7;}
    form.partner label {font-family: 'Roboto-M'; display: block;  max-width: 100%; margin-bottom: 15px;font-weight: normal; font-size: 18px;}
    .partner h1 { font-size: 20px; text-transform: uppercase; font-family: 'Roboto-M'; margin-bottom: 30px; padding-bottom: 30px; color: #676767; position: relative;}
    .partner h1:after { content: ''; position: absolute; width: 15%; height: 3px; background: #271066; bottom: 0; left: 0;}
    form.partner input.psubmit { float: right; margin-left: auto; background: #222c42; color: #fff;font-family: 'Roboto-M'; text-transform: uppercase; font-size: 18px; border-radius: 7px; width: auto; padding: 13px 50px;margin-top: 15px;}
    form.partner input.psubmit:hover { background: #9ea8ef}
    .partner_close { position: absolute; top: 0; right: 0; padding: 20px 30px; font-size: 30px; background: white; cursor: pointer;}
    .content_section ul li { overflow: hidden;padding: 5px;}
    .content_section ul li a{ display: block}
    form.partner select:focus { border-color: #c0c0c0!important;}
    form.partner ul li { display: inline-block; width: 49%;padding-right: 5px;}
    .form_message,.captcha_message { font-size: 18px; padding: 10px 25px; border-radius: 5px; display: none }
    .submit_field img { float: right; margin-top: 30px; margin-left: 10px ;display: none}
    .S_field img{ display: none;margin-left: 15px;}
    .screen_section.subscribe_pages { background-color: #e6e6e6 }
    .newsletter  .form_message { margin-top: 10px;
    max-width: 60%;
    margin: 20px auto 0px;}
    



    /*tamil*/
    .language_tamil .screen_section .newsletter_form .N_email { padding: 21px 10px 23px 36px;}
    .language_tamil header .mainmenu li a { font-size: 16px;}
    .language_tamil header .banner-left ul li { font-size: 24px;    line-height: 50px;}
    .language_tamil .feature-section .headings h2, .language_tamil .content_section h1, .language_tamil .ourclient_section h1, .language_tamil .screen_section h1, .language_tamil .contact_section h1 { font-size: 30px;}
    .language_tamil .feature-section .headings h2 span, .language_tamil .content_section h3, .language_tamil .contact_section h1 span { font-size: 26px;}
    .language_tamil .contact_section ul li span ,.language_tamil .footer_rt h2.D_title{ font-size: 20px}
    .language_tamil .contact_section .partner_btn { font-size: 18px;}
    .language_tamil .footer_rt ul li span { font-size: 15px;}
    .language_tamil .footer_rt { max-width: 600px;}
    .language_tamil footer p.copyrights { padding-top: 145px; font-size: 15px;}
    .language_tamil .content_section p { font-size: 16px; line-height: 36px;}
    .language_tamil .footer_rt h2.D_title {margin-bottom: 20px;}
    .screen_section .newsletter_form .N_email { padding: 23px 10px 24px 36px;}

    /*animation*/
    .animate-element {opacity: 0;position: relative;}
    .animate-element.slide-down{ opacity: 0;-moz-transition: all 600ms ease-out;-webkit-transition: all 600ms ease-out;-o-transition: all 600ms ease-out;transition: all 600ms ease-out;-moz-transform: translate3d(0px, 50px, 0px);-webkit-transform: translate3d(0px, 50px, 0px);-o-transform: translate(0px, 50px);-ms-transform: translate(0px, 50px);transform: translate3d(0px, 50px, 0px);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
    .animate-element.slide-down.in-view,.animate-element.slide-left.in-view,.animate-element.slide-right.in-view,.animate-element.slide-down.from_top.in-view,.animate-element.slide-down.from_bottom.in-view,.animate-element.slide_fromtop.in-view,.animate-element.slide_frombottom.in-view,.animate-element.slide_up.in-view {opacity: 1;-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate3d(0px, 0px, 0px);}
    .animate-element.slide_fromtop {  -webkit-transform: translateY(180px); -ms-transform: translateY(180px);transform: translateY(180px);-o-transform: translateY(180px);  -moz-transition: all 1000ms ease-out;-webkit-transition: all 1000ms ease-out;-o-transition: all 1000ms ease-out;transition: all 1000ms ease-out; transition-delay: 0.6s;}

    .animate-element.slide_frombottom {  -webkit-transform: translateY(-180px); -ms-transform: translateY(-180px);transform: translateY(-180px);-o-transform: translateY(-180px);  -moz-transition: all 1000ms ease-out;-webkit-transition: all 1000ms ease-out;-o-transition: all 1000ms ease-out;transition: all 1000ms ease-out; transition-delay: 0.6s;}

    .animate-element.slide_up {  -webkit-transform: translateY(100px); -ms-transform: translateY(100px);transform: translateY(100px);-o-transform: translateY(100px);  -moz-transition: all 1000ms ease-out;-webkit-transition: all 1000ms ease-out;-o-transition: all 1000ms ease-out;transition: all 1000ms ease-out; transition-delay: 0.2s;}

    .animate-element.formleft  {  -webkit-transform: translateX(-220px); -ms-transform: translateX(-220px);transform: translateX(-220px);-o-transform: translateX(-220px);  -moz-transition: all 1000ms ease-out;-webkit-transition: all 1000ms ease-out;-o-transition: all 1000ms ease-out;transition: all 1000ms ease-out; transition-delay: 0.4s;}
    .animate-element.formleft.in-view {opacity: 1; -webkit-transform: translateX(0px); -ms-transform: translateX(0px);transform: translateX(0px);-o-transform: translateX(0px);}
    .animate-element.formleft_2  {  -webkit-transform: translateX(-460px); -ms-transform: translateX(-460px);transform: translateX(-460px);-o-transform: translateX(-460px);  -moz-transition: all 1000ms ease-out;-webkit-transition: all 1000ms ease-out;-o-transition: all 1000ms ease-out;transition: all 1000ms ease-out; transition-delay: 0.2s;}
    .animate-element.formleft_2.in-view {opacity: 1; -webkit-transform: translateX(0px); -ms-transform: translateX(0px);transform: translateX(0px);-o-transform: translateX(0px);}
    .feature-center-image.in-view:after { transform: rotate(18deg); right: -120px;}
    .feature-center-image:after {  content: ''; position: absolute;  width: 260px; height: 260px; background: #ffde00; left: 0;  right: 10px; border-radius: 30px; z-index: -1; margin: auto; transform: rotate(0deg); transition: 2s; transition-delay: 1s; top: 173px;}
    .feature-center-image.in-view:before { transform: rotate(27deg); right: -110px;}
    .feature-center-image:before { content: ''; position: absolute; width: 260px;  height: 260px; background: #352682; left: 0; right: 0px; z-index: -1; margin: auto;transform: rotate(0deg); transition: 2s;transition-delay: 1s; top: 230px; border-radius: 30px;}
    .screen_mobiles_2.in-view  .div2 { top: 9%;}
    .screen_mobiles_2.in-view  .div3 { top: 0;}
    .screen_mobiles_2.in-view  .div4 { top: -10%;}
    .screen_mobiles_2 .div2 { transition-delay:  1.5s}
    .screen_mobiles_2 .div3 { transition-delay: 1.0s;z-index: 9}
    .screen_mobiles_2 .div4{ transition-delay: 0.5s;z-index: 99}
    .screen_mobiles_2  { position: relative}
    .div2, .div4, .div3 { position: absolute; left: 130px; right: 64px; top: 131px; transform: rotate(0deg); transition: 1s;}
    .screen_mobiles { display: none}

    /*App css*/
    .partnerpage footer,.subscribe_page footer,.inner_pages footer{ padding: 20px 0px;background: #efefef;}
    .partnerpage footer p.copyrights,.subscribe_page footer p.copyrights,.inner_pages footer p.copyrights{ line-height: 28px; margin-bottom: 0px;padding-top: 0}
    .top_bar.resp_bar{padding-top: 15px; background:#65cadc;text-align: center;display: none;}
    
    ul.slider_socials { position: absolute;  right: 20px; top: 30%;z-index: 999;}
    .slider_socials li a {
        width: 45px;
        height: 45px;       
        margin-bottom: 10px;
        cursor: pointer;
        display: block;
        transition: 1s;
    }
    ul.welcome_socials li { display: inline-block;}
    ul.welcome_socials li a {  width: 45px;
        height: 45px;       
        margin-right: 10px;
        transition: 1s;
        cursor: pointer;display: block;}
    .slider_socials li.dealssocial_facebook a { background:  url(../images/facebook_d.png) no-repeat center center; } 
    .slider_socials li.dealssocial_twitter a { background:  url(../images/twitter_d.png) no-repeat center center; } 
    .slider_socials li.dealssocial_instagram a { background:  url(../images/instagram_d.png) no-repeat center center; } 
    .welcome_socials li.welcome_socials_facebook a { background:  url(../images/facebook_l.png) no-repeat center center; } 
    .welcome_socials li.welcome_socials_twitter a{ background:  url(../images/twitter_l.png) no-repeat center center; } 
    .welcome_socials li.welcome_socials_instagram a { background:  url(../images/instagram_l.png) no-repeat center center; } 
    .follow_usdiv { text-align: left;}
    footer .follow_usdiv h4 { margin-bottom: 10px;    margin-top: 25px;}
    footer .follow_usdiv .welcome_socials li:first-child { margin-right: 0px!important;}
    .follow_usdiv h4 {margin-bottom: 20px;     display: block;
        font-size: 26px;
        color: #383838;
        font-family: 'Roboto-b';}
        .slider_socials li a:hover,ul.welcome_socials li a:hover {
    transform: rotate(360deg);
}
.res_slider_socials { display: none;}

    /*******Responsive **********/
    @media (max-device-width: 1600px) and (min-device-width: 1440px) {
        .banner .app_screen img{
            max-width: 300px!important;
        }
    }


    @media(max-width:1439px){
        .banner .app_screen img{
            max-width: 275px!important;
        }
        .building1 img{
            max-width: 200px!important;

        }
        .building2 img{
            left: 305px!important;
            max-width: 200px!important;
        }
        .building3 img{ max-width: 400px!important;}
        .building5 img{    max-width: 200px!important;}
        .building4 img{    max-width: 200px!important;right: 310px!important;}
    }
    @media(max-width:1399px){
        .banner{min-height: 650px !important;}
        .loaded .android_apple {
            bottom: 200px!important;
        }
        .loaded .android {
            left: 150px!important;
            width: 150px!important;
        }
        .loaded .apple {
            left: -150px!important;
            width: 150px!important;}
        .tag3,.card-wrapper4{ right: 10%!important;}
        .building4 img{ right: 300px!important;}
        .building2 img{    left: 295px!important;}
        .tag3,.card-wrapper3 {

            max-width: 100px!important;
        }
        .tag1,.card-wrapper1 {

            max-width: 100px!important;
        }
        .tag2,.card-wrapper2 {

            max-width: 100px!important;
        }
        .tag4,.card-wrapper4 {

            max-width: 100px!important;
        }
        .tag1, .tag2, .tag3, .tag4,.card-wrapper1,.card-wrapper2,.card-wrapper3,.card-wrapper4 {
            

            bottom: -250px!important;

        }
        .tag1,.card-wrapper1 {
            width: 130px!important;
            height: 600px!important;
        }
        .tag4,.card-wrapper4 {
            width: 140px!important;
            height: 600px!important;
        }
        header .mainmenu li{padding: 0 6px 0 6px;}
        .responsive_menu{padding-right: 40px;}

    }

    @media(max-width:1365px){
        .loaded .android {
            left: 135px!important;

        }
        .loaded .apple {
            left: -135px!important;
        }
        .loaded .android_apple {
            bottom: 190px!important;
        }
        .banner .app_screen img {
            max-width: 250px!important;
        }

        .tag4,.card-wrapper4 {
            right: 11%!important;
        }
        .loaded .sun img{right: -120px !important;}
    }

    @media (max-width: 1450px) {
        .ourclient_section .ourclientslider .slick-next, .ourclient_section .ourclientslider .slick-prev { bottom: -40px;}
        .screen_mobiles.in-view .div4 {  top: -6%;}
        .screen_mobiles.in-view .div3 {  top: 3%;}
        .screen_mobiles.in-view .div2 {  top: 12%;}
        .banner-left h1,.feature-section .headings h2, .content_section h1, .ourclient_section h1, .screen_section h1, .contact_section h1 { font-size: 40px;}
        .banner-left ul li{font-size: 32px;}
        .banner-left ul li span{font-size: 36px;}
        .feature-section .headings h2 span, .content_section h3, .contact_section h1 span {font-size: 35px;}
        .future_rightsection, .future_leftsection { margin-top: 60px;}
        .feature-section .count li h1 { font-size: 50px;}
        .ourclient_section ul li { padding: 10px; margin-bottom: 5px;}
        .contact_section .partner_btn { font-size: 18px; padding: 20px 35px; }
        .content_img img {  margin-left: -60px;}
        form.partner label { font-size: 16px;margin-bottom: 10px;}
        form.partner input,form.partner input, form.partner select, form.partner textarea { padding: 10px;margin-bottom: 10px;}
        form.partner input.psubmit { font-size: 16px; padding: 10px 40px}
        .partner h1 { margin-bottom: 20px; padding-bottom: 20px}
        .feature-center-image.in-view:before { right: -40px}
        .feature-center-image:before { top: 220px;}
        .feature-center-image.in-view:after{ right: -50px;}
        .feature-center-image:after { top: 173px;}
    }
    @media (max-width: 1199px) {
        .follow_usdiv { margin-top: 20px; display: block;}
        .feature-section .future-inner .icon {     width: 72px; display: block; margin: auto; margin-bottom: 10px; float: none}
        .future_rightsection, .future_leftsection { margin-top: -20px;}
        .future-inner .info {  width: 100%; display: block; text-align: center;min-height:10px;}
        .partnerpage .partner_form form.partner { height: auto}
        .div2, .div4, .div3 { left: 130px; right: 60px; top: 130px;}
        .feature-center-image:after {  top: 143px;}
        .feature-center-image:before { top: 180px;}
        .feature-center-image:after,.feature-center-image:before { width: 200px; height: 200px}
        .partner_form form.partner { height: 330px;  overflow-y: auto;transform: translate(-50%, -50%); left: 50%;right: 0;padding-right: 25px;}
        .language_tamil .screen_section .newsletter_form .N_email { padding: 18px 10px 19px 36px;}
        .screen_section .newsletter_form .N_email {padding: 20px 10px 20px 36px;}
        .screen_section .newsletter_form .N_submit {padding: 19px 50px 22px 40px!important}
        .language_tamil header .banner-left ul li { font-size: 20px; line-height: 40px;}
        .language_tamil .feature-section .headings h2 span, .language_tamil .content_section h3, .language_tamil .contact_section h1 span { font-size: 20px;}
        .language_tamil .feature-section .headings h2, .language_tamil .content_section h1, .language_tamil .ourclient_section h1, .language_tamil .screen_section h1, .language_tamil .contact_section h1 {  font-size: 24px;}
        .language_tamil header .mainmenu li a { font-size: 14px;}
        .language_tamil .content_section h3 {  margin: 22px 0px; margin-top: 0;}
        .language_tamil .content_section p {  font-size: 15px; line-height: 32px;}
        .language_tamil .footer_rt ul li span { margin-bottom: 15px; margin-top: 15px;}
        .language_tamil h3.sub-title { font-size: 20px}
        header .mainmenu li { padding: 0px 6px;} 
        header .mainmenu li a ,.mainmenu li a{ font-size: 16px;}
        .mainmenu { padding-top: 10px}
        .banner-left{margin-bottom: 190px}
        .banner_right ul li { width: 48%;}
        .banner-left h1, .feature-section .headings h2, .content_section h1, .ourclient_section h1, .screen_section h1, .contact_section h1 { font-size: 35px;}
        .feature-section .headings h2 span, .content_section h3, .contact_section h1 span {font-size: 30px;}
        .feature-section .future-inner { padding: 15px;margin-bottom: 25px;}
        .feature-section .count li h1 { font-size: 40px; margin-bottom: 10px;}
        .feature-section .future-inner .info p { font-size: 15px;}
        .feature-section .future-inner .intro-title { font-size: 16px;}
        section.pagecontent { padding: 100px 0px;}
        .content_img img { margin-left: 0px;}
        .content_section p { font-size: 16px; line-height: 36px;}
        .content_section h3 { margin: 15px 0px;}
        .footer_rt ul li:first-child { margin-right: 10px;}
        .building2, .building4{display: none!important;}
        .banner{min-height:450px !important;}
        .loaded .sun img{right: -120px!important;}
        .banner .app_screen img { max-width: 200px!important;}
        .screen_section .newsletter_form h1{font-size: 20px !important}
        h3{font-size: 20px !important;}


    }
    @media (max-width: 991px) {
        .ourclient_section .ourclientslider .slick-next, .ourclient_section .ourclientslider .slick-prev { bottom: -50px; }
        .follow_usdiv { text-align: center;}
        .footer_rt ul li.menu { padding-top: 30px;}
        .footer_rt h2.D_title { margin-bottom: 35px;}
        .footer_rt ul li.responsive_follow_usdiv { display: block;}
        .inner_pages .scroll_to_top ,header .mainmenu_section #fixedmenu.topfixed_menu,#fixedmenu .mainmenu{ display: none}
        footer p.copyrights { font-size: 16px;}
        header .mainmenu li a.mPS2id-clicked , header .mainmenu li.clicked{ background: #269166;}
    header .mainmenu li.clicked a, header .mainmenu li a.mPS2id-clicked { color: #fff}
        .inner_pages header .top_bar { display: none}
        header .responsive_menu{display: none !important;}
        header .responsive_menu.fixed{display: block !important;}
        .top_bar.resp_bar,.top_bar.resp_bar ul{display: block}
        .future_mobilesection.feature-center-image { margin-bottom: 50px;}
        .form_message { font-size: 16px;}
        .screen_section .newsletter_form .N_email { padding: 20px 10px 20px 16px;}
        body .pagecontent { background: #e2e0ed}
        /*    .partnerpage .partner_form form.partner { padding-top: 110px;}*/
        /*     .language_tamil header .top_bar, .language_english header .top_bar { position: fixed; left: 0; right: 0; z-index: 999;}*/
        .mainmenu_section {position: fixed!important;background: #65cadc!important;z-index:9999 !important;width: 100%;}
        .div2, .div4, .div3 { left: 113px; right: 41px;top: 105px;}
        /*responsive menu*/
        header .mainmenu li a { font-size: 14px; display: block; color: #171717}
        header .responsive_menu { position: fixed;  max-width: 300px; right: -100%;top:60px; background: #44e092; bottom: 0;z-index: 9999;padding: 0;transition: 0.6s;}
        header .responsive_menu.openleft { right: 0;}
        header .mainmenu li { padding: 0px; display: block; text-align: left; border-bottom: 1px solid #4ef8a3;}
        .responsive_menicon { cursor: pointer;background:  url(../images/menu-open.png) no-repeat center center;position: fixed; right: 5px; width: 32px; height: 32px;top:5px;z-index: 999;background-color: #65cadc!important;padding: 25px;border-radius: 4px;z-index: 9999;}
        .responsive_menicon.top_menuopen{ background:  url(../images/menu-close.png) no-repeat center center;}
        .contact_section .partner_btn { padding: 15px 35px}
        .screen_section .newsletter_form ul li{ display: block}
        .screen_section .newsletter_form .N_email,.screen_section .newsletter_form .N_submit { border-radius: 7px;display: block ;margin-left: auto!important; margin-right: auto;}
        .feature-center-image:after, .feature-center-image:before { width: 310px; height: 310px;}
        .screen_section .newsletter_form .N_email { margin-bottom: 20px;}
        .screen_section .newsletter_form .N_submit {padding: 20px 50px 20px 40px!important;font-size: 18px;}
        .screen_section .newsletter_form h1 { margin-bottom: 20px;}
        .language_tamil .footer_rt { max-width: 100%;}
        .mainmenu_section .top_logo{margin-top: 0}
        header .mainmenu, header .top_logo,.future_mobilesection,.ourclient_section, .pagecontent .content_section,footer { text-align: center;}   
        .banner-left { padding-top: 0;margin-bottom: 120px;}
        .language_tamil footer p.copyrights { padding-top: 35px;}
        .language_tamil header .banner-left ul li { font-size: 16px;line-height: 36px;}
        .language_tamil header .banner_right { margin-top: 170px;}
        .language_tamil .feature-section .count li .count_title { font-size: 16px;}
        header .banner_right ul li {  width: auto;}
        .banner-left ul li { font-size: 28px; line-height: 36px;}
        .banner-left ul li span{font-size: 30px;}
        .banner-left h1 { padding-bottom: 10px;}
        header .banner_right{ margin-top: 150px;}
        header .slider_section { padding: 20px 0px 80px 0px;}
        .feature-section .headings h2 { line-height: 40px;}
        .banner-left h1, .feature-section .headings h2, .content_section h1, .ourclient_section h1, .screen_section h1, .contact_section h1 { font-size: 30px;}
        .feature-section .headings h2 span, .content_section h3, .contact_section h1 span {font-size: 28px;}
        .feature-section .future-inner { margin-right: auto; margin-bottom: 30px;}
        .future_leftsection { margin-top: 0px;}
        section.pagecontent,section, footer { padding:50px 0px;} 
        /*section.ourclient_section{padding: 50px 0px 25px;}*/
        .ourclient_section ul li {   margin-bottom: 0px; width: 49%}
        .pagecontent .content_section { margin-bottom: 30px;}
        .footer_rt{ float: left!important;max-width: 100%;margin-top: 40px;}
        footer p.copyrights { display: none}
        .partnerpage footer p.copyrights,.subscribe_page footer p.copyrights,.inner_pages footer p.copyrights { display: block}
        .partnerpage .partner_form { padding: 50px 0px}
        footer .footer_logo { margin-bottom: 40px;}
        footer .copyrights.responsive_copyright { display: block; padding-top: 40px;}
        .feature-section .count li .count_title { font-size: 18px;}
        .feature-section .count li h1 {font-size: 35px;}
        .loaded .android {
            left: 100px!important;
            width: 130px!important;
        }
        .loaded .apple {
            left: -100px!important;
            width: 130px!important;
        }
        .loaded .android_apple {
            bottom: 120px!important;
        }

        .loaded .sun img{    width: 150px!important;}
        .banner {min-height: 350px !important;margin-top:0px !important;}
        .x1,.x5{display: none!important;}
        .banner .app_screen img {
            max-width: 150px!important;
        }
        .building1 img{        left: 30px!important;}
        .building3 img {
            max-width: 310px!important;
        }
        .building5 img{    right: 30px!important;}
        .top_bar ul{display: none;}
        .launching{text-align: center;margin-left:0% !important;}
         .clouds{padding-top:0px!important;}
        .loaded .sun img {right: 0px!important;top: 0px!important;}
        .banner{max-height:550px !important;}
        .building1{height:60px!important;background-size: 100% 100%!important;left: 10px!important;}
        .building5{height:60px!important;background-size: 100% 100%!important;right: 10px!important;}
        header .mainmenu{padding-top:0px !important;}
        header .mainmenu li:hover{background:#4ef8a3;}
        .feature-section .headings h2, .content_section h1, .ourclient_section h1, .screen_section h1, .contact_section h1, .newsletter_form h1, .feature-section h1{font-size: 30px !important;}
         header .resp_bar{padding:65px 0px 0px !important;}
         header .top_bar{padding: 0px 0px 0px;}
         .loaded .sun img{right: -30px !important;}
         header .top_bar li a.whatsapp_icon,header .top_bar li a.call_icon{font-size: 0px;padding: 0px;display: block;height: 32px;margin:0px;padding: 0px;width: 32px;float: left;}
         header .top_bar li a.whatsapp_icon{border: 0px;float: left;}
         .top_bar.resp_bar ul.rscontact li{display: inline-block;height: 32px;}
         .top_bar.resp_bar ul.rscontact li:first-child{padding-right: 10px;border-right: 1px solid #f9eaea; margin-right: 5px;}
         header .responsive_menu.fixed{display: block !important;}
   header .top_bar .responsive_menu.fixed li a{padding:16px 10px;;font-size: 14px;}
   
   .top_logo img{max-width: 185px;}
   header .mainmenu_section{padding: 12px 0px!important;}
   .content_img .desktopimg{display: none;}
   .content_img .mobileimg{display: block;}
   .newsletter_form h1{font-size: 20px !important;}
         
            
    }
    @media (max-width: 800px) {
        .building3 img {max-width: 310px!important;}
        .building1{height:45px!important;}
       .building5{height:45px!important;}
    }
    @media (max-width: 767px) {
        .banner-left ul li span{font-size:18px;}
        .banner-left ul li{font-size: 22px;}
        .inner_pages h1 { font-size: 25px;}
        .inner_pages .content-section { padding: 30px 0px;}
        .screen_section .newsletter_form .N_email { font-size: 14px;}
        .partnerpage .partner_form form.partner { padding-left: 15px;padding-right: 15px;}
        form.partner ul li ,form.partner .textarea_field, form.partner .submit_field{ width: 100%}
        .screen_mobiles { display: block}
        .screen_mobiles_2 { display: none}
        .partner_form form.partner { max-width: 500px;}
        header .responsive_menu { top:78px;}
        .language_tamil .feature-section .headings h2, .language_tamil .content_section h1, .language_tamil .ourclient_section h1, .language_tamil .screen_section h1, .language_tamil .contact_section h1 {  font-size: 22px;}
        .language_tamil header .banner_right { margin-top: 210px;}
        header .banner_right { margin-top: 180px;}
        header .top_bar li a,.language_tamil h3.sub-title,.language_tamil .feature-section .headings h2 span, .language_tamil .content_section h3, .language_tamil .contact_section h1 span,.language_tamil .contact_section ul li span, .language_tamil .footer_rt h2.D_title { font-size: 18px;}
        header .banner_right ul li:first-child img, .content_section ul li:first-child img { margin-right: 0}
        header .banner_right ul li, .content_section ul li {  display: block; }
        header .banner_right ul li:first-child , .content_section ul li:first-child  { margin-bottom: 20px}
        .banner-left ul li { line-height: 36px;}
       

        .loaded .sun img {
            top: -60px!important;;
            right: -70px!important;;
        }
        .loaded .sun img {
            width: 130px!important;;
        }
        .loaded .android_apple {
            bottom: 100px!important;;
        }
        .loaded .apple {
            left: -100px!important;;
            width: 120px!important;;
        }
        .loaded .android {
            left: 100px!important;;
            width: 120px!important;;
        }
        .loaded .sun img {
            top: -60px!important;;
        }

        .building5 img {
            max-width: 150px!important;
        }
        .building1 img {
            max-width: 150px!important;
        }
        .building3 img { max-width: 250px!important;}
        .banner .app_screen img {
            max-width: 120px!important;
        }
       .tag1, .tag2, .tag3, .tag4,.card-wrapper1,.card-wrapper2,.card-wrapper3,.card-wrapper4 {display:none !important}
       
    }
    @media (max-width: 650px) {

        .building3 img {
            max-width: 250px!important;
        }
         .banner{max-height:550px !important;}
    }
    @media (max-width: 599px) {
        .footer_rt ul li.menu {
            padding-top: 20px;
        }
        footer .follow_usdiv .welcome_socials li:first-child { margin-bottom: 0;}
        .res_slider_socials { display: block;}
        .res_slider_socials ul.slider_socials { position: static;margin-top: 15px!important;}
        ul.slider_socials { display: none;} 
        .inner_pages h1 { font-size: 20px}
        .inner_pages p,.inner_pages .content-section ul li {  font-size: 14px;}
        footer p.copyrights span { display: block}
        /*    .mainmenu_section { margin-top:110px;}*/
        /*    .responsive_menicon { top: 10px; right: 10px;}*/
        header .responsive_menu { top:58px;max-width: 100%;}
        header .top_bar ul.rscontact { max-width: 310px;    margin: auto!important;}
        header .top_bar .rscontact li { margin-bottom: 0px}
        header .top_bar  li a.whatsapp_icon {padding-right: 0; border-right: 0;padding-top: 10px; padding-bottom: 10px; margin: 0; margin-bottom: 10px; display: block;}
        .screen_section .newsletter_form .N_submit {  padding: 17px 50px 17px 40px!important; font-size: 16px;}
        .screen_section .newsletter_form .N_email {     width: 310px!important;}
        .screen_section .newsletter_form { padding: 60px 20px 70px 20px;}
        .language_tamil header .banner_right { margin-top: 250px;}
        .language_tamil header .banner-left ul li { font-size: 14px;}
        .feature-section .count li {  display: inline-block; width:45%;margin-bottom: 30px;}
        .feature-section .count { padding-top: 10px;}
        .feature-section { background: none}
        section.pagecontent { padding: 40px 0px;}
        .contact_section ul li span,.contact_section ul li a {font-size: 18px;}
        .screen_section .screen_mobiles {  margin-top: 50px;}
        h3.sub-title {font-size: 25px;}
        .footer_rt ul li:first-child {margin-right: 0px;margin-bottom: 10px;}
        .clouds{display: none !important;}
        header .resp_bar{padding:75px 0px 0px !important;}

        .loaded .apple {
            left: -100px!important;
            width: 100px!important;
        }
        .loaded .android {
            left: 100px!important;
            width: 100px!important;
        }
        .loaded .android_apple {
            bottom: 80px!important;
        }
        .loaded .sun img {
            width: 100px!important;
        }
        .banner .app_screen img {
            max-width: 90px!important;
        }
        .building3 img {max-width: 220px!important}

        .loaded .sun img{width: 100px!important;top:0px!important;right:-50px!important;}
        .banner { height: 250px!important;}
       .building1{height:30px!important;}
       .building5{height:30px!important;}
       .top_logo a img{max-width:180px;}
       .responsive_menicon{top:5px;}
       
        
    }

    @media (max-width: 500px) {
        .loaded .sun img {
            width: 90px!important;}
        .banner{max-height:280px !important;min-height:230px!important;}
        .contact_section .partner_btn{font-size: 14px;}
         .contact_section h1{font-size: 20px !important;}

    }
    @media (max-width: 479px) {
        .ourclient_section .ourclientslider .slick-prev {
            right: 84px;
        }
        .ourclient_section .ourclientslider .slick-next, .ourclient_section .ourclientslider .slick-prev { font-size: 14px;padding: 4px 14px;}
        footer ul.welcome_socials li a {  margin-bottom: 0px!important; margin-top: 0px!important;}
        .footer_rt ul li a { margin-top: 20px; margin-bottom: 20px;}
        .feature-center-image:after, .feature-center-image:before { display: none}
        .partner_form form.partner { height: 260px;max-width: 280px;}
        .screen_section .newsletter_form .N_email {     width: 240px!important;}
        .language_tamil header .banner-left ul li { line-height: 28px;}
        .language_tamil .footer_rt h2.D_title { line-height: 40px;}

        .banner-left ul li { font-size:18px;}
        header .banner_right { margin-top: 250px;}
        .banner-left h1, .feature-section .headings h2, .content_section h1, .ourclient_section h1, .screen_section h1, .contact_section h1 { line-height:36px;font-size:30px !important;}
        .contact_section ul li a { display: block}
        .contact_section ul li span, .contact_section ul li a { margin-bottom: 5px; display: inline-block}
        .feature-section .headings h2 span, .content_section h3, .contact_section h1 span { font-size: 24px;}
        .ourclient_section ul li { width:49%;}
        .footer_rt ul li span { margin: 15px 0px}
        footer .copyrights.responsive_copyright { padding-top: 20px;}

        .loaded .android_apple {
            bottom: 100px !important;
        }
        .loaded .apple {
            left: -70px !important;
            width: 90px !important;
        }
        .loaded .android {
            left: 70px !important;
            width: 90px !important;
        }

        .banner .app_screen img {
            max-width: 80px !important;
        }
        .banner {
            height: 200px !important;
        }
        .building5 img {
            max-width: 100px !important;
        }
        .building1 img {
            max-width: 100px !important;
        }
        .building3 img {
            max-width: 195px !important;
        }
        .building1{height:20px!important;}
       .building5{height:20px!important;}
       .footer_rt ul li a{font-size: 17px;padding: 7px 9px 11px 7px;}
       .screen_section h1{font-size:30px !important;}
       .contact_section h1{font-size:30px !important;}
       .contact_section h1 span{font-size: 17px;}
    }

    @media(max-width:350px){
        .building3 img {
            max-width: 150px!important;
        }
        .loaded .android {
            left: 60px!important;

        }
        .loaded .apple {
            left: -60px!important;
            width: 90px!important;
        }
    }



    .banner .mountain img{opacity: 0;margin: auto;width: 100%;max-width:1920px;object-fit: cover; object-position:bottom;}
    .banner{position: relative;height: 100vh; min-height: 900px; width: 100%;float: left;background-color: #65cadc;text-align: center;overflow: hidden;margin-top: -126px;}
    .banner .mountain img{position: absolute;bottom: 0;left: 0px;right: 0;z-index: 9;}
    .loaded .banner .mountain img{opacity: 1;transition-duration: 1s;transition-delay: 1s}
    .banner .app_screen img{position: absolute;bottom: 0;left: 0px;right: 0;margin:0px auto;max-width: 389px;z-index:999;transform: translateY(100%)}
    .loaded .app_screen img{transition-duration: 1.5s;transition-delay: 2.5s;transform: translateY(0)}
    .banner .sun img{position: absolute;right: -10%;top: -80px;transform: translate(90px, -90px);transition: 1.5s;transition-delay: 3s;z-index: 999;animation-delay: 3.5s;}
    .loaded .sun img{transform: translate(0);right: -80px;}
    .clouds{padding-top: 120px;}
    .clouds{opacity: 0;}
    .loaded .clouds{opacity: 1;transition-duration: 0.5s;transition-delay: 2s;}
    .launching{display: block;font-size: 26px;color: #383838;font-family: 'Roboto-b';margin-top: 15px; margin-left: 21%;}
.app_screen{position:absolute;bottom:0px;width:100%;height: 1px;overflow: visible;}
#fixedmenu { position: fixed;top: 0;right: 0;left: 0;z-index: -1;opacity: 0}
header .mainmenu_section.topfixed_menu,.mainmenu_section #fixedmenu.topfixed_menu{ transition: 0.6s;position: fixed; left: 0; right: 0; text-align: center; padding: 5px 0px;  top: 0; background: #65cadc;z-index: 9999;    -webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.65);
    -moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.65);
    box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.65);}
.mainmenu_section #fixedmenu.topfixed_menu { z-index: 9999;opacity: 1}
.mainmenu_section.topfixed_menu .top_logo,.mainmenu_section #fixedmenu.topfixed_menu .top_logo { margin-top:0px; }
header .mainmenu_section.topfixed_menu li a,.mainmenu_section #fixedmenu.topfixed_menu li a { color: #fff}
header .mainmenu_section.topfixed_menu .top_bar,.mainmenu_section #fixedmenu.topfixed_menu .top_bar { display: none}
    @-webkit-keyframes animateCloud {
        0% {
            margin-left: -1000px;
        }
        100% {
            margin-left: 100%;
        }
    }

    @-moz-keyframes animateCloud {
        0% {
            margin-left: -1000px;
        }
        100% {
            margin-left: 100%;
        }
    }

    @keyframes animateCloud {
        0% {
            margin-left: -1000px;
        }
        100% {
            margin-left: 100%;
        }
    }
    .loaded .android_apple{position: absolute;   bottom: 280px;    top: auto;    z-index: 9;    left: 0;    right: 0;   }
    .android{left:0px;opacity: 0;}
    .apple{ left:0px;opacity:0;}
    .loaded .apple{ left: -210px;position: relative;opacity: 1;transition-delay: 4s;transition-duration: 2s}
    .loaded .android{ left: 210px;position: relative;opacity: 1;transition-delay: 4s;transition-duration: 2s}
    .x1,.x5{display: none;}

    .x2 {
        -webkit-animation: animateCloud 20s linear infinite;
        -moz-animation: animateCloud 20s linear infinite;
        animation: animateCloud 20s linear infinite;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        transform: scale(0.3);
    }

    .x3 {
        -webkit-animation: animateCloud 30s linear infinite;
        -moz-animation: animateCloud 30s linear infinite;
        animation: animateCloud 30s linear infinite;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        transform: scale(0.5);
    }

    .x4 {
        -webkit-animation: animateCloud 40s linear infinite;
        -moz-animation: animateCloud 40s linear infinite;
        animation: animateCloud 40s linear infinite;
        -webkit-transform: scale(0.4);
        -moz-transform: scale(0.4);
        transform: scale(0.4);
        position: absolute;
        top: 0;
        bottom: 30px;
        z-index: 9;
    }

    .x5 {
        -webkit-animation: animateCloud 25s linear infinite;
        -moz-animation: animateCloud 25s linear infinite;
        animation: animateCloud 25s linear infinite;
        -webkit-transform: scale(0.55);
        -moz-transform: scale(0.55);
        transform: scale(0.55);
        z-index: 9;
        position: absolute;
        bottom: 30%;
    }

    /* OBJECTS */

    .cloud {
        background: #fff;
        background: -moz-linear-gradient(top,  #fff 5%, #f1f1f1 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#fff), color-stop(100%,#f1f1f1));
        background: -webkit-linear-gradient(top,  #fff 5%,#f1f1f1 100%);
        background: -o-linear-gradient(top,  #fff 5%,#f1f1f1 100%);
        background: -ms-linear-gradient(top,  #fff 5%,#f1f1f1 100%);
        background: linear-gradient(top,  #fff 5%,#f1f1f1 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f1f1f1',GradientType=0 );
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        -webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
        height: 120px;
        position: relative;
        width: 350px;
    }

    .cloud:after, .cloud:before {
        background: #fff;
        content: '';
        position: absolute;
        z-indeX: -1;
    }

    .cloud:after {
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        height: 100px;
        left: 50px;
        top: -50px;
        width: 100px;
    }

    .cloud:before {
        -webkit-border-radius: 200px;
        -moz-border-radius: 200px;
        border-radius: 200px;
        width: 180px;
        height: 180px;
        right: 50px;
        top: -90px;
    }
/*.app_screen{position:absolute;bottom:0px;left:0px;right:0px;}*/
    .building1{width:45%;float: left;height: 89px;background:  url(../images/Buildingleft.png) repeat-x;}
    .building1{position: absolute;bottom: -113px;left: 100px;z-index: 99;transform: translateY(100%) rotateX(180deg);transition: 1.8s;transition-delay: 1.5s;}
    .loaded .building1{transform: translateY(0%) rotateX(0deg);bottom: 0}
    
    .building2 img{position: absolute;bottom: -113px;left: 410px;z-index:99;transform: translateY(100%) rotateX(180deg);transition: 1.5s;transition-delay: 1.5s;}
    .loaded .building2 img{transform: translateY(0%) rotateX(0deg);bottom: 0}
    .building3{position: absolute;width: 100%;bottom: -15px;transform: translateY(100%) rotateX(180deg);transition: 1.5s;transition-delay: 1.2s;z-index:999;}
    .building3 img{z-index: 99;transition: 1.5s;transition-delay: 1.3s;position: relative;}
    .loaded .building3{transform: translateY(0%) rotateX(0deg);}
    .building4 img{position: absolute;bottom: -113px;right: 360px;z-index: 99;transform: translateY(100%) rotateX(180deg);transition:1.5s;transition-delay: 1.5s;}
    .loaded .building4 img{transform: translateY(0%) rotateX(0deg);bottom: 0}
    
    .building5{width:50%;float:right;height: 89px;background:  url(../images/Buildingright.png) repeat-x right;}
    .building5{position: absolute;bottom:-113px;right: 100px;z-index: 99;transform: translateY(100%) rotateX(180deg);transition: 1.5s;transition-delay: 2s;}
    .loaded .building5{transform: translateY(0%) rotateX(0deg);bottom: 0}

    .tag1,.tag2,.tag3,.tag4{position: absolute;bottom: 0;z-index: 9;transform: translateY(100%);-moz-transform: translateY(100%)}
    .tag1{left: 7%;transition-duration: 1.5s;transition-delay: 2.5s;transform: translateY(100%);-moz-transform: translateY(100%)}
    .tag2{left: 23%;transition-duration: 1.5s;transition-delay: 2.5s;transform: translateY(100%);-moz-transform: translateY(100%)}
    .tag3{right: 23%;transition-duration: 1.5s;transition-delay: 2.5s;transform: translateY(100%);-moz-transform: translateY(100%)}
    .tag4{right: 7%;transition-duration: 1.5s;transition-delay: 2.5s;transform: translateY(100%);-moz-transform: translateY(100%)}
    .loaded .tag1,.loaded .tag2,.loaded .tag3,.loaded .tag4{transform: translateY(0);-moz-transform: translateY(0);}
       
.cards {position: relative;cursor: pointer;transition-duration: 0.6s;transition-timing-function: ease-in-out;transform-style: preserve-3d;}
.cards .fronts,.cards .backs {position: absolute; top: 0; left: 0; width: 100%; height: 100%;backface-visibility: hidden;transform: rotateX(0deg);-webkit-backface-visibility:hidden;-webkit-transform: rotateX(0deg);}
.cards .backs{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}

.card-wrapper1{position: absolute;bottom: 0;width: 130px;height: 500px;left: 7%;transition-duration: 1.5s;transition-delay: 2.5s;transform: translateY(100%);-moz-transform: translateY(100%);z-index: 9;}
.loaded .card-wrapper1{transform: translateY(0);-moz-transform: translateY(0);z-index: 9;}

.card-wrapper2{position: absolute;bottom: 0;width: 140px;height: 772px;left: 23%;transition-duration: 1.5s;transition-delay: 2.5s;transform: translateY(100%);-moz-transform: translateY(100%);z-index: 9;}
.loaded .card-wrapper2{transform: translateY(0);-moz-transform: translateY(0);z-index: 9;}

.card-wrapper3{position: absolute;bottom: 0; width: 140px;height:742px;right: 23%;transition-duration: 1.5s;transition-delay: 2.5s;transform: translateY(100%);-moz-transform: translateY(100%);z-index: 9;}
.loaded .card-wrapper3{transform: translateY(0);-moz-transform: translateY(0);z-index: 9;}

.card-wrapper4{position: absolute;bottom: 0;width: 140px;height:442px;right: 7%;transition-duration: 1.5s;transition-delay: 2.5s;transform: translateY(100%);-moz-transform: translateY(100%);z-index: 9;}
.loaded .card-wrapper4{transform: translateY(0);-moz-transform: translateY(0);z-index: 9;}

.card-wrapper1 .cards {
    animation-delay: 4.5s;
    animation-duration: 5s; 
     -webkit-animation-name: spinner; 
    -webkit-animation-timing-function: linear; 
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-duration: 4s; 
    animation-name: spinner; 
    animation-timing-function: linear; 
    animation-iteration-count: infinite; 
    animation-duration:4s; 
    -webkit-transform-style: preserve-3d; 
    -moz-transform-style: preserve-3d; 
    -ms-transform-style: preserve-3d; 
    transform-style: preserve-3d;
}

.card-wrapper2 .cards {
    animation-delay: 6.5s;
    animation-duration: 5s; 
     -webkit-animation-name: spinner; 
    -webkit-animation-timing-function: linear; 
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-duration: 7s; 
    animation-name: spinner; 
    animation-timing-function: linear; 
    animation-iteration-count: infinite; 
    animation-duration:7s; 
    -webkit-transform-style: preserve-3d; 
    -moz-transform-style: preserve-3d; 
    -ms-transform-style: preserve-3d; 
    transform-style: preserve-3d;
}
.card-wrapper3 .cards {
    animation-delay: 6.5s;
    animation-duration: 5s; 
     -webkit-animation-name: spinner; 
    -webkit-animation-timing-function: linear; 
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-duration: 7s; 
    animation-name: spinner; 
    animation-timing-function: linear; 
    animation-iteration-count: infinite; 
    animation-duration:7s; 
    -webkit-transform-style: preserve-3d; 
    -moz-transform-style: preserve-3d; 
    -ms-transform-style: preserve-3d; 
    transform-style: preserve-3d;
}

.card-wrapper4 .cards {
     animation-delay: 4.5s;
    animation-duration: 5s; 
    -webkit-animation-name: spinner; 
    -webkit-animation-timing-function: linear; 
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-duration: 4s; 
    animation-name: spinner; 
    animation-timing-function: linear; 
    animation-iteration-count: infinite; 
    animation-duration:4s; 
    -webkit-transform-style: preserve-3d; 
    -moz-transform-style: preserve-3d; 
    -ms-transform-style: preserve-3d; 
    transform-style: preserve-3d;
}
    @-webkit-keyframes spinner { 
        from 
        { 
            -webkit-transform: rotateY(0deg);
        } 
        to { 
            -webkit-transform: rotateY(360deg); 
        } 
    } 
    @keyframes spinner { 
        from { 
            -moz-transform: rotateY(0deg); 
             -webkit-transform: rotateY(0deg); 
            -ms-transform: rotateY(0deg); 
            transform: rotateY(0deg); 
        } 
        to 
        { 
            -moz-transform: rotateY(-360deg); 
            -ms-transform: rotateY(-360deg); 
            transform: rotateY(-360deg);
           -webkit-transform: rotateY(-360deg);

        } 
    }

    .rotate {
        animation: rotation 30s infinite linear;

    }

    @keyframes rotation {
        from {
            -webkit-transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(359deg);
        }
    }


    #f1_container {
        position: relative;    width: 100%;    height: 100%;    z-index: 1;
    }
    #f1_container {
        perspective: 1000;

    }

    .face {
        position: absolute;    backface-visibility: hidden; 
    }
    .face.back {
        display: block; -moz-transform: rotateY(180deg);transform: rotateY(180deg);
    }


    .tag1{
        width: 130px;    height:500px;
    }

    .tag2 {
        width: 140px;    height:772px;
    }
    .tag3 {
        width: 140px;    height:742px;
    }
    .tag4 {
        width: 140px;    height:442px;
    }

    @keyframes Rotate {
        from {-webkit-transform:rotateY(0deg);}
        to {-webkit-transform:rotateY(360deg);}
    }

    @keyframes BackRotate {
        from {-webkit-transform:rotateY(180deg);}
        to {-webkit-transform:rotateY(540deg);}
    }