
        
     .back-arrow {padding-left:20px; background: transparent url('../images/back-arrow.png') no-repeat left top; text-decoration:none;}
     .back-arrow:hover {text-decoration:underline;}   
    
    .main-image {float:left; width: 23%; margin-right: 3%;}
    .main-details {float: left;width: 74%; margin-bottom:40px;}
    
    .contact-left {float:left; width:66%; padding-right:2%; border-right:1px solid #ccc;}
        .lt-ie8 .contact-left {margin-bottom:40px; width:64%; padding-right:4%;}
    #form_contact {margin:0;}
        #form_contact div {margin-bottom:18px;}
        #form_contact div.name, #form_contact div.email {width:49%; float:left; margin-right:2%;}
        #form_contact div.company, #form_contact div.phone {width:49%; float:left;}
        #form_contact input[type="text"], #form_contact input[type="email"], #form_contact textarea {width:100%; padding: 10px; border:1px solid #ccc;}
        #form_contact label {cursor:pointer;}
        #form_contact .label {color: #8c8c8c; font-size:18px; margin-left:3px;}
        #form_contact textarea {height:200px;}
        #form_contact input[type="submit"] {font-size:20px; color:#fff; padding: 8px 18px; background-color:#f3a001; outline:0; border:0;}
        #form_contact input[type="submit"]:hover {opacity:0.8;}
    
    .contact-right {float:right; width:30%; }
    
    .login-left {float:left; width:50%; border-right:1px solid #ccc; box-sizing:border-box; padding-right:4%;}
    .password-left {float:left; width:50%; box-sizing:border-box; padding-right:4%;}
        .login-left form input[type="email"], .password-left form input[type="email"], .login-left form input[type="password"] {width:100%; box-sizing:border-box; border:1px solid #ccc; margin-bottom:10px; padding:10px;}
        .login-left form p {font-size:13px; margin-top:-6px;}
        .login-left form input[type="submit"], .password-left form input[type="submit"] {background-color: #f3a001; padding: 10px 24px; color: #fff; text-decoration: none; border:0; font-size:20px;}
        .login-left form input[type="submit"]:hover, .password-left form input[type="submit"]:hover {opacity:0.8;}
    .login-right {float:right; width:46%;}
        .login-right p a {background-color: #f3a001; padding: 10px 24px; color: #fff; text-decoration: none; border:0; font-size:20px;}
    
    #tabs ul.ui-tabs-nav {padding:0; margin:10px 0 20px; list-style:none;}
    #tabs ul.ui-tabs-nav li {display:inline-block; *display:inline; }
    #tabs ul.ui-tabs-nav li a {outline:0; border:1px solid #f3a001; text-decoration:none; padding: 8px 12px; display:block;}
    #tabs ul.ui-tabs-nav li.ui-tabs-active a {color:#fff; background-color:#f3a001;}

.row-get-started {background-color:#f1f1f1; text-align:center; padding: 40px 0;}
    .row-get-started .container {max-width:600px;}
    .row-get-started h1 {font-size:28px; color:#173565; margin:0 0 10px;}
    .row-get-started h2 {margin: 0 0 25px;}
    .row-get-started p {color:#8c8c8c; font-size:20px; line-height:32px; margin-bottom:25px;}
    .row-get-started a {display:inline-block; *display:inline; *zoom:1; background-color:#f3a001; padding:10px 24px; font-size:30px; color:#fff; text-decoration:none;}
    .row-get-started a:hover {opacity:0.8;}

.row-blocks {background-color:#fff; padding: 40px 0;}

    .row-blocks .block-33 {width:33.3%; float:left; text-decoration:none; display:block; outline:0;}
     
    .row-blocks h2 {font-size:22px; text-align:center; margin-top:0;margin-bottom:10px;}
    .row-blocks img {display:block; margin: 0 auto; width:94%;}


.row-update {background-color:#f1f1f1; padding: 40px 0;}
    .lt-ie8 .row-update {padding-bottom:0px;}
    .row-update h1 {font-size:28px; color:#0846a9; text-align:center; margin: 0;}
    .row-update .article-wrap {position:relative;padding:0 45px; margin-top:45px;}
    .row-update .article-wrap:before,.row-update .article-wrap:after {position:absolute;content: url('../images/icon-quotes.png');}
    .row-update .article-wrap:after {
    	left: 25px;
    	top: -10%;
    }
    .row-update .article-wrap:before {
    	right: 25px;
	    top: -10%;
	    transform: rotateY(180deg);
    }
    @media screen and (max-width: 768px) {
    	.row-update .article-wrap:before,.row-update .article-wrap:after {
    		display: none!important;
    	}
    }
    .row-update .slider-reviews {margin: 0 auto; width:85%; font-size:20px;}
    .row-update h3 {margin: 0 0 20px; font-size:20px;}
    .row-update p {color:#343539; font-size:18px; line-height:35px; margin-bottom:20px;}
    .row-update .name {color:#767676;}
   

.row-white {background-color:#fff; height:20px;}    
    
.row-footer-nav {background-color:#d7d7d7; padding: 22px 0;}
    .row-footer-nav ul {list-style:none; margin:0; padding:0;}
    .row-footer-nav ul li {display:inline; color:#343539; font-size:15px; margin-right:28px;}
    .row-footer-nav ul li.phone {float:right; margin-right:0; font-size:16px;}
        .lt-ie8 .row-footer-nav ul li.phone {margin-top:-28px;}
    .row-footer-nav ul li a {color:#343539; text-decoration:none; transition:.2s;}
    .row-footer-nav ul li a:hover {color:#0846a9;}
.row-copyright {padding:20px 0;background-color: #fff;}
    .row-copyright p {font-size:15px; color:#343539; margin:0;}
    .row-copyright p a {text-decoration:none; color:#343539;}
    .row-copyright p a:hover {color:#0846a9;}

.partner {padding:12px 0;border-bottom:1px solid #ccc;}
    .partner-image {width:20%;margin-right:2%;float:left;}
        .partner-image img {width:100%;height:auto;}
    .partner-desc  {position:relative;width:78%;float:left;min-height: 192px;}
        .partner-desc p {padding-top:0;margin-top:0;}

       


@media (max-width : 992px) {
.container {width:100%; padding: 0 2%;}
    .lt-ie8 .container {width:96%;}

.questions {display:none;}

.row-footer-nav ul {margin: 0 auto;text-align:center;}
.row-footer-nav ul li {margin: 0 10px}
.row-footer-nav ul li.phone {display:none;}


}
@media (max-width : 900px) {
.row-header p {font-size:14px; position:absolute; top:12px;right:10px;}
.call-us {display:none;}
.menu ul li { margin-right:24px;}
    

.slider-info {margin:35px 0px;}

.row-content .block-33 .title {font-size:18px;}

.contact-left {padding-right:0; border-right:0; width:100%; margin-bottom:40px;}
    .lt-ie8 .contact-left {width:100%; padding-right:0;}
.contact-right {width:100%; padding:0;}
    


.row-features h2 {font-size:26px;}
.row-features img {width:80%;}

.row-copyright p {float:none; text-align:center;}


}
@media (max-width : 768px) {
    
    h1 {font-size:38px; line-height:42px;}
    h2 {font-size:32px; line-height:35px;}
    h3 {font-size:26px; line-height:30px;}
    
    .row-header {position:relative; border-bottom:1px solid #ccc;}
    .row-header p {font-size:14px; position:absolute; top:12px; right: 60px;}
    
    .knowledge-base-button {display:none;}
    .kb-link {display:inherit!important;}
     
    .row-navigation {border-bottom:0;}
     .row-navigation .container {padding:0;}

    a.menu-link {
        position:absolute; top:17px; right:2%;
    display: block;
    color: #fff;
    padding: 14px 0;
    float:right;
    }
    .menu {
    clear: both;
    min-width: inherit;
    float: none;
    }
    .menu, .menu > ul ul {
    overflow: hidden;
    max-height: 0;
    background-color: #f4f4f4;
    }
    .menu > li > ul.sub-menu {
    padding: 0px;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    }
    .menu.active, .menu > ul ul.active {
    max-height: 55em;
    }
    .menu ul {
    display: inline;
    }
    
    .menu ul li {margin-right:0;}
    .menu > ul {
    border-top: 1px solid #808080;
    }
    .menu li, .menu > ul > li {
    display: block;
    }
    .menu ul li a {
    color: #173565;
    display: block;
    font-size:19px;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding: 16px;
    text-align:center;
    }
    
    .menu ul li a:hover {background-color:#E0E0E0;}
    .menu li.has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.55em 0.5em;
    }
    .menu li.has-submenu > a.active:after {
    content: "-";
    }
    .menu ul ul > li a {
    background-color: #e4e4e4;
    padding: 19px 18px 19px 30px;
    }
    .menu ul ul, .menu ul ul ul {
    display: inherit;
    position: relative;
    left: auto; top:auto;
    box-shadow: none; 
    border:none;
    }
    
    .menu ul li.phone {float:none; padding:0;}
    .menu ul li.phone a {color:#fff; font-size:19px;}
    .menu ul li.phone a:hover {background-color:#0846a9;}
    
    #nav-toggle { cursor: pointer; padding: 10px 35px 16px 0px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #f3a001;
  position: absolute;
  display: block;
  content: '';
}
#nav-toggle span:before {
  top: -10px; 
}
#nav-toggle span:after {
  bottom: -10px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
   -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
    -webkit-transform: translateY(-10px) rotate(-45deg);
  -moz-transform: translateY(-10px) rotate(-45deg);
  -ms-transform: translateY(-10px) rotate(-45deg);
  -o-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg);
  top: 10px;
}
   
    
   
    .slider-info h1 {font-size:30px;}
        .slider-info h1 span {font-size:30px;}
        .slider-info img {width:220px;}
        .slider-info ul li {font-size:20px;}
        
        .slider-main .slick-slide {background-position:-60px top!important;}
        
       
        .about-image {width:45%;}
        
        .login-left {float:none; width:100%; margin-bottom:30px; padding-right:0; padding-bottom:30px; border-right:0; border-bottom:1px solid #ccc;}
        .password-left {float:none; width:100%; padding-right:0;}
        .login-right {float:none; width:100%;}
        
       .row-get-started h1 {font-size:38px;} 
       
       .row-features h1 {font-size:38px;}
       .row-features h2 {line-height:30px; width:150px; margin: 30px auto 10px;}
        
        .row-update h1 {font-size:38px;}
     .row-update .article-wrap img {display:none;}   
    .row-update .slider-reviews {float:none; width:100%;}
    .row-update .article-details p {font-size:18px; line-height:28px;}
    
    .row-white {height:10px;}
    
    
.row-footer-nav ul li {margin: 0 5px;}
}

@media (max-width : 650px) {
    
 .row-header p {display:none;}
 
 .row-blocks .block-33 {
     float:none;
     width:100%;
     margin-bottom:25px;
     display:block;
 }
 
 .row-blocks .block-33 img {display:block; width:80%; margin:0 auto;}
 
 .row-blocks .block-33:last-of-type {margin-bottom:0;}
    
}
@media (max-width : 600px) {
    
.container {padding: 0 4%;}  

a.menu-link {right:4%;}

.row-slider .container {background: none;}
.slider-main .slick-slide {background-image:none!important; min-height:1px;}
 
.slider-info {width:100%; margin: 0; padding-top:15px;}
.slider-info h1 {line-height:32px;}


.partners-grid {}
.partners-grid div {width:33.3333333%;}
.partners-grid div:nth-of-type(6n+7) {clear:none;}
.partners-grid div:nth-of-type(3n+4) {clear:none;}

.row-content .container .block-33 .title{font-size:17px;}

.about-image {width:100%; float:none; margin: 0 0 25px 0;}

.block-list li img, .main-image {width:33%;}
.block-list li .details, .main-details {width:64%;}


.row-get-started a {font-size:25px;}  

    
    .row-footer-nav {padding: 16px 0;}
    .row-footer-nav ul li {display:block; margin: 12px 0;}
    .row-footer-nav ul li a {font-size:18px;}


}
@media (max-width : 480px) {

 .row-slider a {display:block; text-align:center; font-size: 25px; padding: 14px 0;}  
    
    
.row-content .container .block-33 {width:100%; margin: 0 0 10px;}
    .row-content .container .block-33 .title{font-size:22px;}
    
    .row-content .container .block-33.services {margin-bottom:0;}
    
    .block-list li:last-child {margin-bottom:0;}
    .block-list li img, .main-image {width:80%; margin: 0 auto; float:none; display:block;}
    .block-list li .details {width:100%; text-align:center;}
    .main-details h3, .main-details p {text-align:center;}
    .main-details {width:100%; margin-top:20px;}
    
    #form_contact div {width:100%!important; margin-right:0!important;}
    #form_contact input[type="submit"] {display:block; text-align:center; width:100%; padding: 14px 0; font-size:25px;}
    
    .row-get-started {padding:20px 0;}
    .row-get-started a {display:block; padding:14px 0;}
    
    
    .row-features {padding: 20px 0;}
    .row-features .block-33 {width:100%; float:none; margin: 20px 0;}
    .row-features .block-33 h2 {width:100%;}
    

    .row-update .article-wrap {padding:0;}
    .row-update .article-wrap img {display:none;}   
    .row-update .article-details {width:100%;}
    
    .row-copyright {padding:10px 0; }
    .row-copyright p {font-size:12px; line-height:15px; margin: 8px 0;}

    .partner-image, .partner-desc  {width:100%;float:none;}
    .partner-image {padding:12px 0;}
    .partner-image img {width:70%;margin:0 15%;}
    .partner-desc {}
    
}


/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request: h5bp.com/r
========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    
    .row-header, .row-navigation, .row-slider, .block-33.easy, .block-33.features, .block-33.services, .row-get-started, .row-footer-nav, .row-copyright, form, a:link, .article-wrap img, .contact-left {display:none;}

    .contact-right a:link {display:block;}
    
    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
	/* kill urls printing after links in FF */
	a:link:after,
    a:visited:after {
        content: "" !important;
    }
}