@import url('bootstrap.min.css');
@import url('font-awesome/css/font-awesome.min.css');
@import url('animate.css');
@import url('form.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Roboto:100,300,400,500');
@import url('slick.css');
@import url('slick-theme.css');
body { background: #fff; }
* { margin: 0; padding: 0; }
a, a:hover, a.active, input, select, textarea { text-decoration: none; outline: none; }
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; line-height: normal; font-weight: normal; }
p, table { font-family: 'Open Sans', sans-serif; line-height: normal; }
img { border: 0 none; }
ol, ul, li { list-style: none; }
.clear { clear: both; }
bquote, q { quotes: none; }
bquote:before, bquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
table tr td { font-size: 14px; }
.no-padding { padding: 0; }
header, footer, .top-header, .wrapper, .content, .nav-outer { float: left; width: 100%; }
header { background: #333; }
.top-header { background: #009fe3; }
.top-content { float: left; width: 100%; text-align: right; font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: 300; color: #fff; line-height: 46px; }
.top-content a { color: #fff; padding: 0 5px; }
.top-content a:hover { color: #ccc; }
.nav-outer { background: #333; }
.logo { width: 100%; float: left; margin: 10px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.logo img { width: 210px; height: 78px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
header.smaller #logo img { width: 148px; height: 55px; }
header.smaller .nav-outer { position: fixed; top: 0; z-index: 99; }
header.smaller .navbar-nav>li>a { font-size: 11px; padding: 23px 22px; }
header.smaller .free { font-size: 12px !important; padding: 9px 20px !important; top: 10px; }
.navbar-nav>li>a { padding: 34px 14px; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #333; }
.nav-outer .navbar-collapse { padding-left: 0; padding-right: 0; }
.search-bar { border-top: 3px solid #f8f8f8; left: -260px; width: 300px; background: #f8f8f8; margin-top: 1px !important; padding: 20px; box-sizing: border-box; }
header.smaller .search-bar { left: -240px; }
.top-search { float: left; width: 100%; }
.top-search input[type="text"] { float: left; width: 80%; font-size: 13px; padding: 12px 16px; box-sizing: border-box; border: 1px solid #ccc; font-family: 'Open Sans', sans-serif; }
.top-search button { float: left; width: 20%; font-size: 20px; background: #333; color: #fff; text-align: center; line-height: 45px; border: 0; }
.top-search button:hover { background: #009fe3; }
.free { background: #009fe3 none repeat scroll 0 0; font-size: 12px !important; font-weight: 100; padding: 15px 23px !important; text-transform: uppercase; top: 20px; }
.free:hover { background: #ccc !important; color: #fff !important; }
.navbar-nav > li:last-child > a { padding-left: 0; padding-right: 0; float: right; margin-left: 27px; }
.slide-box { width: 100%; float: left; background: url(../newimages/scale.jpg); background-position: center top; background-repeat: no-repeat; background-size: 100% auto; }
.banner-data { float: left; width: 100%; margin-top: 100px; }
.banner-data h2 { color: #ffffff; font-size: 40px; font-style: normal; font-weight: 300; line-height: 60px; text-shadow: 1px 1px 0 #333; font-family: 'Open Sans', sans-serif; }
.banner-data a { font-size: 14px; line-height: 17px; padding: 15px 29px; float: left; color: #fff; border-radius: 2px; margin-right: 10px; font-weight: 300; margin-top: 50px; margin-bottom: 120px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; }
.banner-data a.blue { background: #009fe3; }
.banner-data a.black { background: #333; }
.banner-data a:hover { background: #ccc; }
.wrapper h1 { font-size: 40px; color: #757575; width: 100%; text-align: center; margin-top: 110px; text-transform: uppercase; font-weight: 100; background: url(../newimages/hr-line.jpg) bottom center no-repeat; padding-bottom: 50px; }
.wrapper h1 span { font-weight: bold; color: #009fe3; }
.tabs-wrapper { float: left; width: 100%; margin-top: 50px; }
.tab-inner { width: 100%; float: left; padding: 25px 40px; box-sizing: border-box; background: #2c2c2c; }
.tab-inner:hover { background: #009fe3; }
.tab-inner:hover .quarter { color: #fff; }
.tab-inner:hover p { color: #fff; }
.tab-inner:hover .quarter .fa { color: #fff; }
.tab-inner:hover h3 .fa { color: #fff; }
.tab-inner:hover .radmore { background: url(../newimages/icon-next-h.png) right center no-repeat; }
.greay { background: #3d3d3d }
.half { width: 60%; float: left; padding-right: 30px; box-sizing: border-box; }
.quarter { width: 25%; float: left; padding-right: 30px; box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #ccc; }
.quarter ul { float: left; width: 100%; }
.quarter ul li { float: left; width: 100%; list-style: none; }
.quarter ul li .fa { font-size: 10px; color: #009FE3; }
.tab-inner h3 .fa { color: #009FE3; font-size: 34px; }
.tab-inner h3 { float: left; width: 100%; font-size: 30px; font-weight: 300; font-family: 'Open Sans', sans-serif; color: #fff; margin-top: 5px; text-transform: uppercase; }
.tab-inner p { float: left; width: 100%; font-size: 14px; color: #ccc; margin-top: 20px; }
.tab-inner .radmore { color: #ffffff; float: left; width: 15%; text-transform: uppercase; font-family: 'Open Sans', sans-serif; background: url(../newimages/icon-next.png) right center no-repeat; font-size: 30px; line-height: 34px; font-weight: 300; }
.left-content { float: left; width: 100%; font-size: 26px; color: #757575; font-family: 'Roboto', sans-serif; font-weight: bold; margin-top: 30px; line-height: 40px; }
.left-content span { color: #009fe3; }
.tab-wrapper2 { width: 100%; float: left; margin-top: 60px; background: #FCFCFC; padding-bottom: 90px; }
.list-wrapper { width: 100%; float: left; background: #F0F0F0; padding: 100px 0 80px; margin-top: 60px; }
.list-wrapper h2 { float: left; width: 100%; color: #5c5c5c; font-size: 35px; font-weight: 100; line-height: 50px; text-align: center; margin-top: 0; background: url(../newimages/hr-line.jpg) bottom center no-repeat; padding-bottom: 50px; }
.list-wrapper h2 span { color: #009FE3; font-weight: bold; }
.list-wrapper h3 { width: 100%; float: left; color: #5C5C5C; font-size: 27px; font-weight: 500; margin-top: 50px; }
.list-wrapper ul { float: left; width: 100%; list-style: none; }
.list-wrapper ul li { float: left; width: 100%; font-size: 19px; font-family: 'Open Sans', sans-serif; font-weight: 300; color: #5c5c5c; padding: 5px; }
.list-wrapper ul li span { background: #009fe3 none repeat scroll 0 0; border-radius: 50%; color: #fff; float: left; font-size: 18px; height: auto; line-height: 32px; margin-right: 13px; position: relative; text-align: center; top: -3px; width: 32px; }
.tab2-wrap { width: 100%; float: left; padding: 100px 0 60px; background: #fff; margin-top: 50px; }
.tab2-wrap h1 { font-size: 40px; color: #757575; width: 100%; text-align: center; font-weight: 100; margin-top: 0; background: url(../newimages/hr-line.jpg) bottom center no-repeat; padding-bottom: 50px; text-transform: none; }
.tab2-wrap h1 span { font-weight: bold; color: #009fe3; }
.atabs { float: left; width: 100%; padding: 30px 10% 30px; margin-top: 30px; }
.atabs img { width: 100%; float: left; }
.atabs h4 { float: left; width: 100%; font-size: 19px; color: #555; margin-top: 20px; text-align: center; font-weight: 500; }
.atabs p { float: left; width: 100%; font-size: 18px; color: #757575; margin-top: 0; text-align: center; line-height: 35px; font-weight: 300; font-family: 'Open Sans', sans-serif; }
.atabs p span, .atabs p span a { color: #009FE3; }
.case { width: 50%; float: left; font-family: 'Open Sans', sans-serif; font-size: 19px; text-transform: uppercase; padding: 13px 0; margin-left: 25%; background: #009FE3; color: #fff; font-weight: 300; margin-top: 70px; text-align: center; border-radius: 3px; }
.firstbg { background: #fbfbfb; }
.case:hover { background: #f2f2f2; color: #009FE3; }
.feedback { width: 100%; float: left; padding: 50px 0; background: #fcfcfc; margin-top: 60px; }
.feedback h1 { font-size: 40px; color: #757575; width: 100%; text-align: center; font-weight: 100; margin-top: 0; text-transform: none; background-image: none; padding-bottom: 0; }
.feedback h1 span { font-weight: bold; color: #009fe3; }
/*
inspired from https://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }
 @media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.carousel-fade { float: left; width: 60%; box-sizing: border-box; margin-left: 20%; height: 300px; margin-top: 70px; }
.carousel-fade .carousel-caption { color: #888 !important; float: left; width: 100%; float: left; position: relative !important; background: #F0F0F0; padding: 30px; z-index: 99; box-sizing: border-box; font-size: 20px; font-style: italic; font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 30px; max-height: 500px; }
.carousel-fade .carousel-caption:after { top: 100%; left: 96%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(240, 240, 240, 0); border-top-color: #f0f0f0; border-width: 40px 40px 0 0; margin-left: -30px; }
.client { float: left; width: 100%; text-align: right; margin-top: 10px; }
.client img { width: 240px; height: auto; float: right; margin-right: 30px; }
.form-bottom { width: 100%; float: left; background: #E9EAEE; margin-top: 60px; padding: 80px 0 }
.form-section { width: 60%; float: left; margin-left: 20%; margin-top: 20px; }
.form-top-img { float: left; width: 100%; }
.form-top-img img { float: left; width: 100%; }
.form-section form { width: 100%; float: left; padding: 20px 20px 80px 20px; box-sizing: border-box; background: #fff; }
.form-section h3 { font-size: 33px; color: #757575; width: 100%; text-align: center; font-weight: 100; margin-top: 0; text-transform: none; background-image: none; padding-bottom: 0; margin-bottom: 50px; }
.form-section form label { font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: 600; }
.form-section form select { background: #d6d6d6; }
.form-section form .checkbox label { font-weight: normal; }
footer { padding: 40px 0; background: #363839; }
footer h5 { float: left; width: 100%; font-size: 15px; text-transform: uppercase; color: #fff; margin-bottom: 20px; font-family: 'Roboto', sans-serif; font-weight: 100; }
footer ul { float: left; width: 100%; font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight: 300; }
footer ul li { list-style: none; float: left; width: 100%; margin: 7px 0 }
footer ul li a { float: left; width: 100%; color: #ccc; padding: 7px 0 }
footer ul li a:hover { color: #009fe3; }
footer p { float: left; width: 100%; font-size: 14px; color: #eee; font-family: 'Open Sans', sans-serif; font-weight: 300; margin-bottom: 20px; line-height: 25px; }
footer p span { float: left; width: 100%; font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 300; color: #999 }
footer p img { width: 70%; float: left; }
footer p a { color: #eee; }
footer p a:hover { color: #009fe3; }
.copyright { width: 100%; float: left; background: #282a2b; color: #eee; padding: 20px 0; font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 300; }
.copyright p { margin-bottom: 0; }
.cs { display: none; }
.social-icons { float: left; width: 100%; }
.social-icons a { float: left; }
.social-icons a img { float: left; margin-right: 8px; }
.dropdown-menu > li > a:hover { background: #f8f8f8; }
.back-to-top { cursor: pointer; position: fixed; bottom: 20px; right: 20px; display: none; }
 @media (min-width: 768px) and (max-width: 991px) {
header.smaller .logo img { width: 210px; height: 78px; }
header.smaller .nav-outer { position: static; }
.list-wrapper ul { min-height: auto !important; }
.top-content { font-size: 12px; line-height: 27px; text-align: center; }
.navbar-nav > li > a { font-size: 11px; padding: 34px 13px; }
.banner-data { margin-top: 0; }
.banner-data h2 { font-size: 25px; line-height: 35px; }
.banner-data a { font-size: 14px; margin-bottom: 60px; margin-top: 10px; padding: 10px 20px; }
.wrapper h1 { margin-top: 50px; padding-bottom: 20px; font-size: 25px; }
.tab-inner p { min-height: auto!important; }
.left-content { text-align: center; margin-top: 0; }
.tab-wrapper2 { margin-top: 20px; padding-bottom: 30px; }
.list-wrapper { padding: 30px 0; }
.list-wrapper h2 { font-size: 25px; line-height: 40px; padding-bottom: 10px; }
.list-wrapper h3 { margin-top: 20px; }
.tab2-wrap { padding: 40px 0; margin-top: 10px; }
.tab2-wrap h1 { margin-top: 0px; }
.atabs { margin-top: 0; }
.case { width: 100%; margin: 10px 0 0 0 }
.feedback { margin-top: 0; padding: 20px 0; }
.feedback h1 { margin-top: 0; }
.carousel-fade { margin-top: 10px; width: 100%; margin-left: 0; }
.carousel-fade .carousel-caption { font-size: 16px; }
.client img { width: 170px; }
.form-bottom { margin-top: 70px; padding: 40px 0; }
.form-section form { padding-bottom: 30px; }
.half, .quarter, .tab-inner .radmore { width: 100%; }
.tab-inner .radmore br { display: none; }
}
 @media (max-width: 767px) {
header.smaller .logo img { width: 210px; height: 78px; }
header.smaller .nav-outer { position: static; }
.list-wrapper ul { min-height: auto !important; }
.top-content { font-size: 12px; line-height: 27px; text-align: center; }
.navbar-nav > li > a { font-size: 11px; padding: 34px 13px; }
.banner-data { margin-top: 0; }
.banner-data h2 { font-size: 25px; line-height: 35px; }
.banner-data a { font-size: 14px; margin-bottom: 60px; margin-top: 10px; padding: 10px 20px; }
.wrapper h1 { margin-top: 50px; padding-bottom: 20px; font-size: 25px; }
.tab-inner p { min-height: auto!important; }
.left-content { text-align: center; margin-top: 0; }
.tab-wrapper2 { margin-top: 20px; padding-bottom: 30px; }
.list-wrapper { padding: 30px 0; }
.list-wrapper h2 { font-size: 25px; line-height: 40px; padding-bottom: 10px; }
.list-wrapper h3 { margin-top: 20px; }
.tab2-wrap { padding: 40px 0; margin-top: 10px; }
.tab2-wrap h1 { margin-top: 0px; }
.atabs { margin-top: 0; }
.case { width: 100%; margin: 10px 0 0 0 }
.feedback { margin-top: 0; padding: 20px 0; }
.feedback h1 { margin-top: 0; }
.carousel-fade { margin-top: 10px; width: 100%; margin-left: 0; }
.carousel-fade .carousel-caption { font-size: 16px; }
.client img { width: 170px; }
.form-bottom { margin-top: 70px; padding: 40px 0; }
.form-section form { padding-bottom: 30px; }
.navbar-toggle { margin-top: -60px; }
.navbar-nav > li > a, header.smaller .navbar-nav>li>a { font-size: 15px; width: 100%; padding: 14px 30px; box-sizing: border-box; border-bottom: 1px solid #ccc; color: #666 !important; }
.free:hover { background: #f2f2f2 !important; }
.black-bg { background-color: #f8f8f8; }
.dropdown-menu { border: 0; margin-top: 0; padding-top: 0; }
.dropdown-menu > li > a { font-size: 15px; width: 100%; padding: 14px 30px !important; box-sizing: border-box; border-bottom: 1px solid #ccc; color: #666 !important; }
.free, .header.smaller .free { background: none; font-size: 15px !important; width: 100%; padding: 14px 30px !important; box-sizing: border-box; border-bottom: 1px solid #ccc; color: #666 !important; float: left; margin-top: 0; top: 0; font-family: 'Open Sans', sans-serif; text-transform: none; font-weight: normal; }
.free:hover { color: #666 !important; }
.top-search { margin: 10px 0; }
.top-search input[type="text"] { font-size: 15px; padding: 8px 10px; width: 86% }
.top-search button { width: 50px; line-height: 39px; }
.cs { display: block; }
.navbar-nav > li:last-child > a { text-align: center; }
.navbar-nav > li > a { background-image: url("../newimages/arrow.png"); background-position: right 40px center; background-repeat: no-repeat; background-size: 12px auto; }
.navbar-nav > li > a:hover { background-image: url("../newimages/arrow-hover.png"); background-color: #f2f2f2; }
.dropdown-menu > li > a { background-image: url("../newimages/minus.png"); background-position: left 21px center; background-repeat: no-repeat; background-size: 6px auto; }
.dropdown-menu > li > a:hover { background-image: url("../newimages/minus.png")!important; background-repeat: no-repeat; background-position: left 21px center; background-color: #f2f2f2; }
.dropdown-menu > li { /*padding-left:20px;
box-sizing:border-box;*/
}
.navbar-nav { margin: 0 0px; }
.half, .quarter, .tab-inner .radmore { width: 100%; }
.tab-inner .radmore br { display: none; }
}
 @media (min-width: 480px) and (max-width: 767px) {
.banner-data h2 { font-size: 15px; line-height: 22px; }
.list-wrapper ul { min-height: auto !important; }
.banner-data a { font-size: 10px; margin-bottom: 32px; margin-top: 0; padding: 8px 10px; }
.wrapper h1 { font-size: 20px; margin-top: 30px; padding-bottom: 20px; }
.tabs-wrapper { margin-top: 20px; }
.tab-inner p { font-size: 16px; line-height: 28px; }
.list-wrapper h2 { font-size: 20px; }
.form-section { margin-left: 0; width: 100%; }
}
 @media (max-width: 479px) {
.banner-data h2 { font-size: 15px; line-height: 22px; }
.banner-data a { font-size: 10px; margin-bottom: 32px; margin-top: 0; padding: 8px 10px; }
.wrapper h1 { font-size: 20px; margin-top: 30px; padding-bottom: 20px; }
.tabs-wrapper { margin-top: 20px; }
.tab-inner p { font-size: 16px; line-height: 28px; }
.list-wrapper h2 { font-size: 20px; }
.form-section { margin-left: 0; width: 100%; }
}
 @media (min-width: 320px) and (max-width: 479px) {
.banner-data h2 { margin-top: 5px; }
.banner-data a { font-size: 9px; margin-bottom: 13px; margin-top: 0; padding: 8px 3px; }
}
 @media (max-width: 319px) {
.banner-data h2 { margin-top: 5px; }
.banner-data a { font-size: 9px; margin-bottom: 13px; margin-top: 0; padding: 8px 3px; }
}
/******************* new css **********************/
.cloud { background: url(../newimages/cloud_top.jpg) no-repeat center top #f5f5f5; background-size: 100% auto; width: 100%; }
.cloud_in { margin: 240px 0 0 0; }
.BsNoPaddRow { margin-left: 0; margin-right: 0; }
.cloud_in .BsNoPaddRow { background: #e7e7e8; }
.BsNoPaddRow [class*="col-"] { padding-left: 0; padding-right: 0; }
.cloud_in_left { padding: 1px 30px; /*45 px*/ background: #fff; }
.cloud_page_link { font-size: 13px; }
.cloud_page_link a { text-decoration: underline; color: #009fe3; }
.cloud_in_left_cont h2 { margin: 45px 0 0 0; color: #009fe3; font-size: 48px; }
.cloud_in_left_cont h4 { margin: 0 0 35px 0; }
.cloud_in_left_cont h4.text-muted { margin: 35px 0; }
.cloud_in_left_cont_itm { border-bottom: 1px solid #000; margin-bottom: 30px; padding: 0 0 30px 70px; position: relative; }
.cloud_in_left_cont_itm:before { position: absolute; top: 0; left: 0; }
.cloud_in_left_cont_itm.MicroOfc:before { content: url(../newimages/icon-office-365.png); }
.cloud_in_left_cont_itm h3 { margin-bottom: 35px; font-size: 36px; }
.cloud_in_left_cont_itm a { color: #333; position: relative; padding-left: 20px; }
.cloud_in_left_cont_itm a:hover { color: #009fe3; }
.cloud_in_left_cont_itm a:before { content: ""; width: 8px; height: 8px; border-radius: 10px; background: #009fe3; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; }
.cloud_in_left_cont_itm.ApplicationHosting:before { content: url(../newimages/icon-maintenance.png); }
.cloud_in_left_cont_itm.VirtualServer:before { content: url(../newimages/icon-crm.png); }
.cloud_in_left_cont_itm.PlatformService:before { content: url(../newimages/icon-disaster-recovery.png); }
.FindCloud h3 { font-size: 36px; margin-top: 60px; }
.FindCloud a { padding: 10px 30px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #ffffff; background: #222222; font-size: 18px; line-height: 20px; white-space: nowrap; margin: 20px 0 0 0; display: inline-block; max-width: 100%; word-wrap: break-word; }
.FindCloud a img { margin-left: 5px; }
.FindCloud a:hover { background: #009fe3; }
.NotSure { background: #009fe3; padding: 35px; color: #222222; font-weight: 400; font-size: 30px; margin-bottom: 35px; }
.NotSure a { padding: 10px 30px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #ffffff; background: rgba(34, 34, 34, 1); font-size: 18px; line-height: 20px; white-space: nowrap; display: inline-block; }
.NotSure a img { margin-left: 5px; }
.NotSure a:hover { background: rgba(34, 34, 34, .1); }
.cloud_in_right { padding: 45px 30px; }
.cloud_in_right h4 { font-weight: 400; font-size: 28px; line-height: 28px; }
.cloud_in_right a { padding: 10px 30px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #ffffff; background: #222222; font-size: 18px; line-height: 20px; white-space: nowrap; margin: 20px 0 0 0; display: inline-block; }
.cloud_in_right a img { margin-left: 5px; }
.cloud_in_right a:hover { background: #009fe3; }
.GreatProviders { background: #fff; position: relative; }
.GreatProvidersLft { width: 60%; display: inline-block; padding: 35px; }
.GreatProvidersRit { background: #009fe3; width: 40%; position: absolute; top: 0; bottom: 0; right: 0; padding: 35px; }
.GreatProvidersRit h3 { margin-bottom: 0; }
.GreatProvidersRit p { color: #fff; }
.GreatProvidersRit input { width: 200px; max-width: 100%; display: inline-block; }
.GreatProvidersRit a { padding: 10px 30px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #ffffff; background: rgba(34, 34, 34, 1); font-size: 18px; line-height: 20px; white-space: nowrap; display: inline-block; float: right; }
.GreatProvidersRit a img { margin-left: 5px; }
.GreatProvidersRit a:hover { background: rgba(34, 34, 34, 0.1); }
/************* media css **********/
@media screen and (max-width: 1150px) {
.GreatProviders { min-height: 240px; }
.GreatProvidersRit input { width: 100%; }
.GreatProvidersRit a { float: none; margin-top: 10px; }
}
@media screen and (max-width: 767px) {
.GreatProvidersLft { width: 100%; }
.GreatProvidersRit { width: 100%; position: static; }
.GreatProvidersRit input { width: 300px; }
}
@media screen and (max-width: 480px) {
.cloud_in { margin: 80px 0 0 0; }
.cloud_in_left_cont h2 { font-size: 30px; }
.cloud_in_left_cont_itm h3 { font-size: 25px; line-height: 45px; margin-bottom: 15px; }
.FindCloud h3 { font-size: 25px; }
.FindCloud a, .cloud_in_right a, .NotSure a, .GreatProvidersRit a { font-size: 13px; padding: 8px 10px; }
}

.blog-link {text-align: right;margin-top: 11px;display: block;float: right;}
.blog-link a {font-size: 15px;color: #fff;font-family: 'Roboto', sans-serif;font-weight: 100;}