@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('//cdn2.hubspot.net/hubfs/2855662/PetChamp-2017/Fonts/fonts.css?t=1491230969603');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */

/* HTML 5 Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}




@font-face {
    font-family: 'Mont';
    src: url('https://cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/Mont-Regular.woff2') format('woff2'),
        url('https://cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/Mont-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url('https://cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/Mont-SemiBold.woff2') format('woff2'),
        url('https://cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/Mont-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url('https://cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/Mont-Bold.woff2') format('woff2'),
        url('https://cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/Mont-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family:'Avenir-Bold';
    src: url('//cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/avenir_next.eot') format('eot'),
         url('https://3d6uwv32h0z921qf5d23c434-wpengine.netdna-ssl.com/wp-content/themes/salient-child/font/avenir_next.svg') format('svg'),
         url('//cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/avenir_next.ttf') format('truetype'),
         url('//cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/avenir_next.woff') format('woff'),
         url('//cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/avenir_next.woff2') format('woff2');        
}
 
@font-face {
    font-family:'Avenir-italic';
         src: url('https://cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/AvenirNextLTPro-MediumCnIt.eot') format('eot'),
         url('https://3d6uwv32h0z921qf5d23c434-wpengine.netdna-ssl.com/wp-content/themes/salient-child/font/AvenirNextLTPro-MediumCnIt.svg') format('svg'),
         url('https://cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/AvenirNextLTPro-MediumCnIt.ttf') format('truetype'),
         url('https://cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/AvenirNextLTPro-MediumCnIt.woff') format('woff'),
         url('https://cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/AvenirNextLTPro-MediumCnIt.woff2') format('woff2');
 
}
@font-face {
    font-family:'Avenir'; 
         src: url('https://cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/AvenirNextLTPro-Regular.eot') format('eot'),
         url('https://3d6uwv32h0z921qf5d23c434-wpengine.netdna-ssl.com/wp-content/themes/salient-child/font/AvenirNextLTPro-Regular.svg') format('svg'),
         url('//cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/avenir_next.ttf') format('truetype'), 
         url('//cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/AvenirNextLTPro-Regular.woff') format('woff'),
         url('//cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/AvenirNextLTPro-Regular.woff2') format('woff2');
}

@font-face {
    font-family:'Avenir-exBold';
         src: url('//cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/AvenirNextLTPro-Bold.eot') format('eot'),
         	  url('https://3d6uwv32h0z921qf5d23c434-wpengine.netdna-ssl.com/wp-content/themes/salient-child/font/AvenirNextLTPro-Bold.svg') format('svg'),
         	  url('//cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/AvenirNextLTPro-Bold.ttf') format('truetype'),
         	  url('//cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/AvenirNextLTPro-Bold.woff') format('woff'),
         	  url('//cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/AvenirNextLTPro-Bold.woff2') format('woff2');
}



@font-face {
  font-family: 'AvenirNextLTPro-Regular';
  src: url('https://cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),
       url('https://cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/AvenirNextLTPro-Regular.otf')  format('opentype'),
	     url('https://cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/Fonts/AvenirNextLTPro-Regular.ttf') format('woff'),
       url('AvenirNextLTPro-Regular.ttf')  format('truetype'),
       url('AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
/** 
 * Transition
 * 
 *  
 */




/** 
 * Transform
 *
 *  
 */




/*****************************************/
/* Start your style declarations here    */ 
/*****************************************/

*, *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

* { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}

body {  font-family: 'AvenirNextLTPro-Regular'; color:#fff; padding:0; margin:0; font-size:16px; line-height:24px;} 
  
h1 { font-family:'Avenir-Bold'; color:#fff; padding:0; margin:0; font-size:36px; line-height:40px;}
h2 { font-family:'Avenir-Bold'; color:#fff; padding:0; margin:0; font-size:32px; line-height:36px;}
h3 { font-family:'Avenir-Bold'; color:#fff; padding:0; margin:0; font-size:28px; line-height:32px;}
h4 { font-family:'Avenir-Bold'; color:#fff; padding:0; margin:0; font-size:24px; line-height:28px;}
h5 { font-family:'Avenir-Bold'; color:#fff; padding:0; margin:0; font-size:18px; line-height:24px;}
h6 { font-family:'Avenir-Bold'; color:#fff; padding:0; margin:0; font-size:16px; line-height:18px;}

img { border:0; vertical-align: top; height:auto; max-width:100%; }
hr { border:none; outline:none; float:left; width:100%; height:1px; background:#f2f2f2; clear:both; margin:30px 0; } 
.clear { clear:both }
p { padding:10px 0; margin:0; }
a { text-decoration:none; outline:none; color:#ccc; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; }
a:hover { color:#000; }

input , button , textarea, select , input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { outline:none; border-bottom:1px solid #7a7a7a; border-top:none; border-right:none; border-left:none; background:#fff; height:50px; padding:0 5px; font-family: 'Roboto', sans-serif; font-size:16px; width:100%; }
input[type=checkbox] , input[type=radio] { width:auto; height:auto; } 
textarea { padding:15px 20px; height:100px; }

input[type=submit] , form button { width:auto; cursor:pointer; background:url(https://cdn2.hubspot.net/hubfs/1785169/Retirement_Reality/images/blank.png) no-repeat left top #44B7BA;  padding:10px 20px; min-width:200px; color:#fff; text-align:center; display:inline-block; border:1px solid #44B7BA; letter-spacing:2px; font-weight:600; text-transform:uppercase;  font-size:14px;   outline:none; } 
input[type=submit]:hover , form button:hover { background-color:#44B7BA;  }

ul.hs-error-msgs { margin:0; padding:0; list-style:none; float:left; width:100%; }
.hs-form .input { margin:0; }
.hs-form .hs-form-field { padding:0 0 15px; }
.row-fluid .hs-form fieldset.form-columns-2 .input , .row-fluid .quizcontact-form .hs-form fieldset.form-columns-1 .input { margin-right:0 }
.row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 10px }
.row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 10px 10px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px 10px }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 10px 10px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 5px 10px; }
.row-fluid .hs-form fieldset .hs-input { width:100% !important; padding:10px !important; }
.row-fluid .hs-form fieldset { max-width:none; }
.row-fluid .hs-form fieldset input[type="checkbox"], .row-fluid  .hs-form fieldset input[type="radio"] { width:auto !important; }
ul.inputs-list { margin:0; padding:5px 0; list-style:none; font-size:13px; line-height:18px; }

.row-fluid .inputs-list .hs-form-checkbox-display , .row-fluid .inputs-list .hs-form-booleancheckbox , .row-fluid .inputs-list li.hs-form-radio { display:block; padding:0 0 8px 25px; position:relative; }
.row-fluid .inputs-list input[type="checkbox"] , .row-fluid .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; }
.row-fluid .inputs-list input[type="radio"] { top:3px; }
.row-fluid .inputs-list input[type="checkbox"] + span { line-height: 22px; position:relative; display: block; }
.row-fluid .inputs-list input[type="checkbox"] + span:before  { position:absolute; left:-25px; top:0;  content:''; width:18px; height:18px; border:1px solid #003666; color:#fafafa; background:transparent;   }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:before { background:transparent; color:#fff; border-color:transparent; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:after { text-align:center; color:#003666; position:absolute; left:-25px; top:0;  content: "\f046"; font-family:'FontAwesome'; width: 20px; line-height: 20px; font-size:20px; }

.row-fluid .inputs-list input[type="radio"] + span:before { position:absolute; left:-2px; top:2px;  content:''; width:20px; height:20px; border:1px solid #dadada;  background:#fafafa; border-radius:100%; }
.row-fluid .inputs-list input[type="radio"]:checked + span:after { position:absolute; left:2px; top:6px;  content:''; width:12px; height:12px; border-color:#333; background:#3333;  border-radius:100%; }

.row-fluid [class*="span"] { min-height:1px; }
.header-container-wrapper .row-fluid [class*="span"] { min-height:0; }

.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; outline: none; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-dots { margin:0; padding:0; list-style:none; }

.slick-arrow { position:absolute; top:50%; font-size:0; width:40px; height:40px; line-height:40px; border:1px solid #fbb314; background:#fbb314; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index:2; color:#676767; }
.slick-arrow:hover { background:#fac040; }
.slick-prev { left:0; }
.slick-arrow:after { position:absolute; content:""; right: -2px; top: 50%; width: 25px;  height: 2px; background: #676767; transform: translateY(-50%);  margin-top: 2px; }  
.slick-arrow:before { font-family:'FontAwesome'; font-size:29px; }
.slick-prev:before { content: "\f104"; left: -2px; position: relative; }
.slick-next { right:0; }
.slick-next:before { content: "\f105"; right: -2px; position: relative; }

ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%;}
ul.slick-dots { text-align:center; padding:10px 0 0; }
ul.slick-dots li { display:inline-block; padding:0 5px; }
ul.slick-dots li button { display:inline-block; background:#a1a1a1;  width:15px; height:15px; border-radius:100%; font-size:0; text-index:-9999; cursor:pointer; }
ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#fbb314; }

::-webkit-input-placeholder { color: #000; font-family: 'Roboto', sans-serif; opacity:1; font-size:16px; line-height:20px;}
::-moz-placeholder { color: #000; font-family: 'Roboto', sans-serif; opacity:1; font-size:16px; line-height:20px;}
:-ms-input-placeholder { color: #000; font-family: 'Roboto', sans-serif; opacity:1; font-size:16px; line-height:20px;}
:-moz-placeholder { color: #000; font-family: 'Roboto', sans-serif; opacity:1; font-size:16px; line-height:20px; }

a.cta_button { box-sizing:border-box !important; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -ms-box-sizing:border-box !important; }




@media  (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
    
  .row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 0 }
  .row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 0 10px 0 }
  .row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px  }
  .row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 0 10px 0; }
  .row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 0 10px; }
   
}

@media (min-width: 1001px) {
 
  .row-fluid .mainmenu { margin-left:25px; } 
  .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul  { float:left; }
  .row-fluid .mainmenu ul li { width:auto; float:left; position:relative; } 
  .row-fluid .mainmenu ul li a { font-size:16px; line-height:26px; transition:all 0s ease; font-weight:400;  padding:7px 20px;  font-weight:400; text-transform:capitalize; color:#fff; text-align:center; position:relative; white-space: normal !important; max-width: 100% !important; overflow: visible !important; text-overflow: inherit !important; }
  .row-fluid .mainmenu ul li a:hover,.row-fluid .mainmenu ul li.active a { color:#abd0f7 !important; }
  
  
  .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {  display:none !important; }
    
  /*----submenu----*/
  .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:first-child { padding-bottom:24px; } 
  .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:first-child:hover .submenu_area { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px);  transform: translateY(0px);  transition:0.2s; }  
  
  .submenu_area { width:650px; float:left; position:absolute; top:100%; left:0;  padding:40px 30px 0; background:#fbfcff; opacity: 0; visibility: hidden; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.3);  border-radius: 15px; transition:0s; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); }
  .submenu_area:before { content: ""; position: absolute; top: -12px; left: 5%; border-bottom: 18px solid #fbfcff; border-left: 18px solid transparent;  border-right: 18px solid transparent; }
   
  .submenu_area .submenu_cover{ width:100%; float:left; }
  .submenu_area .submenu_box { width:50%; float:left; margin-bottom:40px; }
  .submenu_area .submenu_box a { width:100%; float:left; padding:0 !important; text-align:left !important; }
  .submenu_area .submenu_icon { width:35px; float:left; }
  .submenu_area .submenu_icon img { max-width:32px; } 
  
  .submenu_area .submenu_inner { width:calc(100% - 35px); padding-left:10px; float:left; }
  .submenu_area .submenu_box h2 { width:100%; float:left; font-size: 15px; line-height: 22px; color:#444; font-weight: 700; }
  .submenu_area .submenu_box h2:hover { color:#19b7fa;  }
  .submenu_area .menu_subtile { width:100%; float:left; font-size: 12px; color:#666; line-height: 18px; }
  
}   
   
.row-fluid  .wrapper { width:100%; max-width:1295px; margin:0 auto !important; float:none !important; padding:0 15px;}

.row-fluid .bgimg-main { background-size:cover; background-repeat:no-repeat; background-position:center center; }
.row-fluid .set-bg { }
.row-fluid .get-bg { display:none; }
.row-fluid .bg-img { display:none; }

/*-----header_section-----*/
.row-fluid .header_section { padding:40px 28px;  width:100%; z-index:9999; position:fixed; left:0; right:0; transition:all .4s ease; }
.row-fluid .header_section .logo_main { width:auto; min-width:126px; }
.row-fluid .header_section .top_logo img { max-width:126px; }

.row-fluid .header_section .sticky_logo { display:none; }
.fixed .row-fluid .header_section .sticky_logo { display:block; }
.fixed .row-fluid .header_section .destop_logo { display:none; }
.fixed .row-fluid .header_section .top_logo img { max-width:116px; }

.fixed .row-fluid .header_section { background:#fff; padding:23px 28px 0; transition:all .4s ease; z-index:9999; box-shadow: 0 0 3px 0 rgba(0,0,0,0.22);    -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.22);    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.22); } 
.fixed .row-fluid .mainmenu ul li a { color:#888; } 
.fixed .row-fluid .mainmenu ul li a:hover,.fixed .row-fluid .mainmenu ul li.active a:hover { color:#abd0f7; }
.fixed .row-fluid .header_section .signin_btn a { color: #384951; border-color:#384951; }
.fixed .row-fluid .header_section .signin_btn a:hover { border-color:#0058ff; color:#0058ff; }

.row-fluid .header_section .signin_btn { width:auto; float:right; padding-top:5px; }
.row-fluid .header_section .signin_btn a { font-size: 15px; line-height: 21px; color:#fff; text-align:center; min-width:80px; font-weight: 700; border-radius:25px; width:auto; float:left; border:2px solid #fff; padding:6px 18px; opacity:0.75; transition:all .6s ease; }
.row-fluid .header_section .signin_btn a:hover { color:#fff; opacity:1; transition:all .6s ease; }
 

/*---Footer-section----*/
.row-fluid .footer_section { padding:55px 0px 0; color:#576c77;  }
.row-fluid .footer_section .footer_box { width:20%; margin-left:0; }
.row-fluid .footer_section .footer_box img { max-width:140px; }
.row-fluid .footer_section .footer_box h3 { width:100%; float:left; color:#082344; font-size:15px; line-height:24px; font-weight:700; margin-bottom:10px;     letter-spacing: 1px; }
.row-fluid .footer_section .footer_box a { color:#576c77; }

.row-fluid .footer_section .footer_box .hs-menu-wrapper.hs-menu-flow-vertical ul { width:100%; float:left; margin:0; padding:0; }
.row-fluid .footer_section .footer_box .hs-menu-wrapper.hs-menu-flow-vertical li { width:100%; float:left; }
.row-fluid .footer_section .footer_box .hs-menu-wrapper.hs-menu-flow-vertical li a {  float:left; color:#576c77;  opacity:0.85; padding:8px 0; white-space: normal !important; width: 100% !important;  overflow: visible !important;  text-overflow: inherit; }

.row-fluid .footer_section .footer_subscribe { margin-top:25px; }
.row-fluid .footer_section .footer_subscribe form { width:100%; float:left; position:relative; }
.row-fluid .footer_section .footer_subscribe form .hs-form-required { display:none }
.row-fluid .footer_section .footer_subscribe form .hs_email { width:100%; float:left; padding-bottom:0; margin-top:20px; }
.row-fluid .footer_section .footer_subscribe form .hs_email input { width:100%; float:left;     font-family: 'AvenirNextLTPro-Regular'; border:none; outline:none; background: #F7F8F9; padding-left: 20px !important; border-radius: 200px; padding-right: 45px !important; font-size: 14px !important; }
.row-fluid .footer_section .hs_submit { position:absolute; right: 20px; bottom: 13px; }
.row-fluid .footer_section .hs-button { opacity:0.75;transition:all .6s ease;  min-width:auto; border:none; background:url('https://cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/right-arrow.png') no-repeat center center; background-color:transparent;     background-size: 100% 100%; width: 24px; height: 22px; padding: 0; }
.row-fluid .footer_section .hs-button:hover { opacity:1; transition:all .6s ease;  }

.row-fluid .footer_section .copyright_area {  border-top:1px solid #E6EDF1; padding:25px 0 30px; margin-top:50px; font-size:12px; color:#777;  }
.row-fluid .footer_section .copyright_area > div > div { display:flex; align-items:center; }
.row-fluid .footer_section .copyright_info { text-align:right; }
.row-fluid .footer_section .copyright_info .copyright_img {  width:auto; float:none; display:inline-block; padding:0 15px; }
 
.row-fluid .footer_section .footer_follow { margin-top:30px; }
.row-fluid .footer_section .footer_follow ul { width:100%; float:left; list-style:none; padding:0; margin:0; }
.row-fluid .footer_section .footer_follow ul li { width:auto; float:left; }
.row-fluid .footer_section .footer_follow ul li a { width:auto; float:left; color:#b5c9d2; padding:0 10px;}
.row-fluid .footer_section .footer_follow ul li a:hover { color:#0058ff;  } 

/*----hero-section----*/
.row-fluid .hero_section {     overflow: hidden; background: linear-gradient(90deg,#0031c6 0%,#006eff 100%);  opacity: 1; padding:155px 0; position:relative; padding-bottom:240px; }
.row-fluid .hero_section h2 { width:100%; float:left; font-size: 42px; color: #ffffff; line-height: 45px;}
.row-fluid .hero_section div#container {   position: absolute;    top: -20px;}

.row-fluid .hero_section .wrapper > div > div { display:flex; align-items:center; }
.row-fluid .hero_section .hero_inner { max-width:580px; padding:80px 0 0; position:relative; z-index:9; }
.row-fluid .hero_section .hero_text { margin:28px 0 48px 0; color: #ffffff; font-size:16px; line-height: 30px; }


.row-fluid .hero_section .account_btn { width:auto; float:left; margin-right:10px; }
.row-fluid .hero_section .account_btn a { width:auto; float:left; padding:15px 30px 15px 28px; border-radius:25px; color:#08B2FA; font-size:13px; line-height:20px; background:#fff; font-weight: 700; } 
.row-fluid .hero_section .account_btn a:hover { box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-transform: translateY(-3px);     opacity: 0.87;  }

.row-fluid .hero_section .download_app > div > span { display:flex; align-items:center; }
.row-fluid .hero_section .download_app h5 { font-weight:400; margin-right:15px; font-size:16px; line-height:24px; width:auto; float:left; }
.row-fluid .hero_section .download_app img { max-width:45px; margin-right:10px; }

.row-fluid .hero_section .download_app { width:auto; float:left; } 
.row-fluid .hero_section .hero_img {  padding-left:50px; transform: translate3d(15px, 13px, 0px); transform-style: preserve-3d; } 
.row-fluid .hero_section .hs-image-widget { transition:all .6s ease;  -webkit-transform: translate(-0%, -0%);  -moz-transform: translate(-0%, -0%);  transform: translate(-0%, -0%); } 

 
/*----cloud_section----*/
.row-fluid .cloud_section { padding:150px 0 182px; overflow-x: hidden;  overflow-y: hidden; } 
.row-fluid .cloud_section h3 { width:100%; float:left; color: #0058ff; font-weight: 400; padding-left:50px; position:relative; font-size:16px; line-height:24px;  font-weight: 700; font-family: 'AvenirNextLTPro-Regular'; }
.row-fluid .cloud_section h3:before { position:absolute; content:"\f0c2"; font-family:FontAwesome; left:0; top:0; font-size:30px; } 
.row-fluid .cloud_section h2 { font-size: 33px; color: #000000; width:100%; float:left; margin:20px 0; margin-bottom:0; }

.row-fluid .cloud_section .cloudsoftware_text { font-size: 18px; color: #576c77; }
.row-fluid .cloud_section .cloudsoftware_text ul { padding:0 0 0 20px; margin:20px 0 0; width:100%; float:left; list-style:none; }
.row-fluid .cloud_section .cloudsoftware_text ul li { width:100%; float:left; position:relative; margin-bottom:10px; padding-left:30px; font-size:18px; line-height: 24px; color:#444444; font-weight: 400; } 
.row-fluid .cloud_section .cloudsoftware_text ul li:before { position:absolute; content:"\f046"; color:#0058ff; font-family:FontAwesome; left:0; top:0; } 

.row-fluid .cloud_section .newaccount_btn { margin-top:30px;  }
.row-fluid .cloud_section .newaccount_btn a { font-size: 15px; background:#0058ff; line-height: 21px; color:#fff; text-align:center;  font-weight: 700; border-radius:25px; width:auto; float:left; min-width: 245px; border:none; padding:15px 18px;  transition:all .6s ease; }
/* .row-fluid .cloud_section .newaccount_btn a:hover { color:#fff; opacity:1; transition:all .6s ease; } */
.row-fluid .cloud_section .newaccount_btn a:hover {  transition:all .6s ease; box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-transform: translateY(-3px);     opacity: 0.87;  } 

.row-fluid .cloud_section .laptop_img { position:relative; transform: scale(1.4) translateX(65px) translateY(60px); -webkit-transform: scale(1.4) translateX(65px) translateY(60px); -moz-transform: scale(1.4) translateX(65px) translateY(60px); -ms-transform: scale(1.4) translateX(65px) translateY(60px); }
/* .row-fluid .cloud_section .laptop_img:before { position:absolute; content:""; left:0; right:0; background:url('https://cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/laptop-frame.png') no-repeat center center; width:100%; height:100%; } */


 
/*-----theseday_section---*/
.row-fluid .theseday_area { width:100%; float:left; text-align:center; padding:50px 0; }
.row-fluid .theseday_area h2 { width:100%; float:left; color:#082344; font-weight:700; font-size:34px; line-height:40px; margin-bottom:10px; }
.row-fluid .theseday_area h4 { width:100%; float:left; color:#082344; font-weight:400; font-size:18px; line-height:30px;  font-family: 'AvenirNextLTPro-Regular'; }

.row-fluid .theseday_area .theseday_cover { width:100%; float:left; margin-top:72px; } 
.row-fluid .theseday_area .theseday_box { width:33.33%; float:left; text-align:center; padding:0 15px; }
.row-fluid .theseday_area .theseday_icon { width:100%; float:left; margin-bottom:20px;   min-height: 100px;   display: flex;   align-items: center;    justify-content: center; } 
.row-fluid .theseday_area .theseday_icon img { max-width:85px; } 
.row-fluid .theseday_area h3 { width:100%; float:left; color:#082344; font-size:20px; line-height:24px; font-weight:400; font-family: 'AvenirNextLTPro-Regular'; }
  
/*-----digitalsoft----*/  
.row-fluid .digitalsoft_section { width:100%; float:left; padding:50px 0; }
.row-fluid .digitalsoft_section .digitalsoft_titles {  width:50%; float:left; }
.row-fluid .digitalsoft_titles h2 { width:100%; float:left; color:#082344; font-weight:700; font-size:34px; line-height:40px; margin-bottom:8px; } 
.row-fluid .digitalsoft_titles h4 { width:100%; float:left;    color: #576c77; font-weight:400; font-size:18px; line-height:30px; font-family: 'AvenirNextLTPro-Regular';  } 
.row-fluid .digitalsoft_section .digitalsoft_top { width:100%; float:left; margin-bottom:60px; }

.row-fluid .digitalsoft_section .createmy_btn a { font-size: 15px; background:#0058ff; line-height: 21px; color:#fff; text-align:center;  font-weight: 700; border-radius:25px; width:auto; float:right; min-width: 245px; border:none; padding:13px 18px;  transition:all .6s ease; }
/* .row-fluid .digitalsoft_section .createmy_btn a:hover { color:#fff; opacity:1; transition:all .6s ease; } */
.row-fluid .digitalsoft_section .createmy_btn a:hover {  transition:all .6s ease; box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-transform: translateY(-3px);     opacity: 0.87;  }
 
.row-fluid .digitalsoft_section .digitalsoft_cover { margin:0 -15px; }
.row-fluid .digitalsoft_section .digitalsoft_box { width:calc(33.33% - 30px); background:#f6f9fc;  float:left; padding:40px; margin:0 15px;  margin-bottom:30px; border: 2px solid rgb(209, 219, 225);border-radius: 10px;  }
.row-fluid .digitalsoft_section .digitalsoft_box:hover { background:#fff; box-shadow: 0 30px 80px rgba(0,0,0,0.14), 0 20px 70px rgba(0,0,0,0.12); } 
 
.row-fluid .digitalsoft_section .digitalsoft_img { width:100%; float:left;  }
.row-fluid .digitalsoft_section .digitalsoft_img img { max-width:60px; } 
.row-fluid .digitalsoft_section .digitalsoft_box h3 { width:100%; float:left;     color: #0a0a0a; font-size:20px; line-height:24px; font-weight:400; margin:25px 0 20px 0; font-family: 'AvenirNextLTPro-Regular'; }  
.row-fluid .digitalsoft_section .digitalsoft_text { width:100%; float:left; color: #576c77; font-size:16px; line-height:24px; font-weight:400; }
 
/*-----interact_section----*/  
.row-fluid .interact_section { padding:100px 0 80px 0; position:relative; margin: 50px 0 20px; } 
.row-fluid .interact_section .intreact_iner { position:relative; z-index:9; } 
/* .row-fluid .interact_section:before { position:absolute; content:""; width:100%; height:100%; left:0; top:0;background: linear-gradient(90deg,#08b2fa 0%,#026bfe 100%);  } */
.row-fluid .interact_section .wrapper { display:flex; align-items:center; } 

.row-fluid .interact_section h2 { width:100%; float:left; font-size:27px; line-height:36px;     font-family: 'AvenirNextLTPro-Regular'; font-weight:700; margin-bottom:40px; } 
.row-fluid .interact_section .intreact_btn { width:auto; float:left; margin-right:10px; }
.row-fluid .interact_section .intreact_btn img { max-width:180px; }
.row-fluid .interact_section  .modile_hand { position: relative; max-width: 425px; margin-top: -155px; float: left; margin-bottom: -81px; padding-left:20px; margin-left:90px; } 
 

/*---clinetquot_section---*/ 
.row-fluid .clinetquot_section { padding:140px 0; position:relative; }
.row-fluid .clinetquot_section .wrapper { position:relative; z-index:1; }
.row-fluid .clinetquot_section:before {  background-color: rgba(0,0,0,0.58); width:100%; height:100%; opacity:0.5; left:0; top:0; position:absolute; content:""; }
.row-fluid .clinetquot_section:after { position:absolute; content:""; background:url('https://cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/bottom-line.png') no-repeat center center; width:100%; height:70px; left:0; bottom:-2px; }
.row-fluid .clinetquot_section h2 { width:100%; float:left; color:#fff; font-size:32px; line-height:50px; font-weight:700; margin-bottom:40px;   }
  
/*----google_reviews----*/
.row-fluid .google_reviews { width:100%; float:left; text-align:center; padding:50px 0; background:#f6f9fc; color:#6a7d87; font-weight:400; font-size:16px; line-height:24px;  }
.row-fluid .google_reviews h2 { width:100%; float:left; color:#082344; font-weight:700; font-size:27px; line-height:40px; margin-bottom:10px; font-family: 'AvenirNextLTPro-Regular'; } 
.row-fluid .google_reviews .reviews_image img { max-width:185px;  } 
.row-fluid .google_reviews .row-fluid .google-left{ text-align:left; }   

/*----testimonial_section--*/ 
.row-fluid .testimonial_section { width:100%; float:left; background:#f6f9fc; padding:70px 0; font-weight:300; font-size:22px; line-height:40px; color:#000;  }
.row-fluid .testimonial_section .testimonial_cover { width:100%; float:left;  }
.row-fluid .testimonial_section .client_box { width:100%; float:left; text-align:center; }
.row-fluid .testimonial_section .client_content { width:100%; float:none; display:inline-block; max-width:1000px; font-family: 'Open Sans', sans-serif; font-size:22px; line-height:40px;     padding-bottom: 8px; }  
.row-fluid .testimonial_section .client_box h3 { width:100%; float:left; position:relative; font-weight:300; font-size:16px; line-height:22px; color:#000;  padding-top:60px; font-family: 'Open Sans', sans-serif; }
.row-fluid .testimonial_section .client_box h3:before { position:absolute; content:""; background:url('https://cdn2.hubspot.net/hubfs/3938013/Gosite%20%20Theme%202018/newstar.png'); top:15px; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); width:18px; height:18px; background-size:cover !important; }

.row-fluid .testimonial_section .client_box.onestar h3:before { width:18px; }
.row-fluid .testimonial_section .client_box.twostar h3:before { width:35px;}
.row-fluid .testimonial_section .client_box.threestar h3:before {width:50px; }
.row-fluid .testimonial_section .client_box.fourstar h3:before { width:66px; }
.row-fluid .testimonial_section .client_box.fivestar h3:before { width:84px; } 

.row-fluid .testimonial_section .custom_paging { width:100%; float:left; text-align:center; list-style:none; padding:54px 0 0; margin:0; }
.row-fluid .testimonial_section .custom_paging li { width:auto; float:none; display:inline-block; display:none; transition:all .6s ease;  font-size:16px; line-height:20px; font-weight:400; letter-spacing:6px; }
.row-fluid .testimonial_section .custom_paging li.slick-active { display:block;  transition:all .6s ease; }

.row-fluid .testimonial_section .slick-prev { cursor:pointer; background:transparent !important; border:none; }
.row-fluid .testimonial_section .slick-prev:before { position:absolute; left:13px; color:#000; -ms--webkit-transition: -webkit-transform .5s cubic-bezier(.2,1,.2,1); transition: transform .5s cubic-bezier(.2,1,.2,1);  -webkit-transition: -webkit-transform .5s cubic-bezier(.2,1,.2,1); }
.row-fluid .testimonial_section .slick-prev:hover:before { -ms-transform: translateX(-10px); -webkit-transform: translateX(-10px);  transform: translateX(-10px);  }
.row-fluid .testimonial_section .slick-prev:after {  backface-visibility: hidden; margin-top:2px; display: block; content: ' '; z-index: 100;  position: absolute; width: 22px;   height: 2px; background-color: #000; top: 48%; opacity: 0; right: 11px; cursor: pointer; -ms-transform: translateY(-50%) scaleX(0) translateZ(0);  transform: translateY(-50%) scaleX(0) translateZ(0); -webkit-transform: translateY(-50%) scaleX(0) translateZ(0); transition: opacity .5s cubic-bezier(.2,1,.2,1),transform .5s cubic-bezier(.2,1,.2,1); -webkit-transition: opacity .5s cubic-bezier(.2,1,.2,1),-webkit-transform .5s cubic-bezier(.2,1,.2,1);  }
.row-fluid .testimonial_section .slick-prev:hover:after { opacity: 1;  -ms-transform: translateY(-50%) scaleX(1) translateZ(0); transform: translateY(-50%) scaleX(1) translateZ(0);  -webkit-transform: translateY(-50%) scaleX(1) translateZ(0); }

.row-fluid .testimonial_section .slick-next { cursor:pointer; background:transparent !important; border:none; }
.row-fluid .testimonial_section .slick-next:before { position:absolute; right:13px; color:#000; -ms--webkit-transition: -webkit-transform .5s cubic-bezier(.2,1,.2,1); transition: transform .5s cubic-bezier(.2,1,.2,1);  -webkit-transition: -webkit-transform .5s cubic-bezier(.2,1,.2,1); }
.row-fluid .testimonial_section .slick-next:hover:before { -ms-transform: translateX(10px); -webkit-transform: translateX(10px);  transform: translateX(10px);  }
.row-fluid .testimonial_section .slick-next:after {  backface-visibility: hidden; margin-top:2px; display: block; content: ' '; z-index: 100;  position: absolute; width: 22px;   height: 2px; background-color: #000; top: 48%; opacity: 0; left: 11px; cursor: pointer; -ms-transform: translateY(-50%) scaleX(0) translateZ(0);  transform: translateY(-50%) scaleX(0) translateZ(0); -webkit-transform: translateY(-50%) scaleX(0) translateZ(0); transition: opacity .5s cubic-bezier(.2,1,.2,1),transform .5s cubic-bezier(.2,1,.2,1); -webkit-transition: opacity .5s cubic-bezier(.2,1,.2,1),-webkit-transform .5s cubic-bezier(.2,1,.2,1);  }
.row-fluid .testimonial_section .slick-next:hover:after { opacity: 1;  -ms-transform: translateY(-50%) scaleX(1) translateZ(0); transform: translateY(-50%) scaleX(1) translateZ(0);  -webkit-transform: translateY(-50%) scaleX(1) translateZ(0); }
 
/*----.connectbiges_section----*/  
.row-fluid .connectbiges_section { padding:70px 0 70px; overflow: hidden; background-color: #026bfe; text-align:center; position:relative; font-size:16px; line-height:24px; font-weight:400; }
.row-fluid .connectbiges_section .wrapper { position:relative; z-index:99;}
.row-fluid .connectbiges_section h2 { font-size:28px; line-height:40px; font-weight:700; width:100%; float:left; margin-bottom:8px;color:#fff; }
.row-fluid .connectbiges_section .connectacut_btn a { font-size: 15px; margin:25px 0; background:#fff; line-height: 21px; color:#3e9189; text-align:center;  font-weight: 700; border-radius:25px; width:auto; float:none; display:inline-block; min-width: 245px; border:none; padding:13px 18px;  transition:all .6s ease; }
.row-fluid .connectbiges_section .connectacut_btn a:hover {  transition:all .6s ease; box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-transform: translateY(-3px);     opacity: 0.87;  }
.row-fluid .connectbiges_section .wanttalk_text a { color:#fff; font-size:16px; line-height:24px; font-weight:400; }
.row-fluid .connectbiges_section .connectbig_img {  width: 100%; height: 100%;  background-position: center center;  position: absolute; top: 0; left: 0;  z-index: 9; background-size: cover; transform: scale(1.1); }  
 
.row-fluid .footer_section .footer_subscribe form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666666; 
}
.row-fluid .footer_section .footer_subscribe form ::-moz-placeholder { /* Firefox 19+ */
  color: #666666;  opacity:1;
}
.row-fluid .footer_section .footer_subscribe form :-ms-input-placeholder { /* IE 10+ */
color: #666666;
}
.row-fluid .footer_section .footer_subscribe form :-moz-placeholder { /* Firefox 18- */
 color: #666666;
}
.sameheight{ float:left; width:100%; }


/*-------*/
.steps-txt .nectar-parallax-scene div {  margin-left: 0;  top: 0;  min-height: 100%;  width: 100%;  height: 100%;  } 
.main-content { width: 100%; float: left; }
.wpb_row .nectar-parallax-scene { background: #ccc;  }
#steps { margin-left: 0 !important; margin-top: 0 !important; width: 100% !important; height: 100%; padding-top: 0;  padding-bottom: 0; position: fixed; transform: translate(0) !important; }
  
/*----services_section----*/
.services_section  { width:100%; float: left; text-align: center; padding:90px 0 100px; color:#73848d; font-size:20px; line-height:30px;     border-bottom: 1px solid #eee; } 
.services_section h2 { width:100%; float:left; margin-bottom: 8px; font-size: 37px; line-height: 56px; color:#082344; font-weight:700; }
 .services_cover { width:100%; float: left; margin-top:60px; } 
.services_cover h3 { width:100%; float:left; margin-top: 10px; margin-bottom:12px; font-size:20px; line-height:28px; color:#0a0a0a; }

.services_cover .services_box { width:calc(25% - 25px); position:relative; transition:all .6s ease;  border: 2px solid rgb(209, 219, 225); margin:0 12px; border-radius: 8px; float: left; background: #f2f2f2; padding: 35px;text-align: center; }  
/* .services_cover .services_box:hover:before { opacity:1; background:#fff; transition:all .6s ease; } */
.services_cover .services_box:before { position:absolute; content:""; width:100%; height:100%; left:0; background:#f6f9fc; opacity:0.7;     z-index: -1; top:0; transition:all .6s ease;  }
.services_cover .services_box .services_img { width:100%; float:left;     padding-bottom: 8px; }
.services_cover .services_box .services_text { width:100%; float:left;  }
.services_cover .services_box .services_img svg { max-width:85px; margin:0 auto; }
.services_cover .services_box .sameheight { width:100%; float:left; position:relative; }  
.sameheight-a {
    float: left;
    width: 100%;
}
/*------*/
.row-fluid .mobile-hero{ display:none; }   

.row-fluid .about_hero_section { padding: 15px 0px; position: relative; min-height: 100vh; height: 100vh; display: flex; align-items: center; justify-content: center; }
.row-fluid .nectar-shape-divider-wrap { position: absolute; top: auto; bottom: 0; left: 0; right: 0; width: 100%; height: 100px; z-index: 2; transform: translateZ(0); }
.row-fluid .nectar-shape-divider-wrap .nectar-shape-divider { width: 100%; left: 0; bottom: -1px; height: 100%; position: absolute; }
.row-fluid .about_hero_section .title h1 { font-size: 35px; color: #ffffff; line-height: 1.1; text-align: center; }
.row-fluid .cta-design a { font-weight: 700; letter-spacing: 0px; background: #fff; display: inline-block; margin-top: 28px; color: #08B2FA; transition: all .6s ease; border-radius: 200px; font-size: 15px; padding: 13px 42px; }
.row-fluid .cta-design a:hover { box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-transform: translateY(-3px); opacity: 0.85; }
.row-fluid  .vc_column-inner { padding: 3%; text-align: center; box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08), 0 13px 45px rgba(0, 0, 0, 0.08); border-radius: 10px; }
.row-fluid .icon-p { color: #0058ff; }
.row-fluid .subtitle-box-p { margin-bottom: 24px; font-size: 16px; color: #576c77; text-align: center; font-family: Lato; font-weight: 700; font-style: normal; }
.row-fluid .title-box-p { font-size: 30px; color: #082344; text-align: center; line-height: 40px; font-weight: 700; }
.row-fluid .icon-p { margin-bottom: 24px; font-size: 50px; }
.row-fluid .vc_column-row { max-width: 1080px; margin: 0 auto !important; padding-top: 95px; float: none; }
.row-fluid  .p-main-content { max-width: 840px; margin: 0 auto !important; padding-top: 50px; float: none; text-align: center; }
.row-fluid  .p-main-content .title h2 { color: #082344; text-align: center; line-height: 40px; font-weight: 700; font-size: 34px; margin-bottom: 7px; margin-bottom: 30px; }
.row-fluid  .p-main-content .details { font-size: 26px; color: #576c77; line-height: 1.6; text-align: center; }
.Software-to-help { padding-bottom: 137px; padding-top: 18px; }
.iwithtext-row { margin: 0 -10px; display: block; }
.solutions-section { padding: 150px 0; padding-bottom: 97px; }
.iwithtext { float: left; width: calc(50% - 20px); margin: 0 10px; background-color: #0058ff; border-radius: 5px; margin-bottom: 25px; padding: 15px; display: flex; padding-top: 25px; padding-bottom: 23px; align-items: center; }
.row-fluid .about-hero-content { text-align: center; }
.iwt-icon { width: 67px; float: left; padding-right: 10px; }
.iwt-text { float: left; width: calc(100% - 67px); }
.row-fluid .solutions-section .title h2 { font-size: 32px; line-height: 40px; }
.row-fluid .cta-little-button a { display: inline-block; margin-top: 30px; visibility: visible; background: #0058ff; font-size: 12px; text-transform: capitalize; padding: 5px 12px; letter-spacing: 2px; color: #FFF; border-radius: 30px; }
.row-fluid .cta-little-button a:hover { box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-transform: translateY(-3px); }
.solutions-section .row-fluid .wrapper { max-width: 1250px; } 
.row-fluid .title-box-p.five-thousnd-size { font-size: 44px; color: #082344; font-family: 'Avenir-Bold'; text-align: center; line-height: 40px; font-weight: 700; }
.row-fluid .title-box-p { font-size: 30px; color: #082344; font-family: 'Avenir-Bold'; text-align: center; line-height: 40px; font-weight: 700; }

/*----demo---page--*/
.row-fluid .demohero_section { padding: 142px 0 42px; background-position: left center;     background-color: #3f9751;    background-blend-mode: multiply;    min-height: 700px; position: relative; font-size: 16px; color: #fff; line-height: 24px; font-weight: 400; }
.row-fluid .demohero_section .wrapper { position: relative; z-index: 9; }
/* .row-fluid .demohero_section:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: #334e6f; opacity: 0.5; } */
.row-fluid .demohero_section .nectar-shape-divider-wrap { height: 150px; }
.row-fluid .demohero_inner { padding-left: 48px; padding-top: 59px; }
.row-fluid .demohero_inner h2 { color: #fff; font-size: 54px; line-height: 62px; font-weight: 900; margin-bottom: 20px; }
.row-fluid .demohero_inner ul { padding: 11px 0 0 24px; margin: 0; width: 100%; float: left; list-style: none; }
.row-fluid .demohero_inner ul li { width: 100%; float: left; position: relative; padding-left: 34px; margin-bottom: 5px; }
.row-fluid .demohero_inner ul li:before { position: absolute; content: "\f046"; color: #fff; font-family: FontAwesome; left: 0; top: 0; }
.row-fluid .demoform_area { max-width: 472px; margin-right: 48px; float: right; background: #fff; padding: 24px 35px; color: #576d80; font-size: 18px; line-height: 26px; font-weight: 400; text-align: center; box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08), 0 13px 45px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08), 0 13px 45px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08), 0 13px 45px rgba(0, 0, 0, 0.08); padding-bottom:0;     padding-bottom: 40px; }
.row-fluid .demoform_area h3 { font-weight: 700; font-size: 28px; line-height: 34px; color: #082344; margin-bottom: 0px;     padding-bottom: 0;  }
.row-fluid .demoform_area .demoform form { width: 100%; margin-top: 30px; float: left; text-align: left; }
.row-fluid .demoform form input { background: #F6F9FC; border: none; height: 32px; padding: 10px; }
.row-fluid .demoform form .hs-form-field { margin-bottom: 5px; }
.row-fluid .demoform form .hs-form-field label {     width: 100%; float: left;  font-size: 12px;  line-height: 22px;  color: red; }
.row-fluid .demoform form .hs-form-required { display: none; }
.row-fluid .demoform form .hs-button { font-size: 15px; height: auto; margin: 15px 0 12px; float: left; width: 100%; background: #0058ff; font-family: arial;  letter-spacing: 1px; line-height: 21px; color: #fff; text-align: center; font-weight: 400; border-radius: 25px; min-width: 245px; border: none; padding: 13px 18px; transition: all .6s ease; }
.row-fluid .demoform form .hs-button:hover { transition: all .6s ease; box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-transform: translateY(-3px); opacity: 0.87; }
.text-left{ text-align:left; }
.row-fluid .demoform_area form{ padding-top: 20px; }

.demoform_area .row-fluid .hs-form fieldset.form-columns-2 .field{     padding: 0 0 0px 0px !important;  }
.demoform_area .row-fluid .hs-form fieldset.form-columns-2 .field:first-child{     padding: 0 0px 0px 0 !important; }

/* ====== start placement page Css ====== */
.row-fluid .placement-text-wrap { max-width: 820px; float: none; position: relative; z-index: 2; margin: 0 auto !important; text-align: center; padding-top: 140px; padding-bottom: 500px; }
.placement-hero .container .layer img { margin-left: -10%; top: -10%; min-height: 100%; width: 120%; height: 120%; background-size: cover; margin-bottom: 0 !important; max-width: none; position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d }
.row-fluid .placement-text-wrap .sub-title h2 { line-height: 24px; font-weight: 700; font-family: 'AvenirNextLTPro-Regular'; font-size: 18px; }
.row-fluid .placement-text-wrap .sub-title { padding-bottom: 10px }
.row-fluid .arrow-button a { margin-top: 20px; visibility: visible; color: rgb(255, 255, 255); font-family: 'AvenirNextLTPro-Regular'; border-color: rgba(255, 255, 255, 0.75); background-color: #0058ff; font-size: 15px; padding: 12px 42px; display: inline-block; border: 2px solid #0058ff; position: relative; border-radius: 30px; }
.row-fluid .arrow-button a:hover:before { opacity: 1; visibility: visible; transform: translateY(-50%) scale(1); }
.row-fluid .arrow-button a:hover { background-color: #0058ff; border-color: #0058ff; box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16); -ms-transform: translateY(-3px); transform: translateY(-3px); padding-right: 55px; padding-left: 30px;
-webkit-transform:translateY(-3px); }
.row-fluid .arrow-button a:before { content: '\f178'; top: 50%; right: 20px; font-family: FontAwesome; color: #fff; position: absolute; transform: translateY(-50%) scale(0); opacity: 0; visibility: hidden; transition: all .3s; }
.row-fluid .placement-text-wrap  .title h2 { font-size: 34px; line-height: 40px; }
.row-fluid .placement-hero-btn a { margin-top: 20px; visibility: visible; color: rgb(255, 255, 255); font-family: 'AvenirNextLTPro-Regular'; border-color: rgba(255, 255, 255, 0.75); background-color: transparent; font-size: 15px; padding: 13px 42px; display: inline-block; border: 2px solid rgba(255, 255, 255, 0.75); position: relative; border-radius: 30px; }
.row-fluid .placement-hero-btn a:hover:before { opacity: 1; visibility: visible; transform: translateY(-50%) scale(1); }
.row-fluid .placement-hero-btn a:hover { background-color: #0058ff; border-color: #0058ff; box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16); -ms-transform: translateY(-3px); transform: translateY(-3px); padding-right: 55px; padding-left: 30px;
-webkit-transform:translateY(-3px); }
.row-fluid .placement-hero-btn a:before { content: '\f178'; top: 50%; right: 20px; font-family: FontAwesome; color: #fff; position: absolute; transform: translateY(-50%) scale(0); opacity: 0; visibility: hidden; transition: all .3s; }
.row-fluid .placement-hero { position: relative; overflow: hidden; }
.placement-hero div#container { position: absolute; top: -120px; }
.row-fluid .placement_section_one .cloudsoftware_text { padding-bottom: 12px; }
.row-fluid .placement_section_one .row-fluid .righ-part-one { background-image: url('https://cdn2.hubspot.net/hubfs/3938013/Bg-3.png'); background-size: contain; min-height: 551px; background-repeat: no-repeat; background-position: center center; }
.row-fluid .placement_section_one .row-fluid .righ-part-one { position: relative; }
.row-fluid .placement_section_one .row-fluid .righ-part-one  .commen { position: absolute; top: 0; }
.row-fluid .placement_section_one .row-fluid .righ-part-one .image2 { text-align: center; }
.row-fluid .placement_section_one .row-fluid .righ-part-one .image2 img { max-width: 35%; }
.row-fluid .placement_section_one .row-fluid .righ-part-one .image3 { text-align: right; }
.row-fluid .placement_section_one .row-fluid .righ-part-one .image3 img { max-width: 35%; float: right; max-width: 36%; margin-top: -50px }
.row-fluid .placement_section_one .row-fluid .righ-part-one .image1 img { float: left; max-width: 36%; margin-top: 119px; margin-left: 65px; position: relative; z-index: 1; }
.row-fluid .placement_section_one .row-fluid .righ-part-one .image1 { z-index: 1; }
.row-fluid .placement_section_one .row-fluid .righ-part-one .image4 { text-align: center; }
.row-fluid .placement_section_one .row-fluid .righ-part-one .image4 img { margin-top: 45%; max-width: 35%; position: relative; z-index: 3; right: -42px; }
.row-fluid .tile-text-place { text-align: center; font-size: 16px; line-height: 24px; color: #092344; padding-bottom: 75px; }
.row-fluid .tile-text-place h2 { font-size: 28px; line-height: 40px; color: #092344; padding-bottom: 15px; }
.row-fluid .tile-text-place p { opacity: 0.9; }
.row-fluid .placement_section_one { padding-top: 80px; padding-bottom: 110px; }
.row-fluid .placement_section_one .cloudinner { padding-right: 70px; }
.row-fluid .placement-section-two { background: #F1F5F8; }
.row-fluid .placement-section-two  .left-part h3 { padding-bottom: 0px; }
.row-fluid .placement-section-two .left-part .content p { opacity: 1; }
.row-fluid .placement-section-two .row-fluid .automatic-padding { padding: 0 165px; }
.row-fluid .placement-section-two .zigzgag-main { padding: 108px 0px 80px; }
.row-fluid .placement-section-three .zigzgag-main .left-part h3 { padding-bottom: 5px; }
.row-fluid .placement-section-three .zigzgag-main .left-part .content p { opacity: 1; color: #000; }
.row-fluid .placement-section-three .zigzgag-main .left-part { padding-right: 100px; }
.row-fluid .placement-section-four  .zigzgag-main .left-part .content p { opacity: 1; color: #000; }
.row-fluid .placement-section-four .zigzgag-main .left-part h3 { padding-bottom: 2px; }
.row-fluid .placement-section-four .row-fluid .automatic-padding { padding: 0 0; }
.row-fluid .placement-section-four .zigzgag-main { padding: 75px 0px 110px; }
.row-fluid .mbile-place-image { display: none; }  



/* ====== end placement page Css ====== */ 

.row-fluid .termsofservices-hero{     background-position: left top; }      
.row-fluid .termsofservices-hero .row-fluid .placement-text-wrap{  padding-top: 152px;  padding-bottom: 68px;  }     
.row-fluid .termsofservices-hero .row-fluid .placement-text-wrap .title h2{   font-size: 45px;  line-height: 40px; }    
.row-fluid .terms-body .row-fluid .details{ color:#676767; line-height:24px; font-size:16px; opacity:0.9; } 
.row-fluid .terms-body .row-fluid .wrapper{ max-width: 1175px;  border-bottom: 1px solid #ccc; padding-top: 40px;   padding-bottom: 80px;  }    
.row-fluid .terms-body  {  padding-bottom:10px;  }
       

/* ====== start placement page Css ====== */


.zigzgag-section{width:100%;float:left;}
.zigzgag-section h2{line-height: 40px;font-weight: 700;color: #444;letter-spacing: 0px;margin-bottom: 7px;font-size: 34px;max-width: 850px;  width: 100%;  margin: auto;  float: none;  text-align: center;padding-top:111px;}	
.zigzgag-section p{color: #676767;font-size:16px;font-weight:400;text-align:center;}
.zigzgag-main {padding: 75px 0px 80px;}
.zigzgag-main > div > div{display: flex; align-items: center;}
.zigzgag-main .left-part h3{font-size: 28px;color: #04244a;text-align: left;padding-bottom: 18px;}
.zigzgag-main .left-part .content p{color:#676767;font-size:16px;font-weight:400;line-height:24px;opacity: 0.8;text-align: left;}
.zigzgag-main .left-part .content{max-width: 440px;width: 100%;text-align: left;padding-bottom: 15px;}

.zigzgag-main .left-part .block-btn a{font-size: 15px; display:inline-block; background: #0058ff;  line-height: 21px;  color: #fff;  text-align: center;  font-weight: 700;  border-radius: 25px;  width: auto;  float: left;  min-width: 245px;  border: none;  padding: 13px 18px;  transition: all .6s ease;position:relative;}
.zigzgag-main .left-part .block-btn a:before{content:'\f178';top:50%;right:15px;font-family: FontAwesome;color:#fff;position:absolute;transform: translateY(-50%) scale(0);opacity:0;visibility:hidden;transition:all 0.3s;}
.zigzgag-main .left-part .block-btn a:hover{padding-left: 0;box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);transform: translateY(-5px);}
.zigzgag-main .left-part .block-btn a:hover:before{opacity:1;visibility:visible;transform: translateY(-50%) scale(1);}
.zigzgag-main .left-part {    padding-left: 50px; }
.zigzgag-main .right-part { margin-left:0;padding: 10px 0px 10px 10px;}
.zigzgag-main .right-part .block-img{max-width: 100%;padding: 10px 20px 10px 60px;}
.zigzgag-main .right-part .block-img img{max-width: 85%; object-fit: cover;}
.zigzgag-section-bgcolor{width:100%;float:left;background:#f1f5f8;}
.zigzgag-section.third-part .left-part { padding-left: 20px;}
.zigzgag-section.third-part .left-part .content{max-width: 480px;}
.zigzgag-section .section-title{padding-bottom:20px;}

.booking-hero{width:100%;float:left;padding: 160px 0px 0px;}
.booking-hero .sub-title h2{font-size: 26px;color: #ffffff;text-align: center}
.booking-hero .title h2{font-size: 36px;color: #ffffff;text-align: center;font-weight: 700;line-height:40px;padding-top: 32px;padding-bottom: 42px;}
.booking-hero .booking-hero-btn a{font-size: 15px;  background: #fff;  line-height: 21px;  color: #08B2FA;  text-align: center;  font-weight: 700;  border-radius: 25px;  width: auto;display:inline-block; min-width: 245px;  border: none;  padding: 13px 18px;  transition: all .6s ease;}
.booking-hero .booking-hero-btn a:hover{transition: all .6s ease;  box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);  -ms-transform: translateY(-3px);  transform: translateY(-3px);  -webkit-transform: translateY(-3px);  opacity: 0.87;}
.booking-hero .hero-text-wrap{max-width: 640px;  width: 100%;  float: none;  margin: auto !important;}
.booking-hero .booking-hero-btn{text-align:center;padding-bottom:50px;}
.booking-hero .hero-booking-img{width:100%;float:left;position:relative;}
.booking-hero .hero-booking-img .booking-left{position: relative;text-align: right;transform: rotate(5deg) translateX(80px);    margin: auto;}
.booking-hero .hero-booking-img .booking-right{position: relative;text-align: left;transform: rotate(-5deg) translateX(-50px);    margin: auto;}
.booking-hero .hero-booking-img .booking-center{ text-align: center;  margin-top: -316px;  position: relative;margin-bottom: -85px;}
.booking-hero .hero-booking-img .booking-center img{    max-width: 50%;    text-align: center;    margin: auto;}
.row-fluid .automatic-padding{ padding: 0 105px; text-align: center; }

.row-fluid .booking-first-sec .right-part{ position:relative; }
.row-fluid .booking-first-sec .image2{   position: absolute;  bottom: -45px;  right: -6px;   width: auto;; }
.row-fluid .booking-first-sec {   padding-bottom: 152px;} 


/*  =====  massenger  ===== */
.row-fluid .reviews_hero.messenger_hero { background: inherit; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; padding: 155px 0 0; opacity: 1; }
.row-fluid .reviews_hero.messenger_hero .reviewhero_img img { max-width: 600px; padding-top: 0; margin-top: 40px; margin-bottom: -10px; }
.row-fluid .reviews_hero.messenger_hero .title { font-family: 'AvenirNextLTPro-Regular'; font-size: 18px; line-height: 24px; font-weight: 700; }
.row-fluid .reviews_hero.messenger_hero  h2 { font-size: 34px; line-height: 40px; margin-top: 12px; }
.row-fluid .reviews_hero.messenger_hero  .reviewhero_img { margin-top: 0px; }
.row-fluid .reviews_hero.messenger_hero .reviews_wrap { max-width: 765px; }
.row-fluid .list-style-check ul { padding: 0 0 0 20px; margin: 20px 0 0; width: 100%; float: left; list-style: none; }
.row-fluid .list-style-check ul li { width: 100%; float: left; position: relative; margin-bottom: 2px; padding-left: 30px; font-size: 16px; line-height: 24px; color: #444444; font-weight: 400; }
.row-fluid .list-style-check ul li:before { position: absolute; content: "\f046"; color: #0058ff; font-family: FontAwesome; left: 0; top: 0; }
.row-fluid .attractcustor_section.mose-messenger h2 { margin-bottom: 22px; }
.row-fluid .attractcustor_section.mose-messenger { background: #F1F5F8; padding-bottom: 0; }
.row-fluid .attractcustor_section.mose-messenger .attractcustom_text, .row-fluid .attractcustor_section.mose-messenger .reviewhub_inner { opacity: 1; }
.row-fluid .attractcustor_section.mose-messenger .list-style-check { opacity: 0.8; color: #444444; }
.row-fluid .attractcustor_section.mose-messenger .attractcustom_text { margin-bottom: 0; }
.row-fluid .attractcustor_section.mose-messenger .onlireview_img #container { position: absolute; right: 0; top: 0; height: 100%; width: 100%; padding-right: 0; }
.row-fluid .attractcustor_section.mose-messenger .reviewhub_cover { position: relative; }
.row-fluid .attractcustor_section.mose-messenger .onlireview_img #container .layer img { height: 100%; width: 100%; object-fit: contain; height: 790px; margin-top: -51px; }
.row-fluid .attractcustor_section.mose-messenger .reviewhub_inner { padding-top: 195px; padding-bottom: 149px;  position:relative;  z-index: 2; }            
.row-fluid .attractcustor_section.mose-messenger .sub-title { color: #282828; }  
.row-fluid .standonline_section.messenger-two .standonline_img img { max-width: 100%; margin-right: 0; padding-right: 30px; }
.row-fluid .standonline_section.messenger-two .standonline_right { padding: 0; padding-left: 40px; }
.row-fluid .messenger-two-row > div > div { display: flex; align-items: center; }
.row-fluid .standonline_section.messenger-two { padding: 108px 0; padding-bottom: 60px; } 



/*  =====  end massenger  ===== */
.row-fluid  .morereview_img.messenger-section-three { position: relative; }
.row-fluid  .morereview_img.messenger-section-three .image2 img { max-width: 358px; }    
.row-fluid  .morereview_img.messenger-section-three .image2 { position: absolute; top: 22%; right: 0; right: 0; margin: 0 auto; }  
.row-fluid .morereview_section.messenger-section-three .morereview_inner { padding-right: 0; }   
.row-fluid .morereview_section.messenger-section-three .morereview_inner h3 { color: #04244a; font-size: 28px; line-height: 28px; margin-bottom: 12px; }  
.row-fluid .morereview_section.messenger-section-three  .row-fluid .textopacity { opacity: 1; color: #676767; }
.row-fluid .massesenger-four .feedbacksand_img { position: relative; }
.row-fluid .massesenger-four .feedbacksand_img .image2 img { max-width: 429px; }            
.row-fluid .massesenger-four .feedbacksand_img .image2 { position: absolute; top: 78px;   right: -32%; }
.row-fluid .massesenger-four-main .row-fluid .textopacity { opacity: 1; color: #676767; }
.row-fluid .massesenger-four-main .row-fluid .morereview_inner { padding-right: 0; }
.row-fluid .massesenger-four-main .row-fluid .morereview_inner h3 { margin-bottom: 16px; color: #04244a; }
.row-fluid .massesenger-four-row > div > div { display: flex; align-items: center; }
.row-fluid .feedbacksand_section.massesenger-four .feedbacksand_right { padding-left: 4px; padding-right: 0; }
.massesenger-four-row .row-fluid .textopacity { opacity: 1; color: #676767; }
.row-fluid .massesenger-four-row h2 { margin-bottom: 20px; }
.row-fluid .feedbacksand_section .massesenger-four-row .feedbacksand_img { padding-left: 0 }
.row-fluid .messenger-five .morereview_img img { max-width: 378px; }
.row-fluid .morereview_section.messenger-five .morereview_inner h3 { color: #04244a; margin-bottom: 18px; }
.row-fluid .morereview_section.messenger-five .row-fluid .textopacity { opacity: 1; color: #676767; }
.row-fluid .morereview_section.messenger-five { padding: 70px 0; }       



.main-preloader { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999999999; background-color:#fff; text-align: center; }
.main-preloader .main-preloader-inner { position: absolute; top: 50%; left:50%; width: 100%; -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);; }
.main-preloader .preloader-percentage { color:#fff; margin: 0; }
.main-preloader .preloader-percentage span { display: inline-block; float: center; font-size: 50px; }      



/* ===== embed coade ===== */
.job-inner .whatexpect_area,.job-inner .row-fluid .whatwedo_area,.job-inner .row-fluid .jo-content-inner,.job-inner .row-fluid .benefits_section,.job-inner .conclusion_area,.job-inner .whatexpect_area .career_expect{ display:none; }   



/* ======= AutoWe - Landin page css ======= */
 
.black-header .row-fluid .mainmenu ul li a { color: #082244; }
.row-fluid .header_section.black-header .signin_btn a { color: #384951; border-color: #384951; }
.row-fluid .autopweb-herosection { min-height: 600px; position: relative; overflow: hidden; padding-top: 100px; margin-top: 45px; padding-bottom: 238px; }
.row-fluid .autopweb-herocontent { text-align: center; max-width: 600px; float: none; margin: 0 auto !important; padding-top: 30px; }
.row-fluid .autopweb-herocontent .sub-title { font-family: Mont; line-height: 24px; font-size: 20px; text-align: center; font-weight: bold; letter-spacing: 1.2px; color: #0258FF; }
.row-fluid .icon { padding-bottom: 20px; }
.row-fluid .icon img { max-width: 32px; }
.row-fluid .autopweb-herocontent .row-fluid .title { padding-top: 30px; }
.row-fluid .autopweb-herocontent .row-fluid .title h1 { font-family: Mont; line-height: 44px; font-size: 32px; font-weight: bold; text-align: center; color: #082344; }
.search-resultbox { float: left; width: 100%; }
.search-resultbox::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #576C77; opacity: 1; }
search-resultbox::-moz-placeholder { /* Firefox 19+ */
color: #576C77; opacity: 1; }
search-resultbox:-ms-input-placeholder { /* IE 10+ */
color: #576C77; opacity: 1; }
search-resultbox:-moz-placeholder { /* Firefox 18- */
color: #576C77; opacity: 1; }
.search-resultbox { float: left; max-width: 530px; margin: 0 auto; float: none; }
.title-row { float: left; width: 100%; display: flex; align-items: center; line-height: 19px; font-size: 14px; color: #082344; font-family: 'Avenir-Bold'; justify-content: space-between; }
span.s-lefttitle:last-child { line-height: 19px; font-size: 14px; color: #576C77; font-family: 'AvenirNextLTPro-Regular'; text-transform: inherit; text-align: right; padding-left: 20px; padding-right: 0; }
span.s-lefttitle { width: 50%; float: left; text-align: left; padding-right: 20px; cursor: pointer; }
input.search-filde { background: #FFFFFF; border: 1px solid #DBE3EB; box-sizing: border-box; border-radius: 4px; width: 100%; float: left; margin-top: 15px; height: 48px; line-height: 19px; font-size: 14px; color: #576C77; text-align: left; padding: 12px 17px; }
.nextserch-button { float: left; width: 100%; padding-top: 32px; }
.nextserch-button a { display: inline-block; background-color: #0058ff; color: #fff; line-height: 21px; font-size: 14px; letter-spacing: 0.5px; text-transform: uppercase; color: #FFFFFF; font-family: 'Avenir-Bold'; padding: 15px 54px; border-radius: 4px; }
.nextserch-button a:hover { background-color: #3278fe; }
ul.serach-dropdown { position: absolute; display: none; }
.row-fluid .autowebweb { padding-top: 50px; }
.row-fluid .autopweb-heroleft { position: absolute; left: -455px; }
.row-fluid .autopweb-heroright { left: auto; position: absolute; width: auto; right: -150px; top: 69px; z-index: -1; }
.row-fluid .autopweb-heroleft { position: absolute; left: -475px; top: 5px; z-index: -1; }

 

.row-fluid .title-box { text-align: center; }
.row-fluid .title-box .title h2 { font-family: Mont; line-height: 32px; font-size: 24px; text-align: center; color: #082344; }
.row-fluid .title-box .sub-text { line-height: 32px; font-size: 18px; text-align: center; color: #576C77; }
.Threeeasy-box { float: left; width: 33.33%; text-align: center; padding: 0 40px; }
.Threeeasy-box-tile h3 { font-family: Mont; line-height: 28px; font-size: 20px; text-align: center; color: #082344; }
.Threeeasy-box-tile { padding-top: 35px; }
.Threeeasy-box-text { line-height: 24px; font-size: 16px; text-align: center; color: #576C77; padding-top: 14px; }
.row-fluid .title-box .title { padding-bottom: 10px; }
.three-easy-steps .wrapper { max-width: 1086px; }
.row-fluid .title-box { text-align: center; max-width: 644px; margin: 0 auto !important; float: none; padding-bottom: 50px; }
.Threeeasy-box-row { padding-top: 50px; }
.row-fluid .three-easy-steps{  margin-top: -60px; padding-bottom:80px; }   



.row-fluid .ziczackleft-image1 { text-align: right; }
.row-fluid .mobile-ready-section { }
.ziczack-title h2 { font-family: Mont; line-height: 42px; font-size: 32px; color: #082344; }
.row-fluid .ziczack-text { line-height: 30px; font-size: 18px; color: #576C77; padding-top: 10px; }
.row-fluid .ziczack-textcover { max-width: 470px; float: right; }
.row-fluid .ziczackleft-right .ziczackleft-cover-right { position: relative; }
.row-fluid .ziczackleft-image2 { position: absolute; top: -30px; right: 0; width: auto; }
.row-fluid .ziczackleft-right { padding-right: 82px; }
.row-fluid .mobile-ready-rowsection > div > div { display: flex; align-items: center; }
.row-fluid .mobile-ready-section { padding: 85px 0; }
.row-fluid .auto-custome-theme { padding: 60px 0; }
.row-fluid .auto-custome-theme .row-fluid .title-box .title h2 { line-height: 42px; font-size: 32px; }
.row-fluid .auto-custome-theme  .row-fluid .title-box { max-width: 748px; }
.row-fluid .auto-custome-theme  .title-box .sub-text { line-height: 30px; font-size: 18px; text-align: center; color: #576C77; }
.row-fluid .auto-custome-theme .poduct-image img { max-width: 690px; }
.row-fluid .auto-custome-theme .poduct-image { text-align: center; }


.row-fluid .easy-drag-section.site-section.even-part p {    line-height: 30px;    font-size: 18px;    color: #576C77; }
.row-fluid .easy-drag-section.site-section .content-cover{     max-width: 460px; }
.row-fluid .easy-drag-section.site-section.even-part .right-part{     padding-left: 0; }


.site-section.even-part.even-one.easy-drag-section { margin-top: 0; padding-top: 48px;     margin-top: -20px; }
.row-fluid .connet-bussines { text-align: center; padding-top: 70px; padding-bottom: 100px; }
.row-fluid .connet-bussines .row-fluid .icon img { max-width: inherit; }
.row-fluid .connet-bussines .row-fluid .icon-title { line-height: normal; font-size: 14px; text-align: center; text-transform: uppercase; font-family: 'Avenir-Bold'; color: #0258FF; }
.row-fluid .connet-bussines .title  h2 { font-family: Mont; line-height: 44px; font-size: 32px; text-align: center; color: #082344; }
.row-fluid .cta-buttonstart a { background: #0058FF; border: 1px solid #E6EDF1; box-sizing: border-box; border-radius: 4px; display: inline-block; line-height: normal; font-family: 'Avenir-Bold'; font-size: 14px; text-align: center; letter-spacing: 0.35px; text-transform: uppercase; color: #FFFFFF; padding: 16px 45px; }
.row-fluid .cta-buttonstart a:hover { background-color: #3278fe; }
.row-fluid .cta-buttonstart { padding-top: 24px; }
.row-fluid .phone-start { line-height: 26px; font-size: 18px; text-align: center; color: #576C77; padding: 18px 0; }
.row-fluid .phone-start a, .a-bold { font-family: 'Avenir-Bold'; color: #000; }
.row-fluid .connet-bussines .wrapper { max-width: 560px; }
.row-fluid .connet-bussines .row-fluid .icon-title { padding-top: 10px; padding-bottom: 22px; }

.row-fluid .easy-drag-section h3 {   font-family: Mont;  line-height: 42px;  font-size: 32px;   color: #082344;  padding-bottom: 8px; }
   

  

/* ======= end AutoWe - Landin page css ======= */

 





@media (min-width: 1300px){

/* .row-fluid .cloudinner .left-space {  padding-right: 83px; }  */
  .row-fluid .theseday_area{     padding-bottom: 100px; }
  .row-fluid .digitalsoft_section{     padding-top: 70px; padding-bottom: 90px; }
  .row-fluid .google_reviews {     padding-top: 106px;  } 

  .row-fluid .testimonial_section{ padding-bottom: 110px; }
  .row-fluid .cloudinner.left-space {   padding-right: 70px; }
  
  




}

@media (max-width: 1350px){
  .row-fluid .autopweb-heroleft{  left: -317px;  top: 5px;  max-width: 600px; }
  .row-fluid .autopweb-heroright{  right: -91px;  top: 69px;  z-index: -1;  max-width: 359px; }
  .row-fluid .autopweb-herosection{   margin-top: 35px;  padding-bottom: 146px; }
  .row-fluid .connet-bussines .wrapper{     max-width: 560px;
    float: none !important; }
  
  .row-fluid .ziczack-textcover{    padding-left: 30px;   }
 
  
  
  
}



@media (min-width: 1001px) and (max-width:1240px){ 

  .row-fluid .wrapper { width:1000px; }
  
  .row-fluid .footer_section .footer_box { font-size: 15px;  line-height: 22px; }
  .row-fluid .digitalsoft_titles h2 { font-size: 26px; }
  .row-fluid .digitalsoft_section .digitalsoft_box { padding:25px; }  
  .row-fluid .digitalsoft_section .digitalsoft_box h3 { margin:20px 0 15px 0; }
  .row-fluid .digitalsoft_section .digitalsoft_top { margin-bottom: 35px; }
  
  .row-fluid .cloud_section .laptop_img { transform: scale(1.3) translateX(65px) translateY(54px);  -webkit-transform: scale(1.3) translateX(65px) translateY(54px); -moz-transform: scale(1.3) translateX(65px) translateY(54px); -ms-transform: scale(1.3) translateX(65px) translateY(54px); }
  .row-fluid .hero_section h2 { font-size: 32px; line-height: 46px; }
  .row-fluid .hero_section .hero_text { margin:20px 0 40px 0; }
  .row-fluid .cloud_section { padding:60px 0; } 
  .row-fluid .cloud_section h2 { margin-bottom:8px; font-size:28px; }
  
  .row-fluid .theseday_area h2 { font-size: 30px; line-height: 36px; }  
  .row-fluid .theseday_area h4 { font-size: 16px; line-height: 22px; }
  .row-fluid .interact_section { margin:40px 0 20px; }
  .row-fluid .interact_section h2 { font-size: 22px;}  
  
  .row-fluid .clinetquot_section { padding:70px 0; }  
  .row-fluid .clinetquot_section h2 { font-size: 28px;  line-height: 44px; margin-bottom: 20px; } 
  
  .row-fluid .google_reviews { padding:40px 0 20px; } 
  .row-fluid .testimonial_section { padding:40px 0; font-size: 18px;  line-height: 30px; }
  .row-fluid .testimonial_section .client_content { max-width: 820px; }  
  
  .services_section { padding:40px 0; }
  .services_section h2 { font-size: 32px; line-height: 44px; }
  .services_cover .services_box { padding:20px; }
  .services_cover h3 { font-size: 16px; line-height: 30px; }
  .services_cover .services_box .services_img svg { max-width: 50px; }
  
  .row-fluid .demohero_section { padding: 120px 0 40px; }
  .row-fluid .demohero_inner h2 { font-size: 36px; }
  .row-fluid .demoform_area { margin-right: 40px; max-width: 430px; }
 
  .row-fluid .interact_section {  padding-bottom:81px; }
  .row-fluid .interact_section .modile_hand {  max-width: 400px; padding-left: 25px; margin-left: 0;  } 
  

  
}

@media (min-width: 1000px) and (max-width:1360px){ 
  .row-fluid .clinetquot_section .wrapper{     max-width: 890px; }

}

@media (min-width: 991px) and (max-width:1240px){ 
  .row-fluid .placement-section-three .zigzgag-main .left-part{  padding-right: 0;   padding-left: 0; }
  .row-fluid .placement_section_one .cloudinner{ padding-right: 0; }
  .row-fluid .placement-section-two .row-fluid .automatic-padding{     padding: 0 129px; }

}



@media (max-width: 991px){
  .row-fluid .autopweb-herosection { margin-top: 0; padding-bottom: 122px; padding-top: 80px; }
.row-fluid .autopweb-heroright { right: -91px; top: 110px; z-index: -1; max-width: 233px; }
.row-fluid .autopweb-heroleft { left: -369px; top: 5px; max-width: 536px; }
.row-fluid .title-box { padding-bottom: 0; }
.Threeeasy-box { padding: 0 10px; }
.row-fluid .mobile-ready-section { padding: 0px 0; }
.row-fluid .ziczackleft-image2 { max-width: 133px; }
.row-fluid .ziczackleft-right { padding-right: 25px; }
.ziczack-title h2 { line-height: 35px; font-size: 28px; }
.site-section.easy-drag-section  .even-one-left img { margin-top: -547px; }
.row-fluid .easy-drag-section.site-section .content-cover { max-width: 460px; float: none; margin: 0 auto; }
.site-section.easy-drag-section.even-part .left-part { padding-left: 0; padding-top: 50px; text-align: center; margin: 0; }
.row-fluid .easy-drag-section h3 { text-align: center; }
.row-fluid .easy-drag-section.site-section.even-part p { text-align: center; }

  
  
}



@media (min-width: 991px) and (max-width:1060px){
.row-fluid .cloudinner.left-space {  padding-left: 50px !important;  }


}


@media (min-width: 768px) and (max-width:999px){ 

  .row-fluid .wrapper { width:750px; }
   
  .row-fluid .theseday_area .theseday_cover { margin-top: 40px;  }  
  .row-fluid .theseday_area h3 { font-size: 16px; }
  .row-fluid .theseday_area .theseday_icon img { max-width: 60px;  }   
  
  .row-fluid .digitalsoft_titles h2 { font-size: 26px; }
  .row-fluid .digitalsoft_section .digitalsoft_box { padding:20px; } 
  .row-fluid .digitalsoft_section .digitalsoft_text { font-size: 12px; line-height: 22px; }
  .row-fluid .digitalsoft_section .digitalsoft_box h3 { margin:18px 0 15px 0; }
  
  .row-fluid .hero_section h2 { font-size: 28px; line-height: 46px; }
  .row-fluid .hero_section .account_btn { width:100%; margin-bottom:20px; }
  
  .row-fluid .cloud_section { padding:60px 0 40px; }
  .row-fluid .cloud_section .laptop_img { transform: scale(1.5) translateX(65px) translateY(40px);  -webkit-transform: scale(1.5) translateX(65px) translateY(40px);  -ms-transform: scale(1.5) translateX(65px) translateY(40px); }
  .row-fluid .cloud_section h2 { font-size: 28px; line-height: 34px; color: #000000; margin:20px 0 8px; }
  .row-fluid .cloud_section .cloudsoftware_text { font-size: 16px;  }
   
  .row-fluid .theseday_area h2 { font-size: 26px; line-height: 36px; margin-bottom: 5px; }  
  .row-fluid .theseday_area h4 { font-size: 14px; line-height: 20px; }
  
  .row-fluid .interact_section { margin:40px 0; padding-bottom:65px; }
  .row-fluid .interact_section h2 { font-size: 24px; line-height: 34px; }
  .row-fluid .interact_section .intreact_btn img { max-width: 140px; }
  .row-fluid .interact_section .modile_hand {  padding-left:0; margin-left:0; max-width:354px; }
   
  .row-fluid .digitalsoft_section { padding:30px 0; }
  .row-fluid .clinetquot_section { padding:70px 0; }
  .row-fluid .clinetquot_section h2 { font-size: 26px; line-height: 42px; margin-bottom: 20px; }
 
  .row-fluid .google_reviews { padding:40px 0 30px; }
  .row-fluid .google_reviews h2 { font-size: 21px;  line-height: 32px; }
  .row-fluid .testimonial_section {  padding:30px 0; font-size: 18px;  line-height: 30px; } 
  .row-fluid .testimonial_section .client_content { max-width: 620px; }
  .row-fluid .connectbiges_section h2 { font-size: 22px; line-height: 34px; }
    
  .services_section { padding:40px 0; font-size: 18px; }
  .services_cover { margin-top: 40px; }    
  .services_section h2 { margin-bottom: 5px; font-size: 28px; line-height: 38px; }
  .services_cover .services_box { width:calc(25% - 20px); padding:15px; margin:0 10px; }  
  .services_cover .services_box .services_img svg { max-width:50px; }  
  .services_cover h3 { margin-bottom: 0;  font-size: 14px; line-height: 20px; }
  
    .row-fluid .demohero_section { padding: 110px 0 40px; }
  .row-fluid .demohero_inner { padding: 40px 0 0; }
  .row-fluid .demohero_inner h2 { font-size: 28px; line-height: 40px; }
  .row-fluid .demoform_area { margin-right: 0; }
  .row-fluid .demoform_area h3 { font-size: 24px; margin-bottom: 10px; }
    
}

@media(max-width:1400px) {
 
    .placement-hero .container .layer img{ height: 968px; object-fit: contain; }     
    .row-fluid .placement-text-wrap{     padding-bottom: 325px;     padding-top: 114px; }  


}






@media(max-width:991px) {
  .row-fluid .hero_section .hero_inner{  padding: 0 0 0; }
  
  .row-fluid .hero_section{  padding: 115px 0;  padding-bottom: 100px; }
  .row-fluid .hero_section div#container{ position: absolute; top: 20px;  right: 0; } 
  
   .row-fluid .p-main-content { padding-top: 25px; padding: 0 15px; }
  .row-fluid .vc_column-row { padding-top: 44px; }
  .Software-to-help { padding-bottom: 92px; padding-top: 28px; }
  .row-fluid .p-main-content .title h2 { margin-bottom: 15px; }
  .solutions-section { padding: 94px 0; padding-bottom: 50px; }
  .iwithtext { width: calc(100% - 20px); }
  .row-fluid .solutions-section .title h2 { font-size: 26px; line-height: 35px; }
  .row-fluid .solutions-section .title h2 br{ display:none; }
  .row-fluid .cta-little-button a { margin-top: 20px; }
  .row-fluid .vc_column-row { padding: 0 15px; }
  .row-fluid .p-main-content .details { padding-bottom: 30px; }
  .row-fluid .theseday_area h3 br{ display:none; }
  .row-fluid .digitalsoft_section .digitalsoft_text br{ display:none; }
       
  .row-fluid .placement-text-wrap{     padding-bottom: 363px; }
  .row-fluid .placement_section_one .cloudinner {   padding-right: 0;   padding-left: 25px !important; }  
  .row-fluid .tile-text-place{     padding-bottom: 50px; }  
  .row-fluid .placement_section_one {  padding-top: 40px;   padding-bottom: 40px; }
   .row-fluid .placement_section_one  .row-fluid .cloud_section h2{     margin: 20px 0 0px;     font-size: 26px;   line-height: 31px; }
  .row-fluid .placement_section_one .row-fluid .righ-part-one .commen{     top: 20%; }
  .row-fluid .placement_section_one{     padding-bottom: 15px; }
  .row-fluid .placement-section-two .row-fluid .automatic-padding{     padding: 0 54px; }
  .row-fluid .placement-section-two .zigzgag-main{     padding: 55px 0px 20px; }
  .row-fluid .placement-section-three .zigzgag-main .left-part{     padding-right: 10px; }
  .row-fluid .placement-section-four .zigzgag-main{ padding: 75px 0px 68px; }
    .placement-hero .container .layer img{   object-fit: cover; }
  .row-fluid .termsofservices-hero .row-fluid .placement-text-wrap{   padding-top: 140px; padding-bottom: 58px; }
  .row-fluid .terms-body .row-fluid .wrapper{     padding-bottom: 45px; }
  
  .row-fluid .booking-first-sec {   padding-bottom: 70px;}
  
    .booking-hero .hero-booking-img .booking-center{    margin-top: -177px;}
  .site-section.odd-part .left-part{    padding-right: 10px;}
  .site-section.even-part .right-part{padding-left: 10px;    padding-right: 10px;}
  .perspective-effext-banner{       background-size: 300px !important;   min-height: 400px !important; }  
  .booking-hero{ padding: 120px 0px 0px; }
  .row-fluid .hero-booking-img{     padding-bottom: 20px;  }
  .zigzgag-section h2{     padding-top: 70px; }
  .zigzgag-main{     padding: 40px 0px 55px; }
  .zigzgag-main .left-part{  padding-right: 15px;}
  .row-fluid .automatic-padding{     padding: 0 32px; }
  .zigzgag-section.third-part .left-part{ padding-left: 0; }  
  .row-fluid .automatic-padding{     padding-top: 32px; }
  .row-fluid .fourth-part{ padding-top:25px; }
  .zigzgag-main .left-part{     padding-left: 0; }
  .site-hero-wrap{padding-top: 170px;}
  .step-section{     padding: 70px 0px 67px; }
  .site-section.odd-part{     padding: 72px 0px; }
  
  .row-fluid .interact_section.meessenger-section  h2{     font-size: 22px; }
  .row-fluid .morereview_img.messenger-section-three .image2 img{     max-width: 230px; }
  .row-fluid .morereview_img.messenger-section-three .image2{     top: 20%; }
  .row-fluid .massesenger-four .feedbacksand_img .image2 img{     max-width: 250px; }
  .row-fluid .massesenger-four .feedbacksand_img .image2{   top: 34%;    right: -183px; }
  .row-fluid .reviews_hero.messenger_hero{     padding: 119px 0 0; }
  .row-fluid .attractcustor_section.mose-messenger .reviewhub_inner{     padding-top: 94px;      padding-bottom: 76px; }
  .row-fluid .attractcustor_section.mose-messenger .onlireview_img #container .layer img{     height: 617px; }
  .row-fluid .standonline_section.messenger-two{  padding: 65px 0;  padding-bottom: 36px; }
 .row-fluid .morereview_section.massesenger-four-main {   padding-top: 21px;}
  .row-fluid .morereview_section.messenger-five{     padding: 45px 0; }
  
  
    
  
  
  
  
}

@media(max-width:767px) {
  .row-fluid .hero_section div#container{  display:none;   position: inherit; }
  .row-fluid .mobile-hero{ display:block; padding-top:30px; }
  .row-fluid .hero_section{   padding: 102px 0; padding-bottom: 58px;}
  
  .about-hero-content .title h2 { font-size: 26px; line-height: 33px; }
  .row-fluid .nectar-shape-divider-wrap { display: none; }
  .row-fluid .about_hero_section { height: auto; min-height: auto; }
  .row-fluid .about_hero_section { padding: 64px 10px; margin-top:60px; }
  .row-fluid .p-main-content .title h2 { font-size: 28px; line-height: 34px; margin-bottom: 5px; }
  .row-fluid .p-main-content .details { line-height: 1.4; font-size: 22px; }
  .row-fluid .vc_column-inner { padding: 38px; margin-bottom: 45px; }
  .Software-to-help { padding-bottom: 11px; }
  .solutions-section { padding: 50px 0; padding-bottom: 38px; }
  .iwithtext-row { padding-top: 42px; }
  .iwithtext { flex-direction: column; }
  .iwt-icon { padding-right: 0; padding: 0 5px; }
  .iwt-text { float: left; width: 100%; text-align: center; padding-top: 12px; }
  .row-fluid .Software-to-help { padding-top: 50px; }
  .row-fluid .solutions-section{ text-align:center; }
  .fixed .row-fluid .header_section{     z-index: 99999; }
  .row-fluid .demohero_inner{     text-align: left; }
  .row-fluid .demoform_area{ float:none; }
  .row-fluid .mobile-none{ display:none; }   
  .row-fluid .mbile-place-image{ display:block; }
  .row-fluid .placement-text-wrap .title h2{   font-size: 28px;  line-height: 34px; }
  .row-fluid .placement-text-wrap{     padding-bottom: 70px; }
  .row-fluid .placement_section_one{     padding: 30px 0 !important; }
  .row-fluid .tile-text-place{     padding-bottom: 1px;     padding-bottom: 27px; }
  .row-fluid .placement_section_one .cloudinner{     padding-left: 10px !important; }
  .row-fluid .arrow-button a{     padding: 9px 36px; }
  .row-fluid .arrow-button{ text-align:left; }
 
  .row-fluid .placement_section_one .row-fluid .righ-part-one .image1 img{ margin-left: 0; }   
  .row-fluid .placement-section-two .row-fluid .automatic-padding{     padding: 0 15px;   padding-bottom: 20px; }
  .row-fluid .placement-section-two .zigzgag-main{ padding: 25px 0px 20px; }
  .row-fluid .placement-section-two .zigzgag-main .left-part *{     text-align: left; }
   
  .row-fluid .placement-section-two  .left-part{     padding-right: 0;   padding-bottom: 0; }
  .row-fluid .placement-section-two .zigzgag-main .left-part{     padding-bottom: 0; }      
  .row-fluid .placement-section-three .second-part .zigzgag-main{     padding-top: 17px; }
  .row-fluid .placement-section-three .zigzgag-main .left-part{ padding-right: 0;    padding-bottom: 25px; }
  .row-fluid .placement-section-three .zigzgag-main .left-part .content{     padding-bottom: 0; }
  .row-fluid .placement-section-four .zigzgag-main{     padding: 45px 0px 50px; }
  .row-fluid .placement-section-four .row-fluid .automatic-padding{ padding-top:34px; }        
  .row-fluid .arrow-button{ text-align:center; }    
  
  .placement-section-three .zigzgag-main > div > div{  display: flex;  flex-direction: column; }
  .placement-section-three .zigzgag-main{     padding-top: 0; }  
  .row-fluid .placement-section-four .row-fluid .automatic-padding{     padding-bottom: 33px; }  
  .row-fluid .placement-section-four .zigzgag-main{ padding: 14px 0px 0; }
  .row-fluid .placement_section_one .row-fluid .righ-part-one{     min-height: 348px; }     
  .row-fluid .placement-section-three   .zigzgag-main{ padding-top:0; }
  
  .row-fluid .termsofservices-hero .row-fluid .placement-text-wrap {   padding-top: 120px;   padding-bottom: 50px; }
  .row-fluid .termsofservices-hero .row-fluid .placement-text-wrap .title h2{  font-size: 34px;  line-height: 34px; }   
  .row-fluid .placement-section-three .zigzgag-main .left-part *{ text-align:left; }
  .zigzgag-section.third-part .left-part{  padding-right: 0;    text-align: left; } 
    .zigzgag-section.third-part .left-part *{    text-align: left; } 
  .booking-hero{overflow-x: hidden;}  
  .booking-hero .hero-booking-img{padding-bottom: 90px;}
  .booking-hero .hero-booking-img .booking-left{    position: absolute;     text-align: left;   left: 0;    transform: rotate(5deg) translateX(0px);    margin: auto;    top: 0;    bottom: auto;}
  .booking-hero .hero-booking-img .booking-left img{width: 100% !important;}
  .booking-hero .hero-booking-img .booking-right{position: absolute;    text-align: right;    transform: rotate(-5deg) translateX(0px);    margin: auto;    left: auto;    right: 0;    margin: auto;}
  .booking-hero .hero-booking-img .booking-right img{width: 100% !important;}
  .booking-hero .hero-booking-img .booking-center {    margin-top: 40px;}
  .booking-hero .hero-booking-img .booking-center img{max-width: 80%;}
  .zigzgag-section h2{padding-top: 51px;line-height: 30px;font-size: 25px;} 
  .zigzgag-main{padding: 55px 0px 30px;}
  .booking-hero .title h2{font-size: 26px;    line-height: 32px;    padding-top: 20px;    padding-bottom: 30px;}
  .booking-hero{padding: 120px 0px 0px;}
  .zigzgag-main > div > div{display: flex; flex-direction: column-reverse;}
  .zigzgag-main .left-part{padding-left: 0;padding-bottom: 30px;}
  .zigzgag-main .right-part{  padding: 10px 0px 10px 0px;}
  .second-part .zigzgag-main{padding-top: 45px;}
  .second-part .zigzgag-main .left-part{padding-bottom: 0;    padding-top: 18px; }
  .third-part .zigzgag-main{ padding-top: 42px;}
  .fourth-part .zigzgag-main .left-part{ padding-bottom: 0;}
  .zigzgag-main .left-part h3{    font-size: 24px;text-align:center;     color: #000000; }
  .zigzgag-main .left-part .content p{    text-align: left;}
  .zigzgag-main .left-part h3{padding-bottom: 0;text-align:left }
  .zigzgag-main .left-part .block-btn a{float:left;}
  .block-btn{text-align: center;}
  .booking-hero .hero-text-wrap{max-width: 100%;padding: 0px 15px;}
  .first-part .zigzgag-main{    padding-top: 10px;}
  .zigzgag-section.third-part .left-part .content{max-width: 100%;}
  .zigzgag-section.third-part .left-part{    padding-left: 0;}
  .zigzgag-main .right-part { display:block; }
  .site-section h3 { text-align:left; }
  .site-section .block-btn a { float:left; }
  .site-section.even-part p { text-align:left }
  
  .row-fluid .reviews_hero.messenger_hero h2{ font-size: 25px; line-height: 36px; }
  .row-fluid .reviews_hero.messenger_hero .reviewhero_img img{  max-width: 600px;  padding-top: 0;   margin-top: 29px;   margin-bottom: -10px;   width: 100% !important;    padding-bottom: 25px; }
  .row-fluid .attractcustor_section.mose-messenger .onlireview_img #container{ display:none; }
  .row-fluid .list-style-check ul li{ text-align:left; }
  .row-fluid .attractcustor_section.mose-messenger .reviewhub_inner{     padding-top: 45px;    padding-bottom: 55px; }
  .row-fluid .messenger-two-row > div > div{ flex-direction: column; }
  .row-fluid .standonline_section.messenger-two .standonline_img img{   margin-right: 0;  padding-right: 0;   margin-bottom: 28px; }
  .row-fluid .standonline_section.messenger-two .standonline_right{ padding-left:0; }
  .row-fluid .morereview_img.messenger-section-three .image2 img{ max-width: 185px; }
  .row-fluid .morereview_img.messenger-section-three .image2{     left: 0; }
  .row-fluid .massesenger-four-row > div > div{ flex-direction: column; }
  .row-fluid .massesenger-four .feedbacksand_img .image2{ top: 20%;   right: 8%; }
  .row-fluid .feedbacksand_section.massesenger-four .feedbacksand_right{   padding-top: 15px;   padding-bottom: 15px; }
  .row-fluid .morereview_section.messenger-five{ padding: 20px 0; }
  
  .row-fluid .arrow-button a { float:left; }
  .row-fluid .messenger-five .morereview_img img{   max-width: 378px;   width: 100% !important;     margin-top: 17px; }  
  .row-fluid .morereview_section.massesenger-four-main{ padding-top:50px; }
  .row-fluid .massesenger-four-main .row-fluid .morereview_inner{ padding-top:30px; }
  .row-fluid .standonline_section.messenger-two{ padding-top: 52px; }
 
  .row-fluid .attractcustor_section.mose-messenger { padding-left: 15px;   padding-right: 15px; }
  .row-fluid .morereview_section .morereview_cover>div>div { flex-direction: column ; }        
  .row-fluid .booking-first-sec .right-part{     margin-bottom: 77px;} 
  .row-fluid .booking-first-sec{     padding-bottom: 24px; }
  .row-fluid .booking-four-part .row-fluid .zigzgag-main{ padding-top:20px; }
  .row-fluid .booking-four-part .right-part{ padding-bottom:30px; }
  
  
  
  
  
} 

 
@media (min-width: 30px) and (max-width:767px){ 
  
  .services_cover .services_box { width:100%; float:none; display:inline-block; max-width:380px; margin:0 0 25px; padding:15px; }
  .services_section h2 { font-size: 24px; line-height: 34px; }
  .services_section { padding:40px 0; } 
  .services_section { font-size: 16px; line-height: 28px; }
  .services_cover { margin-top: 30px; }
  .services_cover h3 { font-size: 18px; line-height: 34px; }
  .services_cover .services_box .sameheight { width:100%; float:left; height:auto !important; } 
  
   .row-fluid .demohero_inner { padding-left: 0; padding-top: 0; }
  .row-fluid .demohero_inner h2 {     font-size: 28px;
    line-height: 31px;
    padding-bottom: 0; }
  .row-fluid .demohero_section { padding:62px 0 40px; text-align: center; }
  .row-fluid .demohero_inner ul { padding-left: 0; text-align: left; }
  .row-fluid .demoform_area { max-width: 100%; margin-top: 30px; margin-right: 0; }
  .row-fluid .demoform_area h3 { font-size: 22px; margin-bottom: 10px; }
  .row-fluid .demoform form .hs-button { min-width: 100%; font-size: 14px; }
  
  .row-fluid .cloud_section .newaccount_btn a{    min-width: 225px;   line-height: 19px;   min-width: 225px;    padding: 11px 18px;  padding-bottom: 12px; }   
  
  
  .row-fluid .cloud_section h2{   font-size: 24px;  line-height: 28px;   margin-top: 0;}
  
    
}

@media (min-width: 30px) and (max-width:767px){ 

  .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; }
  
  .row-fluid .theseday_area h2 { font-size: 24px; line-height: 30px; }
  .row-fluid .theseday_area h4 { font-size: 16px;  line-height: 26px;}
  .row-fluid .theseday_area .theseday_cover { margin-top:30px; }
  .row-fluid .theseday_area .theseday_box { width:100%; margin-bottom:25px; }
  .row-fluid .theseday_area h3 { font-size: 18px; }
  
  .row-fluid .digitalsoft_section { text-align:center;  }
  .row-fluid .digitalsoft_section .digitalsoft_titles { width:100%; }   
  .row-fluid .digitalsoft_titles h2 { font-size: 24px; line-height: 36px; }
  .row-fluid .digitalsoft_section .createmy_btn a { float:none; display:inline-block; margin-top:20px; }
  .row-fluid .digitalsoft_section .digitalsoft_cover { margin:0; width:100%; float:left; }
  .row-fluid .digitalsoft_section .digitalsoft_box { width:100%; float:left; margin:0 0 30px; padding:30px; max-width: 380px; float: none; display: inline-block; }
  
  .row-fluid .hero_section .hero_inner { max-width:100%; text-align:left;  padding: 0 18px; }          
  .row-fluid .hero_section .wrapper > div > div { display:inherit; }
  .row-fluid .hero_section h2 { font-size: 22px;line-height: 30px;  }  
  
  .row-fluid .hero_section .account_btn { width:100%; } 
  .row-fluid .hero_section .account_btn a { float:none; display:inline-block; margin-bottom:20px; } 
  .row-fluid .hero_section .hero_img { padding-left:0; margin-top:50px; } 
  .row-fluid .hero_section .download_app {     width: auto; float: none; display: inline-block; }
  
  .row-fluid .cloud_section { padding:50px 0; padding-bottom:0px; }
  .row-fluid .cloud_section h2 { font-size: 26px; }   
  .row-fluid .cloud_section .laptop_img { margin-top:40px;  display:none; transform:scale(1) translateX(0) translateY(0); -webkit-transform:scale(1) translateX(0) translateY(0); -moz-transform:scale(1) translateX(0) translateY(0); }
  .row-fluid .theseday_area{ padding-bottom:10px; }
  .row-fluid .interact_section { padding:30px 0 0; text-align:center; margin:0; }  
  .row-fluid .interact_section h2 { font-size: 24px;  line-height: 32px;    text-align: left;   margin-bottom: 26px; }
  .row-fluid .interact_section .modile_hand { max-width: 425px; margin-top:40px; margin-bottom: 0; padding-left: 0; }     
  .row-fluid .interact_section .intreact_btn img { max-width: 100%; }
  .row-fluid .interact_section .intreact_btn { float:left; display:inline-block;   width: 105px;  margin: 0;   margin-right: 15px; }  
  .row-fluid .digitalsoft_section .digitalsoft_top{ text-align:left; }
  
  .row-fluid .digitalsoft_section { padding:40px 0;     padding-bottom: 20px; }
  .row-fluid .clinetquot_section  { padding:50px 0; text-align:left;     padding-bottom: 71px; }    
  .row-fluid .clinetquot_section h2 { font-size: 22px; line-height: 32px; margin-bottom: 20px;  }
  
  .row-fluid .google_reviews { padding:30px 0; text-align:center;     padding-bottom: 0; }
  .row-fluid .google_reviews h2 { font-size: 22px;line-height: 32px; margin-bottom: 15px; }
  .row-fluid .google_reviews .reviews_image { margin-top:20px; }
  .row-fluid .google_reviews .reviews_image img { float:none; display:inline-block;  }  
  
  .row-fluid .testimonial_section { padding:30px 0; font-size: 18px;  line-height: 30px; }  
  .row-fluid .testimonial_section .slick-arrow { height:30px; top:auto; bottom:0; -moz-transform: translateY(0);  -webkit-transform: translateY(0); -o-transform: translateY(0);  -ms-transform: translateY(0); transform: translateY(0); }
  .row-fluid .connectbiges_section h2 { font-size: 24px; line-height: 36px; }
  
  .row-fluid .interact_section .wrapper { display:inherit; }
  .row-fluid .connectbiges_section{     padding: 40px 0 44px; }
  
  .row-fluid .autopweb-heroleft{ display:none; }
  .row-fluid .autopweb-heroright{ display:none; }
  .Threeeasy-box {  padding: 0 10px;   width: 100%;   margin-bottom: 50px; }
  .row-fluid .three-easy-steps{     padding-bottom: 18px; }
  
  .row-fluid .mobile-ready-rowsection > div > div{     flex-direction: column-reverse; }
  .row-fluid .ziczackleft-right {  padding-right: 15px;  padding-left: 15px;  padding-bottom: 50px; }
  .row-fluid .ziczack-textcover{ padding-left: 0;  padding: 0 24px;  text-align: center; }
  .row-fluid .auto-custome-theme .site-section-main.animatedParent.animateOnce {  display: flex; flex-direction: column-reverse; }
  .row-fluid .auto-custome-theme .poduct-image img{     max-width: 100%; }
  .row-fluid .auto-custome-theme {  padding: 25px 0; }
  .row-fluid .auto-custome-theme .row-fluid .title-box{     padding-top: 39px; }
  .site-section.easy-drag-section.even-part .left-part{      padding-top: 0; }
  .row-fluid .easy-drag-section.site-section .content-cover{     padding-top: 20px;  }
  .row-fluid .connet-bussines{   padding-top: 0;   padding-bottom: 9px; }
  
}


 


@media (min-width: 851px) and (max-width:999px){ 
   
  .row-fluid .footer_section .footer_box { width: 25%; margin-left: 0;  float: left;  min-height: 250px;  margin-bottom: 20px; }
  .row-fluid .footer_section .footer_box.footer_box5 { width:40%; } 
  .row-fluid .footer_section .copyright_info { width:100%; }   
  
}


@media (min-width: 601px) and (max-width:850px){
  
  .row-fluid .footer_section .footer_box { width: 33.33%; margin-left: 0;  float: left;  min-height: 250px;  margin-bottom: 20px; }
  .row-fluid .footer_section .footer_box.footer_box5 { width:45%; } 
  .row-fluid .footer_section .copyright_info { width:100%; }
  
}

@media (min-width: 30px) and (max-width: 600px){ 
   
  .row-fluid .footer_section .footer_box { width:100%; margin-bottom:30px; }
  .row-fluid .footer_section .footer_subscribe form { max-width:320px; }
  .row-fluid .footer_section .copyright_area { margin-top: 20px; }
  .row-fluid .footer_section .copyright_area > div > div { display:inherit; }
  .row-fluid .footer_section .copyright_info { text-align:left; margin-top:30px; }
  
  
}



@media (min-width: 30px) and (max-width: 1000px){
	
	.row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; }	
  
  .row-fluid .header_section { padding:18px 18px; background:#fff; position:absolute;     z-index: 5; } 
  .fixed .row-fluid .header_section { padding:18px 18px; background:#fff; }
  body.mobile-open{     overflow-y: hidden; }
  
  .row-fluid .header_section .sticky_logo { display:block; }
  .fixed .row-fluid .header_section .sticky_logo { display:block; }
  .fixed .row-fluid .header_section .destop_logo { display:none; }
  .row-fluid .header_section .destop_logo { display:none; }
  .row-fluid .header_section .top_logo img { max-width:76px; }
  .fixed .row-fluid .header_section .top_logo img { max-width:76px; }

  
  .row-fluid .mainmenu .submenu_area { display:none; }
  .row-fluid .header_section .signin_btn { width:100%; float:left; }
  .row-fluid .header_section .signin_btn a { border:none;  opacity: 0.7; padding:10px 0; color:#fff; font-size: 36px; font-weight: 700; letter-spacing: -1px;  line-height: 36px;  }
  .row-fluid .header_section .signin_btn a:hover { color:#fff; opacity:1; }
  .fixed .row-fluid .header_section .signin_btn a { color:#fff; }
  
  
  .row-fluid .header_section .mainmenu .hs-menu-wrapper { position: fixed; transform: translate(301px,0px); -webkit-transform: translate(301px,0px);  -o-transform: translate(301px,0px); -ms-transform: translate(301px,0px); top: 0; right: 0; width: 300px; height: 100%;  z-index: 10000; padding: 40px 33px;  background-color: #08b2fa; overflow-y: scroll; overflow-x: hidden; transition:all .5s ease;  }
  body { transition:all .8s ease; }
  body.mobile-open {  transform:translateX(-300px); -webkit-transform:translateX(-300px); -moz-transform:translateX(-300px); -ms-transform:translateX(-300px); transition:all .8s ease; }
  body.mobile-open   .row-fluid .header_section .mainmenu .hs-menu-wrapper{ width: 302px; }
  .header_section .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li { width:100%; float:left; position:relative; }
  .header_section .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { opacity: 0.7; max-width:100% !important; padding:5px 0; color:#fff; font-size: 36px; font-weight: 700; letter-spacing: -1px;  line-height: 36px; }
  .header_section .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover { opacity:1; }
  
  .header_section .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul {  transition:all .5s ease;  }
  .submenu_open .header_section .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul { transition:all .5s ease;  transform: translateX(-268px); -webkit-transform: translateX(-268px); -moz-transform: translateX(-268px); -ms-transform: translateX(-268px); }
  .submenu_open .header_section .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children > ul.hs-menu-children-wrapper  {  transform: translateX(270px); -webkit-transform: translateX(270px); -moz-transform: translateX(270px);  -ms-transform: translateX(270px); transition:all .5s ease; -webkit-transition:all .5s ease; }
  
  .header_section .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children > ul.hs-menu-children-wrapper { top:16px; left:0; width:100%;  visibility: visible; display:block !important; opacity: 1; position: absolute; transform: translateX(290px); -webkit-transform: translateX(290px); -moz-transform: translateX(290px); -ms-transform: translateX(290px); transition:all .5s ease; -webkit-transition:all .5s ease;   }
  .header_section .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children > ul.hs-menu-children-wrapper li { width:100%; float:left; position:relative; }
  .header_section .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { white-space: normal; width: 100% !important; text-overflow: inherit; overflow: visible; }
   
  .header_section .mainmenu .submenu_back:hover { opacity:1; transition:all .5s ease; }
  .header_section .mainmenu .submenu_back { width:auto; float:left;  transition:all .5s ease; margin-left: -12px; color:#fff; opacity: 0.7; background: rgba(0,0,0,0.13);  font-size: 36px; line-height: 36px; font-weight: 700; letter-spacing: -1px; padding: 8px 15px; margin-bottom: 20px; }
   
  .header_section .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal .child-triggerm { width:100%; height:100%; position:absolute; left:0; top:0; }
  .close_btn { position:absolute; right: 34px;top: 28px; width:auto; }
  .close_btn img { max-width:16px; }
  
a.mobile-trigger { display: inline-block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; /*******************************************/ top: 14px;          /* Position Button at top right of screen  */ right: 15px;        /*******************************************/ width: auto; /* Button width */ height: auto; /* Button height */ padding: 0; background: transparent; /* Background color */ z-index: 99999999999; /* Z-index to keep button on top of other layers */ -webkit-transition: background-color 0.2s linear; /* Button color transition effect */ font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; border-radius: 6px; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; transition: color .2s ease-in; }
a.mobile-trigger:hover { text-decoration: none; /* Removes link text underline on button */ color: #000; }
a.mobile-trigger span { display: inline; }
a.mobile-trigger span:before { position: absolute; content: 'Menu'; /* Change the text on the closed toggle button */ }
a.mobile-trigger span:after { position: relative; right: 2px; content: 'Close'; /* Change the text on the open toggle button */ background-color: #384951; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; }

/* Change button when menu is open */
.mobile-open a.mobile-trigger { -webkit-transition: background-color 0.2s linear; /* Button color transition effect */ -moz-transition: background-color 0.2s linear; /* Button color transition effect */ transition: background-color 0.2s linear; /* Button color transition effect */ background: transparent; /* Changes button background to be slightly darker than open menu color */ }
.mobile-open a.mobile-trigger span:after { opacity: 1; }

/* Toggle Button Icon & Animations
   ========================================================================== */
a.mobile-trigger i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay: .2s; transition-duration: 0s; transition-delay: .2s; }
a.mobile-trigger  i:before, a.mobile-trigger i:after { position: absolute; content: ''; }
a.mobile-trigger  i, a.mobile-trigger  i:before, a.mobile-trigger  i:after { width: 24px; /* Icon line width */ height: 3px; /* Icon line height */ background-color: #384951; /* Icon color */ display: inline-block; }
a.mobile-trigger  i:before { margin-top: -8px; /* Position top line */ -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
a.mobile-trigger  i:after { margin-top: 8px; /* Position bottom line */ -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }

  
   
  
}






/*
 *  GoSite Home - PAC Style and input search field
 */


input.search-filde {
    transition: 0.15s all ease-in-out;
}
input.search-filde:focus-within {
    border-color: #80abff;
    box-shadow: 0 0 0 1px #80abff;;
}

.pac-container {
    background-color: #fff;
    position: absolute!important;
    z-index: 1000;
    border-radius: 2px;
    border-top: 1px solid #d9d9d9;
    font-family: Arial, sans-serif;
    box-shadow: 0 12px 12px rgba(219, 227, 235, 0.73);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 5px;
    margin-top: 5px;
    border: 1px solid #DBE3EB;
    border-top: 0;
}

.pac-logo:after {
    content: "";
    padding: 1px 1px 1px 0;
    height: 0px;
    text-align: right;
    display: block;
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);
    background-image: none;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 120px 14px;
}
.hdpi.pac-logo:after {
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);
    background-image: none;
}
.pac-item {
    cursor: default;
    padding: 0 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
    text-align: left;
    border-top: 1px solid #DBE3EB;
    font-size: 14px;
    color: #999;
    padding: 8px 8px;
    align-items: center;
    width: 100%;
    font-family: 'AvenirNextLTPro-Regular';
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pac-item:hover {
    background-color: #fbfdff;
}
.pac-item-selected,
.pac-item-selected:hover {
    background-color: #ebf2fe;
}
.pac-matched {
    font-weight: 400;
}
.pac-item-query {
    padding-right: 3px;
    padding: 0px 4px;
}
.pac-icon {
    width: 0px;
    height: 0px;
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);
    background-image: none;
    background-size: 34px;
    display: none;
}
.hdpi .pac-icon {
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);
    background-image: none;
}
.pac-icon-search {
    background-position: -1px -1px
}
.pac-item-selected .pac-icon-search {
    background-position: -18px -1px
}
.pac-icon-marker {
    background-position: -1px -161px;
   
}
.pac-item-selected .pac-icon-marker {
    background-position: -18px -161px
}
.pac-placeholder {
    color: gray
}