@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 992px) {
.features-module .col-md-9{width:100% !important; float:left;}
.features-module .col-md-3{width:100% !important; float:left;}
.features-module .request-form{float:left; width:100% !important; padding-left:0px !important; border-left:none !important; border-top:1px solid #fff; margin-top:35px; padding-top:30px;}

.custom-fit .col-md-9{width:100% !important; float:left;}
.custom-fit .col-md-3{width:100% !important; float:left;}
.custom-fit .request-form{float:left; width:100% !important; padding-left:0px !important; border-left:none !important; border-top:1px solid #c7c7c7; margin-top:35px; padding-top:30px;}

.about-us-content .col-md-9{width:100% !important; float:left;}
.about-us-content .col-md-3{width:100% !important; float:left;}
.about-us-content .request-form{float:left; width:100% !important; padding-left:0px !important; border-left:none !important; border-top:1px solid #c7c7c7; margin-top:35px; padding-top:30px;}

#signup_container input {left:0; position:absolute; vertical-align:middle; height:18px; top:-2px;}
#signup_demo_container input {left:0; position:absolute; vertical-align:middle; height:18px; top:6px;}	
.panel5{background:url(../images/bg41.jpg) no-repeat center center; background-size:cover; padding:90px 0; width:100%; float:left; position:relative; overflow:hidden; background-position-y:215px !important; background-color:#E7ECEF !important;}
.activities-section h2{text-align:center; margin:0 0 20px; font-size:30px !important;}

.map-container{width:100% !important;}
.contact-us-form{width:100% !important;}
.pull-left .request-form {float:left; width:100%; padding-left:0 !important;}
.pricing-content .request-form {float:left; width:100%; padding-left:0 !important;}
	
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
img { height:auto; max-width:100%; }
a { text-decoration:none; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.clear-right { margin:0 !important; }
ol, ul { padding:0 0 0 0px; margin:0; }
.clear { clear:both; }
.ft-left { float:left; }
.ft-right { float:right; }
* { outline:0px; }
.margin { float:none; margin:0 auto; }
p { font-size:18px; line-height:26px; color:#333; margin:0 0 15px; font-weight:400; }
p a { color:#0072bc; }
p a:hover { color:#0072bc }
p:empty { display:none }
.textcenter{text-align:center; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight: bold;}
b, strong { font-weight:600 }
h1, h2, h3, h4, h5, h6 { font-family:'quantify', Arial, Helvetica, sans-serif; margin:0; font-weight:700; color:#393939; letter-spacing:2px; }
body { background:#fff; margin:0px; padding:0px; font-family:'Raleway', Arial, Helvetica, sans-serif; color:#333; font-size:18px; font-weight:400; }
#layout { float:left; width:100%; position:relative; overflow:hidden; z-index:0 }
.btn { background:#1d687f; display:inline-block; min-width:140px; height:40px; font-size:18px; font-weight:400; color:#fff; line-height:40px; border-radius:5px; margin:15px 0 0; padding:0 30px; text-align:center; border:none}
.btn:hover { background:#cc432a; color:#fff }
.header { background:#fff; float:left; width:100%; position:relative; z-index:999; min-height:100px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;box-shadow:0 0 5px #999 }
.sticking{ }
.header .logo{float:left; width:auto; margin-top:15px;}
.maxlogo{max-width: none; max-width:350px}
.top-nav{ float:right; width:auto; margin:15px 0 0}
.top-nav ul li { display:inline-block; position:relative; float:left; transition:all 200ms ease 0s; margin:0 0 0 0px; }
.top-nav ul li a { font-size:16px; color:#a6a4a4; display:block; font-weight:500; padding:0 20px; text-transform:capitalize; position:relative; z-index:9; line-height:30px; border-radius:4px;  }
.top-nav ul li a:hover{ color:#cb4329}
.top-nav ul li.last a{font-weight:400; background:#cb4329; color:#fff; font-weight: 500; text-transform:uppercase}
#nav { padding:0px; width:auto; float:right; margin:0px 0 0; line-height:60px; font-weight:500; position:relative; z-index:99; }
#nav ul { width:100%; margin:0; padding:0; list-style:none }
#nav ul li { display:inline-block; position:relative; float:left; transition:all 200ms ease 0s; margin:0 0 0 50px; }
#nav ul a { font-size:18px; color:#333; display:block; font-weight:500; padding:0px; position:relative; z-index:9 }
#nav ul li:hover > a { color:#cb4329; }
#nav ul li:active > a { color:#cb4329; }
#nav ul li:hover > ul { display:block; margin-top:0; transition:margin 200ms ease 0s; opacity:1; visibility:visible }
#nav ul ul { background:#fff; list-style:none; margin-top:30px; padding:0px; position:absolute; top:100%; width:12em; left:0; z-index:99999; box-shadow:0 3px 8px rgba(0, 0, 0, 0.125); opacity:0; visibility:hidden }
#nav ul ul ul { top:0; left:100% }
#nav ul ul li { float:none; margin:0; padding:0; display:block; border-bottom:1px solid #eee; transition:all 200ms ease 0s; }
#nav ul ul a { padding:10px; font-size:13px; color:#555; width:auto; height:auto; line-height:1; display:block; white-space:nowrap; float:none; text-transform:none; text-transform:capitalize; text-shadow:inherit; border-right:none; border-left:none; text-align:left; border:none; font-weight:500; }
#nav ul ul a:hover { background:#f5f5f5; color:#333; border:none }

#rf {
    display: block;
    position: relative;
    top: -110px;
    visibility: hidden;
}



#homeSlider { float:left; width:100%; margin:0 0 0px; position:relative; overflow:hidden; }
#homeSlider #videoContainer { width:100%; position:absolute; bottom:0; display:block }
.banner-intro { position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); float:left; width:100%; text-align:center }
.banner-intro h1 { color:#fff; font-weight:400; line-height:40px; margin:10px 0 15px; line-height:80px; }
.banner-intro h1 span{color:#cb4329}
.banner-intro p { color:#fff; margin:0; font-size:24px; font-weight:400; line-height:40px; text-transform:uppercase; }
.banner-intro .action { float:left; width:100%; margin:4em 0 0; }
.banner-intro .action a.try-btn { background:#cc432a; display:inline-block; width:140px; height:40px; font-size:18px; font-weight:400; color:#fff; line-height:40px; border-radius:5px; text-transform:uppercase; margin:0 15px; }
.banner-intro .action a.try-btn:hover { background:#3b3b3b; }
.banner-intro .action a.play-btn { background:url(../images/play-icon.png) no-repeat 0 4px; display:inline-block; width:auto; height:40px; font-size:18px; font-weight:500; color:#fff; line-height:40px;text-transform:uppercase; margin:0 15px; padding:0 0 0 40px; }
.banner-intro .action a.play-btn:hover {  background:url(../images/play-icon-hover.png) no-repeat 0 4px; color:#fff }

/******About Us*********/
#presidents-msg { background:#f2f6f8; padding: 2% 0; margin-top:15px; margin-bottom:15px; border-right: solid 5px #1d687f }
#presidents-msg h4 { padding:0 0 15px 20px }
#presidents-msg .valignimg { text-align: center; margin:0 }

/******Contact Us*******/
#innerPage{ float:left; width:100%; margin:0 0 0px; position:relative; overflow:hidden; }
/*.banner-contact {margin: 50px 0 0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); float:left; width:100%; text-align:center; background:url(../images/header.png) no-repeat center bottom; }
.banner-contact h1 { color:#000; font-weight:400; line-height:40px; margin:0px 0 15px; line-height:80px; }
.banner-contact h1 span{color:#cb4329}*/
.inner-page-banner{ background:url(../images/header.png) no-repeat center bottom;  float:left; width:100%; margin:0 0 80px; margin:0; position:relative; }
.inner-page-banner.contact {background:url(../images/header-contact2.png) no-repeat center bottom }
.inner-page-banner.about {background:url(../images/header-about.png) no-repeat center bottom }
.banner-contact { margin:0; float:left; width:100%; text-align:center; padding:3em 0; padding:2em 0 }
.banner-contact h1 { color:#000; font-weight:400; line-height:40px; margin:0px; line-height:80px; text-transform:uppercase }
.banner-contact h1 span{color:#cb4329}
.contact-us div{padding-left:0 !important; padding-right:0 !important;}
.address-phone h3{color:#000 !important;}
.optional-span{color:#aaa; font-weight:500; letter-spacing:.5px;}

/*******panel*********/
.panel {padding:0; width:100%; float:left; position:relative;}
.panel .breadcrumbs {padding: 0 0 20px 0;}
.panel .breadcrumbs a{font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight: bold; color: #000;}
.panel .breadcrumbs .active{font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight: bold; color: #cb4329;}


/*******panel1*********/
.panel1 { background:url(../images/bg1.jpg) no-repeat center bottom #c9e1e9; background-size:cover; padding:60px 0 0; width:100%; float:left; position:relative;}
.panel1 .text{ padding-top:60px; padding-left:40px;}
.panel1 .text h3{ color:#cc432a; margin:0 0 10px;}

.panel1 .slide-in-left {
    position: relative;
    bottom:0%;
    width: 100%;
    right: 0;
    text-align: right; float:left;
}

/*******panel2*********/
.panel2 { background:url(../images/bg2.jpg) repeat-x left top #57818f; background-size:cover; padding:0 0 20px; width:100%; float:left; position:relative }
.panel2 .text{ padding-top:11em; padding-right:0px;}
.panel2 .text h3{ color:#fbae18; margin:0 0 10px;}
.panel2 .text p{ color:#fff;}
.panel2 .desktop-pic{ /*float:right;*/ position:relative; z-index:1; margin-top:-40px;}
.panel2 .penguin-pic{ float:left; position:absolute; bottom:0; left:-20px; width:30%}
.panel2 .action { float:left; width:100%; margin:15px 0 0; }
.panel2 .action a{ background:none; float:left; width:auto; height:42px; font-size:18px; font-weight:400; color:#fff; border:1px solid #fff; line-height:42px; border-radius:5px; margin:0px; padding:0 25px; }
.panel2 .action a:hover { background:#fff; color:#333 }

.panel2 .slide-in-right {
    position: relative;
    bottom:0%;
    width: 100%;
    left: 0;
    text-align: left;
}


/*******panel3*********/
.panel3 { background:url(../images/bg3.jpg) repeat-x left bottom #fff; background-size:cover; padding:80px 0 30px; width:100%; float:left; position:relative }
.panel3 .title{ width:100%; float:left; text-align:center; margin-bottom:50px;}
.panel3 .title h3{ color:#cc432a; margin:0 0 10px;}
.panel3 .mobile-pic{ text-align:center}
.panel3 .text{ padding-top:15px;}
.panel3 .text ul{ list-style:none; padding:0; margin:0; }
.panel3 .text ul li{ font-size:24px; font-weight:700; color:#464646; padding:40px 0; position:relative; }
.panel3 .text.left ul li{ text-align:right; padding-right:100px;}
.panel3 .text.right ul li{ text-align:left; padding-left:100px;}
.panel3 .text ul li a{ color:#464646; }
.panel3 .text ul li a:hover{color:#cc432a;}
.panel3 .text ul li a:hover .mobile-pic .hand-icon.{ visibility:visible}
.panel3 .text ul li .fa{background-color:#033a4e; width:66px; height:66px; border-radius:90%; position:absolute; top:50%; margin-top:-33px; line-height:66px; font-size:32px; color:#fff; text-align:center}
.panel3 .text ul li:hover .fa{background-color:#cc432a;}
.panel3 .text.left ul li .fa{right:0}
.panel3 .text.right ul li .fa{ left:0}
.panel3 .text ul li.icon7 .fa{ font-size:28px}
.panel3 .text ul li.icon8 .fa{ font-size:40px}
.panel3 .slide-swim-right {position: relative;bottom:0%;width: 100%; left: 0;text-align: left;}

.hand-icon{ width:50px; height:50px; background:url(../images/hand-icon.png) no-repeat 0 0;position: absolute;top: 35%;left: 50%;margin-left: -75px; visibility:hidden}
.hand-icon.visible{ visibility:visible}
.hand-icon.icon2{ top:53%}
.hand-icon.icon3{ top:65%}
.hand-icon.icon4{ top:53%}
.hand-icon.icon5{ top:35%; right:28%; left:inherit}
.hand-icon.icon6{ top:53%; right:28%; left:inherit}
.hand-icon.icon7{ top:65%; right:28%; left:inherit}
.hand-icon.icon8{ top:35%; right:28%; left:inherit}
/*******panel4*********/
/*.panel4 { background: url(../images/logo-bg.jpg) no-repeat 0 0 #cb4329; background-size:50% 100%; padding:0px; width:100%; float:left; position:relative; } <-- Original*/ 
.panel4 { background: url(../images/logo-bg.jpg) no-repeat 0 0 #cb4329; background-size:50% 100%; padding:0px; width:100%; float:left; position:relative; height:298px;}/*No Video*/
/*.panel4 .video{ float:right; padding:0; width:50%;} <-- Original*/
.panel4 .video{ float:right; padding:0; width:50%; display:none;} /*No Video*/
/*.panel4 .text-box{width:50%; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);padding:0} <-- Original*/
.panel4 .text-box{position:relative;top:50%; display:table; float:none !important; margin:auto; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}/*No Video*/
/*.panel4 .text-box .text{width:100%; max-width:600px; float:right; padding:0 30px; } <-- Original*/
.panel4 .text-box .text{width:100%; max-width:inherit; display:table-cell; position:relative; vertical-align:middle; text-align:center;} /*No Video*/
.panel4 .text-box h3{color:#fff; margin:0 0 30px}

/*******panel5*********/
.panel5 { background: url(../images/bg41.jpg) no-repeat center center; background-size:cover; padding:90px 0; width:100%; float:left; position:relative; overflow:hidden background-color: #E7ECEF;}
.panel5 .title{ width:100%; float:left; text-align:center; margin-bottom:50px;}
.panel5 .title h2{ color:#cc432a; margin:0 0 20px;}
.panel5 .action { float:left; width:100%; margin:30px 0 0; }
.panel5 .action a { background:#1d687f; display:inline-block; width:140px; height:40px; font-size:18px; font-weight:400; color:#fff; line-height:40px; border-radius:5px; text-transform:uppercase; margin:0 15px; }
.panel5 .action a:hover { background:#cc432a; }
.panel5 .responsive-img{float:left; width:100%; margin:2em 0 0}

/*******panel6*********/
.panel6 { background:#347a8f; padding:0 0 30px 0; width:100%; float:left; position:relative }
.panel6 .text-box{padding:60px 0 0}
.panel6 h2{ color:#fec01d; margin:0 0 20px;}
.panel6 p{ color:#fff; margin:0 0 20px;}
.panel6 .favorite-apps { float:left; width:100%; margin:30px 0 0; }
.panel6 .favorite-apps ul{ list-style:none; padding:0; margin:0 -10px}
.panel6 .favorite-apps li{ float:left; width:25%; padding:0 10px}
.panel6 .favorite-apps .icon{float:left; width:58px;}
.panel6 .favorite-apps h5{padding:11px 0 0 60px;font-family:'Raleway', Arial, Helvetica, sans-serif; color:#fff; font-size:17px; line-height:20px; font-weight:300; text-align:center}
.panel6 .favorite-apps li a:hover h5{color:#fec01d; }
.panel6 .favorite-apps li:last-child h5{padding-top:20px;}
.panel6 .penguin-img { padding-left:30px; margin-top:-100%; }

/*******panel7*********/
.panel7 { background: url(../images/bg5.jpg) no-repeat center top; background-size:cover; padding:90px 0 60px; width:100%; float:left;
 position: relative;
  overflow: hidden;
  -webkit-animation: sky_background 50s ease-out infinite;
  -moz-animation: sky_background 50s ease-out infinite;
  -o-animation: sky_background 50s ease-out infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0)
 }

.panel7 .casestudy{float:left; width:100%; margin:0 0 30px;}
.panel7 .casestudy .image{float:left; width:100%; border-radius:5px 6px 0 0; position:relative}
.panel7 .casestudy .image img{width:100%; border-radius:5px 6px 0 0}
.panel7 .casestudy .image .stick{ position:absolute; top:0; right:0; font-size:14px; background:#fff; border-radius:0 5px 0 0;padding:5px 20px;}
.panel7 .casestudy .detail{float:left; width:100%; background:#fff; padding:20px;border-radius:0 0 5px 5px; border:1px solid #ccc}
.panel7 .casestudy .detail h4{font-family:'Raleway', Arial, Helvetica, sans-serif; letter-spacing:normal; margin-bottom:20px; color:#646464}
.panel7 .casestudy .detail p{ font-size:17px; line-height:26px; color:#646464; min-height:104px;}
.panel7 .casestudy .action { float:left; width:100%; margin:0px 0 0; }
.panel7 .casestudy .action a { background:#fff; float:right; width:auto; height:42px; font-size:16px; font-weight:400; color:#646464; line-height:42px; text-align:center; border-radius:5px; margin:0; border:1px solid #ccc; padding:0 20px; }
.panel7 .casestudy .action a:hover { background:#cc432a;border:1px solid #cc432a; color:#fff;  }
.panel7 .bottom-btn{float:left; width:100%; text-align:center; margin:20px 0 0}
.panel7 .bottom-btn a { background:#cc432a; display:inline-block; width:auto; height:46px; font-size:16px; font-weight:400; color:#fff; line-height:46px; text-align:center; border-radius:5px; margin:0; padding:0 20px; }
.panel7 .bottom-btn a:hover { background:#1d687f;}

/*******panel5*********/
.panel8 { background: url(../images/bg6.jpg) no-repeat right bottom; background-size:100% auto; background-color:#fee6c2; padding:50px 0 90px; width:100%; float:left; position:relative; }
.panel8 .title{ width:100%; float:left; text-align:center; margin-bottom:30px;}
.panel8 .title h2{ color:#cc432a; margin:0 0 20px;}
.panel8 .start-form{width:100%; float:left; margin:0 0 20px; padding:0 15px;}
.panel8 .start-form input[type="text"]{ background:#fff;width:100%; height:50px; font-size:16px; color:#333; padding:0 8px; border:1px solid #ccc; border-radius:4px;}
.panel8 .start-form input[type="submit"]{ background:#1d687f;width:100%; height:50px; font-size:16px; color:#fff; padding:0 8px; border:none; border-radius:4px; text-transform:uppercase}
.panel8 .start-form input[type="submit"]:hover{ background:#cc432a;}
/**************************/

/*******panel9*********/
.panel9 { background-size:cover; padding:10px 0 0; width:100%; float:left; position:relative; margin: 0 0 100px 0;}
.panel9 .text{ padding-top:60px;}
.panel9 .text h3{ color:#cc432a; margin:0 0 10px;}


.panel9 .slide-in-left {
    position: relative;
    bottom:0%;
    width: 100%;
    right: 0;
    text-align: right; float:left;
}
/**************************/


/*******panel10*********/
.panel10 { background-size:cover; padding:10px 0 0; width:100%; float:left; position:relative; margin: 0 0 100px 0;}
.panel10 .text{ margin: 0 auto; padding: 0;}
.panel10 .text h3{ color:#cc432a; margin:0 0 50px 0;}

.presidentmessage{font-family:'Raleway', Arial, Helvetica, sans-serif; font-style: italic; font-size: 10pt;}
.valignimg{margin: 10% 0;}
/**************************/


/*******breadcrumbs*********/
.breadcrumb { background:#fff; background:none; border-radius:0;padding:0; width:100%; float:left; position:relative; margin:0 0 50px; margin-top:-40px }
.breadcrumb .breadcrumbs {padding:0;}
.breadcrumb .breadcrumbs a{font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:normal; color: #000;}
.breadcrumb .breadcrumbs .active{color: #cb4329;}
/******inner-page*******/
.inner-page{float:left; width:100%; padding-bottom:50px}
.inner-page h3{ color:#cc432a; margin:0 0 20px; letter-spacing:1px}

.pricing-tab{float:left; width:100%; margin:30px 0 0}
.pricing-tab .pricing{ background:#f2f6f8; float:left; width:100%; border-top:5px solid #1d687f; border-bottom:5px solid #1d687f; padding:30px 10px; margin-bottom:30px;}
.pricing-tab .pricing .head{float:left; width:100%; text-align:center}
.pricing-tab .pricing .head h3{font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:600; color:#333333}
.pricing-tab .pricing .head .price{ font-size:70px; font-weight:700; color:#cc432a;}
.pricing-tab .pricing .head p{ color:#8b8b8b; font-weight:400; font-style:italic}
.pricing-tab .pricing .listing{float:left; width:100%; padding:10px;}
.pricing-tab .pricing .listing ul{list-style:none; padding:0; margin:0}
.pricing-tab .pricing .listing ul li{ font-size:16px; color:#333; margin:0 0 10px; padding:2px 30px 3px 0; position:relative}
.pricing-tab .pricing .listing ul li:after{font-family:'FontAwesome';content:"\f058"; color:#22697f; position:absolute; right:0; top:-6px; font-size:26px;}
.pricing-tab .pricing .listing ul li.strike{text-decoration:line-through;color:#8b8b8b; background:none; padding-right:0}
.pricing-tab .pricing .listing ul li.strike:after{display:none}
.pricing-tab .pricing .listing p{font-size:16px;}
.pricing-tab .pricing .listing .action{float:left; width:100%; text-align:center; margin:20px 0 0;}
.pricing-tab .pricing .listing .action a{ font-size:16px; background:#cb4329; padding:0 35px; display:inline-block; line-height:40px; border-radius:5px; text-transform:uppercase; color:#fff;}
.pricing-tab .pricing .listing .action a:hover{background:#1d687f;}

.request-form{ float:left; width:100%; padding-left:15px;}
.request-form h4{font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:600; color:#333333; letter-spacing:normal; margin-bottom:15px;}
.request-form h4 a{color:#cc432a;}
.request-form h4 a:hover{color:#1d687f;}
.request-form .form{ float:left; width:100%;}
.request-form .form .form-row{ float:left; width:100%; margin:0 0 10px;}
.request-form .form .form-row label{ float:left; width:100%;}
.request-form .form .form-row input[type="text"],
.request-form .form .form-row input[type="email"]{width:100%; height:40px; padding:0 8px; background:#fff; border:1px solid #333; font-size:16px; border-radius: 3px;}
.request-form .form .form-row textarea{width:100%; height:80px; padding:5px 8px; background:#fff; border:1px solid #333; font-size:16px; border-radius: 3px;}
.request-form .form .form-row.check-box {margin-bottom:5px;}
.request-form .form .form-row.check-box label{font-weight:400}
.request-form .form .form-row.check-box label input{width:auto}
.request-form .form .form-row input[type="submit"]{width:200px; height:50px; border-radius:5px; padding:0 8px; background:#1d687f; border:none; font-size:18px; text-transform:uppercase; color:#fff; font-weight:600; margin:15px 0 0}
.request-form .form .form-row input[type="submit"]:hover{background:#cc432a;}
.request-form .form .form-row img{margin-top:-30px; margin-top:0; width:80px; float:right; float:left}
.required-span{font-size: 28px; position:absolute; right:-14px; top:-5px;}
.pricing-tab .pricing .listing .readmore{ text-align:center; text-transform:uppercase; color:#cb4329; font-size:15px; font-weight:700; margin:15px 0; float:left; width:100%; display:none;}

.pricingheader{
	margin-top: 100px;
}
/**************************/


/***********features page***************/
.features-page h2{ font-size:32px; color:#cb4329;}
.quick-links{ background:#fff; float:left; width:100%; padding:10px 0 40px;}
.quick-links h2{font-size:32px; color:#cb4329; }
.quick-links ul { list-style:none;}
.quick-links ul li{ margin:22px 0; max-width:355px;}
.quick-links ul li .link{height:64px; vertical-align:middle; display:table; width:auto; position:relative; left:20px;}
.quick-links ul li .link h5{font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:700; color:#033a4d; letter-spacing:normal; height:100%; display:table-cell; vertical-align:middle;-webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.quick-links ul li .fa{ width:64px; height:64px; line-height:64px; text-align:center; float:left; background:#033a4d; border-radius:90%; font-size:30px; color:#fff;-webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.quick-links ul li:hover .fa{ background:#cb4329}
.quick-links ul li:hover h5{ color:#cb4329}

/*****features-module*****/
.features-module{ background:url(../images/features-module-bg.jpg) repeat-x left top #57818f; background-size:cover; padding:40px 0; width:100%; float:left; position:relative; z-index:9}
.features-module .col-md-9{width:60%; float:left;}
.features-module .content-box{float:left; width:100%; padding:0px 0 10px;}
.features-module .content-box p{color:#fff; margin-bottom:25px;}
.features-module h2{color:#ffad1e; margin:0 0 20px; }
.features-module .col-md-3{width:40%; float:right;}
.features-module .request-form{ float:left; width:100%; padding-left:30px; border-left:1px solid #fff}
.features-module .request-form h4{font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:600; color:#fff; letter-spacing:normal; margin-bottom:15px;}
.features-module .request-form h4 a{color:#f4cc12;}
.features-module .request-form h4 a:hover{color:#ffad1e;}
.features-module .request-form .form{ float:left; width:100%;}
.features-module .request-form .form .form-row{ float:left; width:100%; margin:0 0 10px;}
.features-module .request-form .form .form-row label{ float:left; width:auto; position:relative; font-size:16px; color:#fff; font-weight:400}
.features-module .request-form .form .form-row input[type="text"],
.features-module .request-form .form .form-row input[type="email"]{width:100%; height:40px; padding:0 8px; background:#fff; border:none; border-radius:3px; font-size:16px;}
.features-module .request-form .form .form-row textarea{width:100%; height:100px; padding:5px 8px; background:#fff; border:none; border-radius:3px; font-size:16px;}
.features-module .request-form .form .form-row.check-box {margin-bottom:5px;}
.features-module .request-form .form .form-row.check-box label{font-weight:400}
.features-module .request-form .form .form-row input[type="submit"]{width:160px; height:40px; border-radius:5px; padding:0 8px; background:#cb4329; border:1px solid #94958d; font-size:18px; text-transform:capitalize; color:#fff; font-weight:500;}
.features-module .request-form .form .form-row input[type="submit"]:hover{background:#ffad1e;}

#signup_container {clear:both; position:relative; display:table;}
#signup_container input {left:0; position:absolute; vertical-align:middle; height:18px;}
#signup_container label {display:block; margin-left:30px; width:auto;}

#signup_demo_container{position:relative; display:table; top:2px;}
#signup_demo_container input{height:18px; vertical-align:middle; position:absolute; left:10px; top:4px;}
#signup_demo_container label {display:block; margin-left:30px; width:auto;}

/*********Contact Manager******/
.contact-manager{background:url(../images/bg3.jpg) repeat-x left bottom #fbfcfe; background-size:cover; padding:150px 0 80px 0; width:100%; float:left; position:relative; margin-top:-100px; z-index:8}
.contact-manager .col-md-4{padding-right:0}
.contact-manager ul{ padding-left:25px;}
.contact-manager ul li{margin-bottom:10px}
.contact-manager-img{margin:30px auto 0 auto; width:90%;}
.contact-manager h2{margin-bottom:15px;}
.contact-manager p{font-weight:600;}

/********activities-section********/
.activities-section{background:#fff; padding:150px 0 0px; width:100%; float:left; position:relative;margin-top:-100px; z-index:7}
.activities-section h2{text-align:center; margin:0 0 20px;}
.activities-section ul{float:left; margin-bottom:20px; padding-left:25px;}
.activities-section ul li{margin:0 0 10px; padding:0 15px 0 10px;}
/*.activities-section .activities-img{float:left; width:100%; margin:0px 0 0;}*/
.activities-section .activities-img{width:90%; margin: 0 auto;}

/********geo-section********/
.geo-section{ background:url(../images/bg1.jpg) no-repeat center bottom #c9e1e9; background-size:cover; padding:150px 0 30px 0; width:100%; float:left; position:relative;margin-top:-100px; z-index:6}
.geo-section .content-box{ width:100%; display:block;}
.geo-section .content-box h2{margin:0 0 20px;}
.geo-section .content-box p{}
.geo-section .geo-img{float:left; width:100%; margin-top:30px; display:block;}

/********sale-opportunities*******/
.sale-opportunities{ background-position:left bottom -100px; padding:150px 0 20px;margin-top:-100px; z-index:5;}
.sale-opportunities h2{margin:0 0 10px;}
.sale-opportunities ul{float:left; margin-bottom:20px; padding-left:25px;}
.sale-opportunities ul li{margin:0 0 10px; padding:0 15px 0 10px;}
.sale-opportunities .responsive-img{float:left; width:100%; margin:10px 0 0;}

/********geo-section********/
.doc-manager{ background:#fff; padding:150px 0 0; width:100%; float:left; position:relative;margin-top:-100px; z-index:4}
.doc-manager h2{text-align:center; margin:0 0 20px;}
.doc-manager p{}
.doc-manager .doc-manager-img{margin-left:-15px}

/*******Time Tracking******/
.time-tracking{ background:#315a6e; padding:150px 0 0; width:100%; float:left; position:relative;margin-top:-100px; z-index:3}
.time-tracking h2{ color:#f8a722; margin:0 0 20px;}
.time-tracking p{ color:#fff}
.time-tracking .time-tracking-img{margin-left:-20px; margin-top:35px;}

/*******Custom Reports******/
.custom-reports{background:url(../images/bg3.jpg) repeat-x left bottom #fbfcfe; background-size:cover; padding:150px 0 10px; width:100%; float:left; position:relative;margin-top:-100px; z-index:2}
.custom-reports h2{ margin:0 0 20px; text-align:center}
.custom-reports p{}
.custom-reports .custom-img{margin-left:-20px}

/*******help-desk******/
.help-desk{float:left; width:100%; background:#fff; padding:150px 0 0;margin-top:-100px; z-index:1}
.help-desk h2{ margin:0 0 20px;}
.help-party-img{float:left; width:100%; margin:10px 0 0;}
.help-party-img .left-img{float:left; width:50%; margin-top:20px;}
.help-party-img .right-img{float:right; width:40%;}
.help-party-img .right-img img{max-height:370px;}
.start-your-free{ background:#fee7c5}
.start-your-free h2{font-size:48px;}
.start-your-free .start-form input[type="text"]{border-color:#959595; height:40px; color:#000}
.start-your-free .start-form input[type="submit"]{ background:#cb4329; text-transform:uppercase; height:40px;  }
.start-your-free .start-form input[type="submit"]:hover{background:#07536d}
/**************************/


/*******Why RockhopperCRM*****/
.custom-fit{float:left; width:100%; background:#fff; padding-bottom:40px;}
.custom-fit-solution{ position:relative; margin-left:-25%;}
.custom-fit-solution img{width:100%}
.custom-fit-solution:before{ background:url(../images/custom-fit-solution-bg.jpg) repeat-x 0 0; position:absolute; left:-300%; width:300%; height:100%; content:"";}
.custom-fit .col-md-3 {width:40%; float:right;}
.custom-fit .col-md-9{width:60%; float:left;}
.custom-fit .request-form{ border-left:1px solid #c7c7c7; padding-left:30px;}
.aboutusform div{padding-left:0 !important; padding-right:0 !important;}
.aboutusform textarea{min-height:140px !important;}

.ease-of-use{float:left; width:100%; background:#1f6980; padding-bottom:40px;}

.ease-of-use .right-text {float:left; width:100%; padding:40px 0}
.ease-of-use .right-text h2{font-size:32px; color:#fdd31e; text-align:center;}
.ease-of-use .right-text p{ font-size:16px; line-height:26px; color:#fff}


.full-integration{ background:url(../images/full-integration1.jpg) repeat-x left bottom #cfe6ec; float:left; width:100%}
.full-integration .integration{ background:url(../images/full-integration.jpg) no-repeat center bottom #cfe6ec; float:left; width:100%; padding:70px 0;}
.full-integration h2{font-size:32px; color:#cb4329; margin-bottom:30px;}

.full-integration .left-text {float:left; width:100%; padding:0 0 70px 0}
.full-integration .left-text p{ font-size:16px; line-height:26px;}


.customization{float:left; width:100%; background:#fff; padding:50px 0 20px;}
.customization h2{font-size:32px; color:#cb4329; text-align:center; margin-bottom:20px;}
.customization ul{padding:0; margin:0 0 15px;}
.customization ul li{padding-left:5px; margin-left:25px; font-size:16px;}
.customization p{font-size:16px; line-height:26px;}
/**************************/

/*******About Us*******/
.about-us-content .col-md-3 {width:40%; float:right;}
.about-us-content .col-md-9{width:60%; float:left;}
.about-us-content .request-form{ border-left:1px solid #c7c7c7; padding-left:30px;}
.about-us-content ol li{ margin-top:15px;}
/**********************/

/***********case-study page***************/
.case-study-page h2{ font-size:32px; color:#cb4329;}
.case-study-page .row{ padding-bottom:30px;}
.detail-elipsis{ overflow: hidden; max-height: 100px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}


/******************Right Bar *******************/
#rightbar{ }
#rightbar p{font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight: bold;}
#rightbar p span{color:#cc432a;}

/*************form****************/
form div.form-control{
	height:auto;
	width:auto;
	padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;

    background-image: none;
    border: none;
    box-shadow: none;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control label{
	position:relative;	
}

form.demo div.form-control{
	height:auto;
	width:auto;
	padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color:#f2f6f8;
    background-image: none;
    border: none;
    box-shadow: none;
    transition: none;
}


form.all div:last-child {
  clear: both;
  width: 100%;
}

form.all div:nth-child(1n+3) {
  clear: both;
  width: 100%;
}
 form.all div:nth-child(5) { width: 100%;}

 form.all input.checkbox{ width:30px; margin: 0px;}

 .nobreak{display: -webkit-inline-box; font-weight: bold;}

 /* .squaredFour */
.squaredFour {
  width: 20px;
  position: relative;
  margin: 20px auto;
}
.squaredFour label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #fcfff4;
  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  border-radius: 4px;
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}
.squaredFour label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 3px solid #333;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.squaredFour label:hover::after {
  opacity: 0.5;
}
.squaredFour input[type=checkbox] {
  visibility: hidden;
}
.squaredFour input[type=checkbox]:checked + label:after {
  opacity: 1;
}

/* end .squaredFour */

input,
textarea,
button {
  width: 100%;
  border: 1px solid #000;
}

.spacing{ margin: 30px 0;}

.round{
    height: 200px;
    width: 200px;
    border-radius: 50%;
    overflow: hidden;
}
div.g-recaptcha div iframe html body div.rc-anchor-light.rc-anchor-normal{width:290px;}

form.demo input[type="submit"], form.aboutusform input[type="submit"]{ background:#1d687f;width:100%; height:50px; font-size:16px; color:#fff; padding:0 8px; border:none; border-radius:4px; text-transform:uppercase; margin: 15px 0 0; width: 70%;}
form.demo input[type="submit"]:hover, form.aboutusform input[type="submit"]:hover{ background:#cc432a;}

form.contact input[type="submit"]{ background:#1d687f;width:100%; height:50px; font-size:16px; color:#fff; padding:0 8px; border:none; border-radius:4px; text-transform:uppercase; margin: 50px 0 0 0; width: 40%;}
form.contact input[type="submit"]:hover{ background:#cc432a;}

.footer { float:left; width:100%; background:url(../images/footer-bg.png) repeat-x 0 0;background-size:cover;padding:40px 0 20px; color:#fff; position:relative; margin-top:-15px; z-index:9; text-align:center; font-weight:400; }
.footer .footer-logo { margin:0 0 1.5em; text-align:center }
.footer .footer-col{float:left; width:100%;text-transform:uppercase; }
.footer .footer-col a{color:#fff;}
.copyright {width:100%; text-align:center; margin:2em 0 0;text-transform:uppercase;  }
.scrollup { position:fixed; right:10px; bottom:10px; width:40px; height:40px; background:#1d687f; border-radius:5px; }
.scrollup img { padding:8px; }


/* Slider */
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.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;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
    height: 120px;
 
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@media only screen and (max-width: 768px) { 
.slick-slide img
{
    display: block;
 
 }
}

/*** Text colors ***/
.blue-text {
    color: #0072bc;
}

.red-text {
    color: #cc432a;
}