@font-face {
    font-family: 'OpenSans-Light';
    src: url('../fonts/OpenSans-Light.eot');
    src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light.woff') format('woff'),
         url('../fonts/OpenSans-Light.ttf') format('truetype'),
         url('../fonts/OpenSans-Light.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.eot');
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular.woff') format('woff'),
         url('../fonts/OpenSans-Regular.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Semibold';
    src: url('../fonts/OpenSans-Semibold.eot');
    src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold.woff') format('woff'),
         url('../fonts/OpenSans-Semibold.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/OpenSans-Bold.eot');
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold.woff') format('woff'),
         url('../fonts/OpenSans-Bold.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-ExtraBold';
    src: url('../fonts/OpenSans-ExtraBold.eot');
    src: url('../fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/openSans-extrabold.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBold.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {font-family: 'OpenSans-Regular'; }
.pad0{padding:0;}
ul{ margin:0; padding:0; list-style:none;}
a{ text-decoration:none !important; transition: all linear 0.3s; -moz-transition: all linear 0.3s; -webkit-transition: all linear 0.3s;}
h1, h2, h3, h4, h5, h6, p{margin:0px; padding:0;}
.text-white { color: #333 !important;}
.text-black { color: #000 !important;}
header {position: absolute; width: 100%; top: 0; left: 0; z-index: 1;}
header .navbar { min-height: auto; margin-bottom: 0; border: none; border-radius: 0px;}
header .navbar-brand { height: auto;}
header .nav>li>a { padding: 10px 20px; font-size: 14px; color: #333;  font-family: 'OpenSans-Regular'; letter-spacing: 1px;}
header .navbar-nav {margin-top: 30px;}
header .nav>li>a:focus, header .nav>li>a:hover { background-color: transparent;}
header .nav>li:last-child a {font-family: 'OpenSans-Semibold'; text-transform: uppercase;}
header .nav>li:last-child a::after {content: ""; background: url(../images/arrow_menu.png); width: 24px; height: 11px; display: block; position: absolute; top: 14px; right: -5px;}

.contact_banner {background: url(../images/contact-banner.png) no-repeat; background-position: top center; background-size: cover; padding: 120px 0; height:370px;}
.contact_banner {background: url(../images/career.png) no-repeat; background-position: top center; background-size: cover; padding: 120px 0; height:370px;}
.contact_content h1 { font-size: 42px; font-family: 'OpenSans-Bold';  letter-spacing: 0.3px; margin-bottom: 15px;}
.contact_content h1 span {font-family: 'OpenSans-Light';}
.contact_content p { font-size: 18px; font-family: 'OpenSans-Light'; letter-spacing: 0.3px; line-height:1.3;}

.address_bar {padding-bottom: 80px;}
.addressBar_content {background: #333;  box-shadow: 0px 0px 10px rgba(0,0,0,0.15); min-height: 195px; padding-top: 35px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.mt-60 {margin-top: -60px;}
.addressBar_content img{margin-bottom:15px;}
.addressBar_content h2 {font-size: 18px; color: #323232; font-family: 'OpenSans-Semibold'; letter-spacing: 0.6px; margin-bottom:10px;}
.addressBar_content p, .addressBar_content p a {font-size: 14px; color: #323232; letter-spacing: 0.6px;}

.tell_us_about {background: #f6fafa; position:relative;}
.location_map { position: absolute; top: 0; right: 0; padding: 0; height: 600px;}
.location_map iframe{ height:100%;}
.tell_us_about .container {max-width: 1260px; width: 100%;}
.form_container {padding-top: 55px; width: 85%;}
.form_container h2 small{ display:block; font-size:15px; color:#8e8e8e; font-family: 'OpenSans-Semibold'; letter-spacing: 0.6px; margin-bottom: 5px;}
.form_container h2 {font-size: 30px; color: #000; font-family: 'OpenSans-Bold'; letter-spacing: 0.3px; margin-bottom:10px;}
.form_container h2 span{color:#27d5c4;}
.form_container p {font-size: 16px; color: #4d4d4d; font-family: 'OpenSans-Regular'; letter-spacing: 0.3px; margin-bottom:35px;}
.form_container .form-control { height: 50px; color: #989898; font-family: 'OpenSans-Regular'; letter-spacing: 0.3px; border-color: rgba(0, 0, 0, 0.2); box-shadow: none; padding-left: 20px;}
.form_container .form-group {margin-bottom: 30px;}
.form_container textarea.form-control { height: 100px;}
.btn-custom { background: #20c1af; color: #333; border-radius: 30px; padding: 12px 65px; font-size: 15px; font-family: 'OpenSans-Semibold'; text-transform: uppercase; letter-spacing: 0.6px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);}
.btn-custom:hover, .telecom_activity .slide_content .btn-custom:hover { background: transparent; color:#20c1af; border:1px solid #20c1af;}

.form_container p.notification { font-size: 11px;  color: #b3b3b3;  letter-spacing: 0.6px;  margin: 20px 0 0 0; font-family: 'OpenSans-Regular';}

.contact_sales { padding: 90px 0;}
.cs_content img {margin-bottom: 30px; display:block;}
.cs_content h3 { margin-bottom:40px; color: #08adad; font-size: 24px; position: relative; display: inline-block;}
.cs_content h3::after { content: ""; width: 17px; height: 10px; display: block; background: url(../images/h_contact-arrow.png); position: absolute; top: 9px; right: -30px;}
.br-1 { border-right: 1px solid #edf4f8;}
.cs_content p { color: #000; font-size: 16px; }
.cs_content a { color:#16b1b1;}
.cs_content {padding-left: 40px;}

.start_growing {background: url(../images/start_growing.jpg) top center; background-size: cover; padding: 65px 0 120px;}
.start_growing h2 {font-size: 40px; font-family: 'OpenSans-Bold'; margin-bottom: 15px; letter-spacing:0.3px;}
.start_growing p {font-size: 14px; font-family: 'OpenSans-Regular'; margin-bottom: 25px; letter-spacing:0.6px;}
.start_growing .btn-custom { background: #333; color: #2dd1cb;  padding: 12px 45px; box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);}

.mobile_plan {padding: 50px 0;}
.mobile_plan .bg_white { background: #333; box-shadow: 0 0 30px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.25);  padding: 20px 0;  margin-top: -130px; margin-right: 0; margin-left: 0;}
.img-round { width: 105px; height: 105px;  background: #333;  margin: 15px;  box-shadow: 0 0 25px rgba(0,0,0,0.25); border-radius: 50%; padding: 28px 0 0 28px;}
.mobile_plan .media-body, .mobile_plan .media-left, .mobile_plan .media-right {vertical-align: middle;}
.mobile_plan .media-heading {font-family: 'OpenSans-Semibold'; margin-bottom:10px; font-size: 18px; color: #000; letter-spacing:0.3px;}
.media-body p{font-family: 'OpenSans-Regular'; font-size: 14px; color: #a1a1a1; letter-spacing:0.6px;}

footer {background: url(../images/footer.png) no-repeat top center; background-size: cover; padding: 60px 0 40px;}
.footer_link img {margin-bottom: 10px;}
.footer_link p {color: #a1a1a1; font-size: 12px; font-family: 'OpenSans-Regular'; letter-spacing: 1px; margin-bottom: 30px;}
.footer_link .copyright {font-size: 13px; margin: 0;}
.footer_link h2 {font-family: 'OpenSans-Semibold'; font-size: 15px; color: #010101; letter-spacing: 1px; margin-bottom: 15px;}
.footer_link ul>li>a {font-size: 13px; color: #a1a1a1; display: inline-block; margin-bottom: 10px; letter-spacing: 0.6px;}
.footer_link ul>li>a:hover { padding-left: 10px;}
.footer_link ul>li>a:hover::before { content:"-"; display:inline-block; margin-right:5px;}
.footer_link ul>li:last-child a {margin-bottom: 0px;}
.footer_link .email-id a {color: #7f8491; font-size: 14px; display: inline-block;}
.social_icon>li { display: inline-block;}
ul.social_icon>li>a { display: block; width: 45px; height: 45px; background: #ffff; vertical-align: middle; margin-right: 15px; padding: 12px 0; text-align: center;	border-radius: 50%; box-shadow:0 0 30px rgba(0, 0, 0, 0.15);}
ul.social_icon>li>a:hover { padding-left:0;}
ul.social_icon>li>a:hover::before { content:none}
ul.social_icon>li>a img:hover {transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1);  transition: all linear 0.3s;-webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s;}
ul.social_icon>li:last-child a {margin-right: 0px;}
.end_footer { margin-top: 35px;}

/*Login Page*/
.login { background: #fff; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;  display: flex; height: 100vh;}
.left_panel { padding: 0; background: url(../images/login.jpg) no-repeat;  background-size: cover; background-position: top center;}
.login_lpanel { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center;}
.login_lpanel img {margin-bottom: 35px;}
.login_lpanel h2 {font-family: 'OpenSans-Light'; font-size: 72px; color: #333; letter-spacing: 0.8px;}
.login_lpanel h2 span {font-family: 'OpenSans-Bold'; margin-top: 10px; display:block;}

.right_panel {position: relative; padding: 0;}
.login_rpanel { position: absolute; width: 100%; padding: 0 50px; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); z-index: 1;}
.login_rpanel h1 {font-size: 36px; color: #20c1af; font-family: 'OpenSans-Bold'; margin-bottom: 35px; letter-spacing: 0.3px;}
.login_rpanel .btn-login {background: #0077b5; color: #333; display: block; border-radius: 30px; padding: 12px 0; font-size: 16px;letter-spacing: 0.6px; font-family: 'OpenSans-Semibold'; margin-bottom:25px; width: 100%;}
.login_rpanel .btn-login img { display: inline-block; vertical-align: top;  margin-top: 2px; margin-right: 5px;}
.login_rpanel .bor { text-align: center; position: relative; color:#cecdcd; font-size:12px; font-family: 'OpenSans-Light'; letter-spacing: 0.3px; margin-bottom:35px;}
.login_rpanel .bor::before, .bor::after { width: 47%; height: 1px;  background: #e4e4e4;  display: block;  content: "";  position: absolute;  top: 8px;}
.login_rpanel .bor::before {left: 0;}
.login_rpanel .bor::after {right: 0;}
.login_rpanel .form-group { margin-bottom: 30px;}
.login_rpanel .form-control { height: 50px; border-radius: 30px; box-shadow: 0 0 20px rgba(0,0,0,0.15); padding-left:20px; font-size:15px;  color:#000; letter-spacing:.3px; border: none;}
.login_rpanel .form-control::placeholder { color:#bfbfbf !important; font-family: 'OpenSans-Semibold';}

.login_rpanel .btn-light-blue { box-shadow: 0 0 20px rgba(0,0,0,0.15); background: #20c1af; margin-bottom:10px; text-transform: uppercase; transition:all linear 0.3s; -moz-transition:all linear 0.3s; -webkit-transition:all linear 0.3s;}
.f_password {font-size: 13px; color: #c0c0c0; letter-spacing: 0.6px; font-family: 'OpenSans-Semibold'; display: block; text-align: center;}
.login_rpanel p, .signup_para {font-size: 15px; color: #9e9e9e; text-align: center; font-family: 'OpenSans-Light'; letter-spacing:.3px; border-top: 1px solid #e0e0e0; padding-top: 10px;}
.login_rpanel p a, .signup_para a{color:#20c1af; font-family: 'OpenSans-Semibold';}
.forget_para { font-size: 14px; color: #bfbfbf; letter-spacing: 0.3px; margin-bottom: 25px; display: block;}
hr.mt-70 { margin-top: 70px; border-color:#e0e0e0;}
.mobilemenubg, #mobilemenu {display: none;}
.signup_para, .signup_para a{ color:#333;}
.form-signup .board-inner {margin-bottom: 30px;}
.form-signup .nav-tabs>li.active>a, .form-signup .nav-tabs>li.active>a:focus, .form-signup .nav-tabs>li.active>a:hover, .form-signup .nav-tabs>li>a:hover, .form-signup .nav-tabs>li>a { border: none;}
.signup {background: url(../images/signup.jpg) no-repeat; background-size: cover; background-position: top center; padding:150px 0; height:100%; min-height:100vh;}
.form-signup { position: static; transform: translate(0, 0); background: #fff;  padding: 50px 60px 15px; border-radius: 4px;}
.form-signup h1 {margin-bottom: 50px;}
.board .nav-tabs { position: relative; margin-bottom: 0; box-sizing: border-box; border:none;}
.liner{ height: 5px; background: #ededed; position: absolute; width: 90%; margin: 0 auto; left: 0; right: 0; top: 40%; z-index: 1;}
span.round-tabs { width: 40px; height: 40px; line-height: 38px; display: inline-block; border-radius: 100px; background: white;
z-index: 2; position: absolute; left: 10px; text-align: center; font-size: 16px; font-family: 'OpenSans-Semibold'; color:#bfbdbd;}
span.round-tabs { color: #bfbdbd;  background: #ededed;}
.form_name {text-align: center; display: block; font-size: 9px; color: #7f7f7f; padding-top: 10px; font-family: 'OpenSans-Semibold'; text-transform:uppercase; position: absolute; left: 0;}
span.round-tabs.two { left: 50px;}
span.round-tabs.three {left: 105px;}
.nav-tabs>li:nth-child(3) small.form_name { left: 40px;}
.nav-tabs>li:nth-child(4) small.form_name { left: 90px;}
li.active .form_name {color: #00aaaa;}
li.active span.round-tabs{ background: #00aaaa !important; color: #333;}
.nav-tabs > li.active > a span.round-tabs{ background: #fafafa;}
.nav-tabs > li { width: 33.33%;}
.nav-tabs > li:after { content: " ";  position: absolute; left: 45%;opacity:0; margin: 0 auto; bottom: 0px; border: 5px solid transparent;  border-bottom-color: #ddd; transition:0.1s ease-in-out;}
.nav-tabs > li a {width: 40px; height: 40px; border-radius: 100%; padding: 0;}
.nav-tabs > li a:hover{background: transparent;}
.tab-content{}
.tab-pane{position: relative; padding-top: 50px;}
.form-signup .progress {}
.password_strength ul{ width:185px; float:right; margin-right: 25px;}
.password_strength ul>li { width: 25%; display: inline-block;  padding: 1px; background: #a8f093; margin-right:-4px; position:relative;}
.password_strength ul>li::after { content: ""; width: 2px; height: 2px; background: #fff; display: block; position: absolute; top: 0;}
.password_strength ul span {font-family: 'OpenSans-Semibold'; display: block;  text-align: right; font-size: 9px; color: #bfbfbf;    text-transform: uppercase; letter-spacing: 0.3px; margin-bottom: 10px;}
.wrapper-dropdown-3 { position: absolute; width: 110px; margin: 0 auto; padding: 10px 20px 10px 30px; cursor: pointer; outline: none;top: 0; z-index:9;}
.wrapper-dropdown-3:after {content: ""; width: 0; height: 0; position: absolute; right: 15px; top: 50%; margin-top: -3px;
border-width: 6px 6px 0 6px; border-style: solid; border-color: #cccccc transparent;}
.wrapper-dropdown-3::before {width: 1px; height: 30px; content: ""; background: #ccc; display: block; position: absolute; top: 11px; right: 0;
}
.form-signup #phone { padding-left: 120px;}
.wrapper-dropdown-3 .dropdown {  position: absolute;  top: 100%;  left: 0; right: 0;padding:0;margin:0;  background: white;  border: 1px solid rgba(0,0,0,0.17);  font-weight: normal;  -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; list-style: none; opacity: 0; pointer-events: none;}
.wrapper-dropdown-3 .dropdown li a {display: block; padding: 10px; text-decoration: none; color: #000; border-bottom: 1px solid #e6e8ea;
box-shadow: inset 0 1px 0 rgba(255,255,255,1); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;
 -ms-transition: all 0.3s ease-out;  -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;}
.wrapper-dropdown-3 .dropdown li i { float: right; color: inherit;}
.wrapper-dropdown-3 .dropdown li:first-of-type a { border-radius: 7px 7px 0 0;}
.wrapper-dropdown-3 .dropdown li:last-of-type a { border: none; border-radius: 0 0 7px 7px;}
.wrapper-dropdown-3 .dropdown li:hover a { background: #f3f8f8;}
.wrapper-dropdown-3.active .dropdown {opacity: 1; pointer-events: auto;}
.no-opacity  .wrapper-dropdown-3 .dropdown,
.no-pointerevents .wrapper-dropdown-3 .dropdown { display: none; opacity: 1; pointer-events: auto;}
.no-opacity  .wrapper-dropdown-3.active .dropdown,
.no-pointerevents .wrapper-dropdown-3.active .dropdown {display: block;}
.form-signup .form-group { position:relative;}

.home_banner { 
/*    background: url(../images/home_banner.png) no-repeat top center; 
    background-size: cover; */
    padding:160px 0;}
.home_banner .contact_content h1 {margin-bottom: 25px;}
.home_banner .contact_content h1 span {font-family: 'OpenSans-Light';}
.home_banner .contact_content p { margin-bottom:5px;}
.contact_content .media-body, .contact_content .media-left, .contact_content .media-right {vertical-align: middle;}
.contact_content .media-heading {font-size: 18px; color: #333; font-family: 'OpenSans-Light'; letter-spacing: 0.3px;}
.video_icon {width: 60px; height: 60px; background: #20c1af; margin: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); padding: 7px; border-radius: 50%; display: block;}

.contact_content .media { margin-left: -10px;}
.ayrate_section { padding: 80px 0 200px; background: url(../images/growth-bg.png) no-repeat bottom center;}
.monitor_usage .sub_heading {position: relative; width: 460px;}
.monitor_usage .sub_heading img {width: 100%; display:block;}
.monitor_usage .sub_heading h2 {background: #00aaaa; width: 250px; height: 140px; padding: 60px 0 0 40px;  color: #333; position: absolute; left: 143px; bottom: 5px; font-size: 30px; box-shadow: 0 0 25px rgba(0,0,0,0.15); font-family: 'OpenSans-bold';}
.monitor_usage .sub_heading h2::before { content: ""; width: 35px; height: 3px; background: #333; display: block; position: absolute; top: 35px;}
.content_heading { padding-top: 120px;}
.content_heading h2 {font-family: 'OpenSans-bold'; font-size: 40px; color: #000;  letter-spacing: 0.3px; line-height:1.2; margin-bottom:20px;}
.content_heading h2 span {color:#00aaaa;}
.content_heading p {font-family: 'OpenSans-Light'; font-size: 20px; color: #a1a1a1;  letter-spacing: 0.3px; line-height:1.2;  margin-bottom:45px;}
.content_heading p span{font-family: 'OpenSans-Semibold'; color:#00aaaa;}
.content_heading .btn-custom { padding: 12px 42px; position:relative;}
.content_heading .btn-custom::after {width: 40px; height: 3px; content: ""; background: #0aa; display: block; position: absolute;
bottom: -50px; left: 0;}
.ayrate_help {padding-top: 170px;}
.ayrate_help .content_heading .btn-custom::after {content: none;}
.ayrate_help .content_heading {padding-top: 40px;}
.ayrate_help .sub_heading {position: relative; width: 540px;}
.ayrate_help .sub_heading img {width: 100%; display:block; box-shadow: 0 0 70px rgba(0,0,0,0.30); -webkit-box-shadow: 0 0 70px rgba(0,0,0,0.30); -moz-box-shadow: 0 0 70px rgba(0,0,0,0.30); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.ayrate_help .video_icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); width: 75px; height: 75px; padding: 15px;}
.ayrate_help .sub_heading .video_icon img { box-shadow: none;}

.howit_work { height: 550px; background: url(../images/how_it-works.png) no-repeat top center; background-size: 100%; margin-bottom: 110px;}
.howit_work .content_heading { padding-top: 20px; height: 550px; position:relative;}
.howit_work .content_heading h2 {margin-bottom: 5px; }
.howit_work .process_circle { width: 150px; height: 150px; background: #fff; position: absolute; padding-top: 35px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.10); border-radius: 50%;}
.howit_work .process_circle span{ font-size:14px; color:#a1a1a1; font-family: 'OpenSans-Semibold'; letter-spacing:0.3px; margin-top:7px; display:block; line-height: 1.2;}
.circle_1 { top: 45%;  left: -2%;}
.circle_2 {top: 65%; left: 26%;}
.circle_3 { top: 43%; left: 56%;}
.circle_4 {top: 63%; right: 2%;}

.telecom_activity {background: #fafafa; padding: 50px 0 105px 0;}
.telecom_activity .content_heading {padding-top: 0px; margin-bottom:80px;}
.telecom_activity .slide_img { width: 505px;}
.telecom_activity .slide_img img { width: 100%;}
.telecom_activity .slide_content h2 {font-size: 36px;}
.telecom_activity .slide_content p { font-size: 15px;  margin-bottom: 20px; font-family: 'OpenSans-Regular';}
.telecom_activity .slide_content .btn-custom { margin-top: 10px; background: #00aaaa;}
.telecom_activity .slide_content .btn-custom::after { content:none;}
.telecom_activity .slide_content h2::before {content: ""; width: 45px; height: 52px; background: url(../images/thumbs-up-icon.png) no-repeat;
display: block; margin: 15px 0 30px 0;}
.ayrate_activity .slick-dots { position: absolute; bottom: -60px; display: block; width: 100%; padding: 0; margin: 0; list-style: none;
text-align: center;}
.ayrate_activity .slick-dots li { position: relative; display: inline-block; width: 15px; height: 15px; margin: 0 5px; padding: 0; cursor: pointer;}
.ayrate_activity .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: #a6a6a6; border-radius: 50%;}
.ayrate_activity .slick-dots li.slick-active button { background: #00aaaa; width:15px; height:15px; box-shadow:0 0 25px rgba(0, 0, 0, 0.15);}
.ayrate_activity .slick-slide {outline:none; border:none;}

.telecom_provider { background: url(../images/world_map.png) no-repeat center 70px; padding: 230px 0 380px;}
.telecom_provider .content_heading { padding-top: 0px;}
.telecom_provider .content_heading h2 { text-shadow: 2px 0px 3px rgba(0,0,0,0.25);}

.our_client { background: #f4f8fb; padding: 50px 0;}
.our_client h4 { font-size:16px; color:#50787e; letter-spacing:0.3px; font-family: 'OpenSans-Light'; margin-bottom:45px;}
.our_client .client_logo { display: inline-block; margin-left: 90px;}
.our_client .client_logo:first-child { margin-left: 0px;}

.about_banner {background: url(../images/about.png) no-repeat; background-position: top center; background-size: cover; padding: 120px 0; height:370px;}
.ayrate_package { padding: 80px 0;}
.about_content { padding-top: 195px;}
.about_content h2 {font-family: 'OpenSans-Bold'; font-size: 36px; color: #000000; letter-spacing: 1px; margin-bottom: 60px;}
.about_content h2 span {color: #3cc8d7;}
.about_content p { font-family: 'OpenSans-Light'; font-size: 18px; color: #a1a1a1; letter-spacing: 1px; line-height: 1.2;}
.mt-95 { margin-top:95px;}
ul.service_provide>li {width: 100%; height: 225px; background: #fff; box-shadow: 0px 8px 20px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 8px 20px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 8px 20px 0 rgba(0, 0, 0, 0.15); border: 1px solid #dfdfdf; margin-bottom: 30px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 20px 25px;}
ul.service_provide>li.learn_development { height: 260px;}
ul.service_provide>li:hover, ul.service_provide>li.active { background: #28d4c5; background: -moz-linear-gradient(top, #28d4c5 1%, #33cecf 100%); background: -webkit-linear-gradient(top, #28d4c5 1%,#33cecf 100%);  background: linear-gradient(to bottom, #28d4c5 1%,#33cecf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28d4c5', endColorstr='#33cecf',GradientType=0 );}
ul.service_provide>li:hover h3, ul.service_provide>li:hover p, ul.service_provide>li.active h3, ul.service_provide>li.active p{ color:#333;}
ul.service_provide>li:last-child { margin-bottom:0px;}
.img_front {position: relative; margin-bottom: 20px;}
.img_back { position: absolute; top: 0; left: 0; visibility:hidden;	opacity:0; z-index:1;}
ul.service_provide>li:hover .img_back, ul.service_provide>li.active .img_back {visibility:visible; opacity:1; }


ul.service_provide>li>h3 { font-size:18px; color:#41494f; letter-spacing:1px; font-family: 'OpenSans-Bold'; margin-bottom: 15px;}
ul.service_provide>li>p { font-size:14px; color:#a1a1a1; font-family: 'OpenSans-Light';}
.see_works { padding: 80px 0 60px;}
.see_works .about_content {background: #27d5c4;width: 340px;height: 510px;position: absolute; top: 60px; left: 15px; z-index:9;padding: 70px 15px; box-shadow: 0 0  25px 5px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0  25px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0  25px 5px rgba(0, 0, 0, 0.15);}
.see_works .video_icon2 { width: 130px; height: 130px; background: url(../images/video_icon.png); margin: 0 auto 30px; cursor:pointer;}
.see_works .about_content p {font-family: 'OpenSans-Semibold'; font-size: 16px; color: #333;}
.right_panel_image { width: 825px; float: right;}
.right_panel_image img{ width:100%; box-shadow: 0 0  25px 5px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0  25px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0  25px 5px rgba(0, 0, 0, 0.15);}

.our_process { background: #f4f8fb;  padding: 180px 0 270px;  margin-bottom: 105px; clip-path: polygon(0% 100%, 0% 10%, 100% 0, 100% 90%);-webkit-clip-path: polygon(0% 100%, 0% 10%, 100% 0, 100% 90%); -moz-clip-path: polygon(0% 100%, 0% 10%, 100% 0, 100% 90%);}
.our_process .main_heading h2 {font-family: 'OpenSans-Semibold'; font-size: 36px; text-align: center; color: #000; letter-spacing:1px; margin-bottom:100px;}
.our_process .main_heading h2 span{ color:#20c1af;}
.process_content h2 {font-family: 'OpenSans-Bold'; font-size: 36px;color: #000; letter-spacing: 1px; margin-bottom: 30px; position: relative; padding-top: 10px;}
.process_content h2 span {font-family: 'OpenSans-Light'; font-size: 40px;color: #20c1af;letter-spacing: 1px; margin-bottom: 0; display:block;}
.process_content .heading_num { position: absolute; top: -35px; left: 0;}
.process_content p, .process_content ul>li { font-family: 'OpenSans-Light'; font-size: 16px; color: #a1a1a1; letter-spacing: 0.3px; margin-bottom: 20px;}
.process_content ul>li {margin-bottom: 0px; ine-height: 1.3;}
.process_content ul>li::before { content: "-"; display: inline-block; vertical-align: top; margin-right: 5px;}
.img-center img { display: block; margin: 0 auto;}
.row_2 {margin-top: 10px;}
.row_3 {margin-top: 120px;}
.row_4 {margin-top: 105px;}
.mobile_plan .media-body p br {display: none;}

.about_ayrate { padding: 110px 0;}
.content_left { padding-top: 30px;}
.content_left h2 {font-family: 'OpenSans-bold'; font-size: 36px; color: #a1a1a1; letter-spacing: 0.3px;}
.content_left h2 span { color:#00aaaa;}
.content_right p {font-family: 'OpenSans-Regular'; font-size: 16px; color: #a1a1a1; letter-spacing: 0.3px;}
.career_img2 img {width: 100%; display: block; margin: 0 auto;}
.job_opening { background: #fafafa; padding: 60px 0 70px;}
.job_opening .content_heading { padding-top: 0;}
.content_heading p { font-family: 'OpenSans-Regular'; font-size: 14px; margin-bottom: 45px;}
.career_left { background: #fff; box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.10); border: 1px solid rgba(0,0,0,0.10); border-radius: 4px;}
.career_left ul>li {padding: 0 25px; display: block;}
.career_left ul>li>a {display: block; border-bottom: 1px dotted #e1e1e1; padding: 30px 0; color: #212121; font-size: 15px; position:relative;}
.career_left ul>li.active, .career_left ul>li:hover {background: #00aaaa;}
.career_left ul>li.active  a, .career_left ul>li:hover  a{ color:#333; border-bottom: 1px dotted transparent;}
.career_left ul>li.active a::after{content:"";}
.career_left ul>li.active a::after { content: "\f105"; font: normal normal normal 15px/1 FontAwesome;  position: absolute; top: 32px;
 right: -20px; color:#000;}
.career_left ul>li>a .badge {position: absolute; right: -8px; display: block; width: 14px; height: 14px; top: 32px; margin: 0; color: #212121;
padding: 0; font-size: 10px; text-align: center; font-family: 'OpenSans-Semibold'; line-height: 1.2; background: #fff;}

.career_right {background: #fff; box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.10); border: 1px solid rgba(0,0,0,0.10); border-radius: 4px; padding: 40px 35px;}
.career_right h3 { font-family: 'OpenSans-Light'; font-size: 28px; color: #212121; margin-bottom: 15px;}
ul.job_detail {margin-bottom:30px;}
ul.job_detail>li {display: inline-block; margin-right: 6px;}
ul.job_detail>li>a {font-family: 'OpenSans-Regular'; background: #d1f8f8; padding: 5px 10px; border: 1px solid #00aaaa; display: block;
border-radius: 30px; font-size: 11px; color: #00aaaa;}
.career_right h4 { font-family: 'OpenSans-Semibold';  color: #000000;  font-size: 16px; line-height: 26px; margin-bottom: 10px;}
.career_right p, ul.list_item>li { font-family: 'OpenSans-Regular';  color: #000000;  font-size: 14px; line-height: 22px; margin-bottom: 20px;}
ul.list_item { margin-bottom: 20px; list-style-type: disc; padding-left: 20px;}
ul.list_item>li { margin: 0; padding: 4px 0;}
.career_right p span { color: #777777;}
.contact_details p {margin-bottom: 15px;}
.contact_details a{color:#00aaaa;}
.career_right .btn-custom {font-family: 'OpenSans-Light'; font-size: 15px; color: #333; padding: 9px 40px; letter-spacing: 0.40px; box-shadow: none; margin-top: 15px; background: #00aaaa; border-radius: 4px;}
 

@media (max-width: 1199px){
ul.social_icon > li > a {margin-right: 5px;}
.cs_content p br, .form_container p br, .media-body p br, .content_heading p br, .content_heading h2 br, .about_content h2 br, .about_content p br, .process_content p br, .content_right p br {display: none;}
.content_heading p {letter-spacing: 0.3px;}
.form-signup { padding: 50px 30px 15px !important;}
.telecom_activity .slide_img { width: 100%; max-width:350px; margin:0 auto;}
.howit_work { background-size: 113% 560px;}
.process_image img {width: 100%;}
.row_2, .row_3, .row_4 { margin-top: 60px;}
.paycheck ul.service_provide > li {height: 260px;}
ul.service_provide > li.learn_development {height:300px;}


}

@media (max-width: 991px){
.ayrate_section, .telecom_activity, .ayrate_package, .about_ayrate { padding: 60px 0;}
.location_map { position: static;}
.form_container { width: 100%;}
header .navbar-nav {margin-top: 25px;}
header .nav > li > a { padding: 10px 15px;}
.start_growing {padding: 65px 0 140px;}
ul.social_icon > li > a {padding: 8px 0; margin-right: 2px; width: 35px; height: 35px;}
.login {display: block; height: 100%; padding: 0 0 60px;}
.left_panel { height: 450px; margin-bottom: 60px;}
.login_rpanel {position: static; padding: 0 30px; transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%);}
.login_lpanel h2 {font-size: 38px;}
.login_rpanel h1, .forget_para, .about_content h2, .about_content p, ul.service_provide > li, .process_content h2, .process_content p, .process_content ul, .content_right p { text-align:center;}
.form_name, .process_content .heading_num {position: static;}
.nav-tabs > li a, .telecom_activity .slide_content h2::before {margin: 0 auto;}
span.round-tabs.two, span.round-tabs.three, span.round-tabs { left: 0;}
.liner {width: 70%; top: 25%;}
.monitor_usage .sub_heading h2 { width: 165px;  height: 75px; padding: 20px 0 0 40px; bottom: 0;  font-size: 18px;}
.monitor_usage .sub_heading h2::before {width: 25px; height: 2px; top: 12px;}
.content_heading, .ayrate_help {padding-top: 60px; text-align: center;}
.contact_content h1, .content_heading h2, .process_content h2 { font-size: 28px;  letter-spacing: 0.6px;}
.contact_content p, .contact_content .media-heading, .content_heading p, .about_content p, .process_content p, .process_content ul > li, .content_right p { font-size: 15px;}
.content_heading .btn-custom::after { content: none;}
.ayrate_help .content_heading, .about_content, .content_left { padding-top: 0;}
.ayrate_help .content_heading, .telecom_activity .content_heading, .telecom_activity .slide_img, .content_heading p, ul.service_provide > li:last-child, .career_left { margin-bottom: 30px;}
.ayrate_help .sub_heading, .monitor_usage .sub_heading { width: 100%; max-width: 540px; margin: 0 auto;}
.howit_work { background-size: 114% 500px;}
.howit_work {margin-bottom: 60px;}
.ayrate_activity .slick-dots { bottom: -30px;}
.telecom_provider { padding: 230px 0 280px;  background-size: 100%;}
.our_client .slick-list { margin: 0;}
.about_content h2 { font-size: 28px; margin-bottom: 30px;}
.mt-95 { margin-top: 60px;}
.img_back {left: 50%; transform: translateX(-50%); transform: -moz-translateX(-50%); -webkit-transform: translateX(-50%);}
.right_panel_image {width: 100%; float: none;}
.see_works .about_content {height: 430px;}
.our_process { clip-path: polygon(0% 100%, 0% 5%, 100% 0, 100% 95%); -webkit-clip-path: polygon(0% 100%, 0% 5%, 100% 0, 100% 95%);    -moz-clip-path: polygon(0% 100%, 0% 5%, 100% 0, 100% 95%);}
.our_process .main_heading h2 {font-size: 28px; margin-bottom: 60px;}
.process_image {float: none !important; margin: 0 auto; max-width: 500px; width: 100%;}
.our_client .client_logo {margin-left: 50px;}
.content_left h2 { font-size: 28px; margin-bottom: 15px; text-align: center;}
.paycheck .mt-95 { margin-top: 0;}


}
@media (max-width: 767px){
.contact_content h1, .start_growing h2, .login_rpanel h1, .login_lpanel h2, .process_content h2 span { font-size: 28px; letter-spacing: 0px;}
.contact_content p, .form_container p, .cs_content p, .login_rpanel p, .login_rpanel .btn-login { font-size: 14px; text-align: center;}
.contact_content p br, .forget_para br, .home_banner .contact_content h1 br {display: none;}
.addressBar_content h2 {font-size: 16px;}
.addressBar_content, .form_container .form-group, .form_container p.notification { margin-bottom: 15px;}
.contact_banner, .left_panel { height: 320px;}
.form_container h2 small { font-size: 13px;}
.form_container h2 { font-size: 26px; letter-spacing: 0; text-align: center;}
.form_container p, .login_lpanel img { margin-bottom: 25px;}
.form_container .form-control { height: 40px;}
.btn-custom { padding: 12px 48px; font-size: 14px; margin: 0 auto; width: 154px; display: block;}
.form_container { padding: 60px 0 30px;}
.location_map { height: 350px;}
.cs_content { padding-left: 0;}
.br-1 { border: none; border-bottom: 1px solid #edf4f8; padding-bottom: 30px; width: calc(100% - 30px);  margin: 0 auto 30px;}
.contact_sales, .see_works { padding: 60px 0;}
.cs_content img { margin: 0 auto 15px;}
.contact_sales { text-align: center;}
.cs_content h3 { margin-bottom: 15px; font-size: 18px;}
.start_growing .btn-custom { width: 180px;}
.mobile_plan .media-body, .mobile_plan .media-left, .mobile_plan .media-right {display: block;  text-align: center;  width: 100%;}
.img-round {margin: 20px auto 15px;}
.mobile_plan .media, .footer_link  {margin-bottom: 30px;}
footer {padding: 60px 0 0px; text-align: center;}
.footer_link p, .login_rpanel h1, .our_client h4 {margin-bottom: 15px;}
ul.social_icon > li > a {margin-right: 8px;}
.mobile-menu { display: block; top: 35px; right: 15px;  position: absolute; z-index: 9;}
.mobileback { position: fixed; width: 100%;  height: 100%; top: 0px;  left: 0px;  z-index: 1111111111111;  display: none; background: rgba(0,0,0,0.4);}
#mobilemenu {position: fixed; top: 0px; right: -90%; width: 280px; min-height: 100%; z-index: 1111111111111; display: none; background: #21c7c7;}
.mobilemenuclose { padding: 20px 15px 30px; text-align: right; cursor: pointer; background: #0e9b9b;}
.mobilemenucontent { width: 100%; margin: 0; border: 0px solid #c8bebd; -webkit-border-radius: 6px; -moz-border-radius: 6px;
border-radius: 6px;  margin-bottom: 30px;}
.mobilemenubg, #mobilemenu { display:block;}
.treeview li { border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.treeview span:hover { background: #1eb4b4;}
.treeview span {padding: 10px;}
.login_rpanel { padding: 0 15px;}
.login_rpanel .form-control::placeholder { font-family: 'OpenSans-Regular';}
.login_lpanel h2 span {margin-top: 0;}
.mobile_logo { display: block;  margin: 15px auto 0; text-align: center;}
.close_menu { position: absolute;  top: 15px;  right: 15px;}
.form-signup { padding: 30px 15px !important;}
.form-signup h1, .our_process .main_heading h2{ margin-bottom:30px;}
.home_banner .contact_content h1 { text-align: center;}
.contact_content .media { margin-left: 0px;}
.video_icon, .ayrate_help .video_icon { width: 40px; height: 40px; padding: 7px;}
.video_icon img{ width:25px !important;}
.monitor_usage .sub_heading h2 {left: 90px;}
.ayrate_section { padding: 0;}
.monitor_usage .sub_heading h2 {width: 140px; height: 65px;  padding: 18px;}
.howit_work { background-size: 100%;  background-position: 0 120px; height: auto; margin: 0;}
.howit_work .process_circle {width: 60px; height: 60px;  padding-top: 10px;}
.howit_work .process_circle img { width: 100%; max-width: 30px;}
.howit_work .process_circle span { font-size: 10px;  margin-top: 3px;}
.howit_work .content_heading { height: 390px;}
.circle_2, .circle_4 {top: 53%;}
.circle_3 { left: 52%;}
.telecom_provider { padding: 60px 0 160px;}
.our_client { padding: 30px 0;}
.content_heading .btn-custom { padding: 12px 0;}
.ayrate_help {position:relative;}
.ayrate_help .video_image { position: absolute; top: 60px;}
.ayrate_help .content_heading { padding-top: 290px;}
.about_content h2, .process_content h2 { font-size: 22px;}
.mt-95, .row_2, .row_3, .row_4 { margin-top: 30px;}
.ayrate_package { padding: 30px 0 0;}
ul.service_provide > li, ul.service_provide > li:last-child, .process_content h2, .process_content p { margin-bottom: 15px;}
.see_works .about_content { height: 300px;  width: 100%;  position: static; padding: 30px 15px 0;}
.our_process { padding: 180px 0 160px; margin-bottom: 60px;}
.process_content .heading_num {padding-bottom: 5px;}
.row_1, .row_3 { position: relative;}
.top_img {position: absolute; top: 0; width: 100%;}
.row_1 .process_content { padding-top: 360px;}
.row_3 .process_content { padding-top: 370px;}
.process_image { max-width: 100%;}
.about_ayrate {padding-top:30px;}
.career_left ul > li > a {padding: 15px 0;}
.career_left { margin-bottom:15px;}
.career_right { padding: 20px 15px;}
.career_left ul > li.active a::after {top: 18px; right: -15px;}
.career_left ul > li > a .badge { right: 0px; top: 20px;}
.slide-img6 .slider-btn { left: 10px;}


}

@media (max-width: 480px){
.circle_1 { top: 55%;  left: 4%;}
.circle_3 { top: 53%;  left: 53%;}
.circle_2, .circle_4 { top: 65%;}
.circle_2 {left: 28%;}
.circle_4 { right: 8%;}
.our_client .client_logo { margin-left: 10px; margin-bottom: 10px;}

}

@media (max-width: 375px){
.howit_work .content_heading { height: 360px;}
.circle_1, .circle_3 { top: 53%;}
.circle_2, .circle_4 { top: 60%;}
.row_1 .process_content { padding-top: 280px;}
.row_3 .process_content { padding-top: 290px;}

}

@media (max-width: 320px){
.circle_4 {right: 0;}
.circle_1 { left: 0;}
.telecom_provider { padding: 60px 0 80px;}
.ayrate_help .content_heading { padding-top: 240px;}
.row_1 .process_content { padding-top: 230px;}
.row_3 .process_content { padding-top: 240px;}



}