/* Base css */
@font-face {
    font-family: 'gotham_boldregular';
    src: url('../fonts/gotham-bold-webfont.eot');
    src: url('../fonts/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/gotham-bold-webfont.woff2') format('woff2'),
    url('../fonts/gotham-bold-webfont.woff') format('woff'),
    url('../fonts/gotham-bold-webfont.ttf') format('truetype'),
    url('../fonts/gotham-bold-webfont.svg#gotham_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_bookregular';
    src: url('../fonts/gotham_book-webfont.eot');
    src: url('../fonts/gotham_book-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/gotham_book-webfont.woff2') format('woff2'),
    url('../fonts/gotham_book-webfont.woff') format('woff'),
    url('../fonts/gotham_book-webfont.ttf') format('truetype'),
    url('../fonts/gotham_book-webfont.svg#gotham_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display:block; }
html { -webkit-font-smoothing:antialiased; }
body { margin: 0; padding: 82px 0 0; -webkit-text-size-adjust: none; font-family: 'gotham_bookregular'; color:#000;font-weight:400;}
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
*:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after, .nav:before, .nav:after {display:table; content:" ";}
.clearfix:after, .container:after, .row:after, .nav:after { clear:both; }
.hide { display:none !important; }
.show { display:block !important; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center;}
.pull-left { float:left; }
.pull-right { float:right;}

/*Placeholder Css*/
::-webkit-input-placeholder {color:#fff;opacity:1;}
::-moz-placeholder {color: #fff;opacity:1;}
:-ms-input-placeholder {color: #fff;opacity:1;}
:-moz-placeholder {color: #fff;opacity:1;}

img{max-width:100%;border:none;vertical-align:middle;}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a{color:#000;margin:0;padding:0;line-height:normal;font-weight:normal; margin:0 0 15px 0;text-transform: uppercase;font-family: 'gotham_boldregular';letter-spacing: 0.1em;}
h1, h1 a {font-size:44px;}
h2, h2 a {font-size:24px;}
h3, h3 a {font-size:22px;}
h4, h4 a {font-size:20px;}
h5, h5 a {font-size:18px;}
h6, h6 a {font-size:14px;}

a { color:#216ca2; line-height:normal; cursor:pointer; text-decoration:none; }
a:hover { color:#3c3c3c; }

ul, ol { margin:0; padding:0 0 20px 0; list-style-position: inside; }
ul li { margin:0; font-size:15px; color:#000; line-height:36px; padding:0; list-style-type:disc; font-weight:400; }
ul ul { padding:0 0 0 15px; }
ul li li { list-style-type:disc; }
ul li li li { list-style-type:disc; }
ol li { list-style-type:symbols; font-size:15px; color:#000; line-height:36px; font-weight:400; }

p { color:#000; font-size:14px; margin:0 0 32px 0; line-height:24px; letter-spacing: 1px; }
.alignleft { float: left; margin: 0 30px 25px 0; }

.button { background:none; color:#d97428; border: 2px solid #ff9933; display: inline-block; font-weight:400; vertical-align: middle; text-align:center; cursor:pointer; padding:20px 30px; font-size:14px; line-height:normal; border-radius:inherit; text-transform:uppercase; letter-spacing: 1px; font-family: 'gotham_boldregular'; }
@keyframes pulse {
    0% { transform: scale(1);  }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
@-webkit-keyframes pulse {
    0% { -webkit-transform:scale(1);}
    50% { -webkit-transform:scale(1.1);}
    100% { -webkit-transform:scale(1);}
}
@-ms-keyframes pulse {
    0% { -ms-transform: scale(1); }
    50% { -ms-transform: scale(1.1); }
    100% { -ms-transform: scale(1); }
}

.button:hover { text-decoration:none; color:#333; border-color:#000000;
    animation: pulse 1s ease 1; -webkit-animation: pulse 1s ease 1; -ms-animation: pulse 1s ease 1;
}

.button-lg { padding:10px 26px; font-size:15px; font-weight:700; }
.button-border { border:1px solid rgba(0,0,0,0.4); background:transparent;color:#000; font-size:13px; padding:6px 15px; }

table { min-width:815px; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; border-collapse: collapse; border-spacing: 0; }
table ,th ,td { border:1px solid #d1d1d1;}
table th ,table td { color:#2d2d2d; font-size:14px; line-height:22px; padding:8px 12px; }
table th { color:#242727; font-weight:700; }
table tr:first-child th { border-bottom:2px solid #d1d1d1;}

blockquote{min-width:1048px;font-weight:700;color:#2d2d2d;font-size:18px;line-height:22px;font-style:italic;border-left:none;margin:0;padding:0;}
blockquote span i{color:#216ca2;font-size:14px !important;line-height:16px !important;padding:0 5px;vertical-align:top;}

input, select, textarea {border:1px solid #e0e0e0;border-radius:none;background:#ffffff;width:100%;min-height:47px;padding:17px 19px;margin:0 0 25px 0;font-size:15px;font-family: "EB Garamond",serif; color: #a5a1a1; transition:all 0.3s ease-in 0s;}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="search"], textarea, select { -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0;}
button, html input[type="button"], input[type="reset"], input[type="submit"]{ -webkit-appearance:button; cursor:pointer; }
button{border:none;}
input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus ,a:focus{outline:none;}

.container1 {width:918px;margin: 0 auto;}
.container2 {width:1144px;margin: 0 auto;}
.container3 {width:1364px;margin: 0 auto;}
/* Base Css End */

/*header style*/
.header_top {background: #212121 none repeat scroll 0 0;left: 0; padding: 16px 0;position: fixed;top: 0;width: 100%;z-index: 1000;}
.header_top_left {width: 300px;}
.header_top_left ul {padding: 0; font-size: 0; }
.header_top_left ul li{display: inline-block;list-style: none;border-left: 1px solid #b7b7b7; padding:5px 10px 0 10px;  line-height: 2.8; vertical-align: middle; }
.header_top_left ul li:last-child { padding-right: 0;}
.header_top_left ul li:first-child {border:none;padding-left: 0;}
.header_top_left ul li a:hover{opacity: 0.5;}
.header-grey-icon{ opacity: 0.2;}

.header_top_midd {width:815px;text-align: center;margin-top: 10px;}
.header_top_midd p{margin: 0;text-transform: uppercase;color: #fff;letter-spacing: 1px;}

.header_top_right a {background: none;border: none; font-family: 'gotham_bookregular'; font-size: 14px;color: #fff;margin-bottom: 0;display: inline-block;vertical-align: middle;padding: 0; letter-spacing: 0.4px; line-height: 47px;}
.header_top_right .solution_btn { display: inline-block; vertical-align: middle; background: url(../images/question-mark.png) no-repeat right center; height: 24px;width: 24px; margin-left: 20px;border-left: 1px solid #ffffff;box-sizing: content-box;padding-left: 20px;}
.header_top_midd a {color: #ffffff;}

/*gray section*/
.gray_section {background: #f5f5f5;min-height: 807px;position: relative;}
.gray_section::after { background: #fff; bottom: -41px; content: ""; display: block; height: 92px; position: absolute; transform: skew(0deg, -2deg) ;-webkit-transform: skew(0deg, -2deg) ;-moz-transform: skew(0deg, -2deg) ;-o-transform: skew(0deg, -2deg) ;-ms-transform: skew(0deg, -2deg) ;width: 100%;}

.section1 {text-align: center;}
.logo {padding-top: 65px;}
.logo img {max-width: 45%;}
.team_up {margin-top: 95px;position: relative;}
.team_up:before, .magento .team_up::before{content: "";background: url(../images/wc-hero.png) left 0;height: 100%;width: 100%;position: absolute; left: -40px;
    top: 0px; display: block;  background-position: left; background-repeat: no-repeat;  background-size: 40%; background-position-y: 11px;}
.team_up:after{content: "";background: url(../images/hubspot-hero.png) no-repeat right 0;height: 100%;width: 100%;position: absolute;left: 0;top: 0px;}

.magento .team_up::before { background: url(../images/magento-man.png) no-repeat left 0; }

.team_up_cnt { padding-top: 24px; position: relative; z-index: 1;}
.team_up_icon span{color: #fff;font-size: 14px;font-weight: bold;text-transform: uppercase;position: relative;background: url(../images/team-up-icon.png) no-repeat 0 0; width: 225px;height: 34px;display: inline-block;line-height: 26px;letter-spacing: 2px;}
.to_text{margin-top: 23px;}
.to_text span{font-size: 16px;color: #464646;font-weight: bold;position: relative;}
.to_text span:before{content: "";background: url(../images/to-left-line.png) no-repeat left center;height: 100%;width: 100%;position: absolute;left: -24px;top: 1px;}
.to_text span:after{content: "";background: url(../images/to-right-line.png) no-repeat right center;height: 100%;width: 100%;position: absolute;right: -24px;top: 1px;}
.team_up_text{margin-top: 24px;}
.team_up_text h3{color: #464646;font-family: 'gotham_boldregular';letter-spacing: 3px;margin-bottom: 0;}
.team_up_text h2{font-family: 'Six Caps', sans-serif;font-size: 55px;color: #464646;letter-spacing: 1.3px; margin-bottom: 2px;}
.team_up_text p{font-size: 16px;color: #464646;text-transform: uppercase;margin-bottom: 0;letter-spacing: 0.5px;}
.team_up_text .button {margin-bottom: 260px;}

/* fancybox */
.platform_box { background: url(../images/popup-bg.jpg) repeat; width: 600px; height: 462px; text-align: center; padding: 82px 20px; overflow: hidden !important; }
.platform_box h2 { text-transform: inherit; font-family: 'gotham_bookregular'; margin-bottom: 54px; letter-spacing: 1px; }
.platform_box ul { margin: 0; }
.platform_box ul li { list-style: none; margin: 0; padding: 10px 8px 0px 8px; display: inline-block; border-left: #b7b7b7 2px solid; /* height: 88px; */ vertical-align: middle; line-height: 5.8;}
.platform_box ul li a:hover{opacity: 0.5;}
.platform_box ul li:first-child { border-left: 0; }
.platform_box h6 { text-transform: inherit; font-family: 'gotham_bookregular';  margin-top: 50px; letter-spacing: 1px; }
.platform_box form { font-size: 0; }
.platform_box input { width: 312px; background: none; height: 36px; border: 2px solid #b7b7b7; border-right: 0; padding: 3px 20px; font-family: 'gotham_bookregular'; letter-spacing: 1px;min-height: 36px;font-size: 14px;vertical-align: top;}
.platform_box input::-webkit-input-placeholder { color: #acacac; }
.platform_box input::-moz-placeholder { color: #acacac; }
.platform_box input:-ms-input-placeholder { color: #acacac; }
.platform_box input:-moz-placeholder { color: #acacac; }
.platform_box input[type=submit], .platform_box input[type=button], .platform_box button { background: url(../images/pop-arrow.png) no-repeat #57585a center; width: 36px; height: 36px;padding: 0; margin: 0; border: 0; border-radius: 0;}

/* sign in pop up */

.signin_box{ width:1024px;  padding: 20px 20px; background: none;}
.signin_box > div { overflow:auto!important; width:100%; height:100%; }
.signin_box iframe{ height:100%; width:100%;  -webkit-overflow-scrolling: touch !important;
    overflow: auto !important; }
.fancybox-inner {
    -webkit-overflow-scrolling: touch !important;
    overflow: auto!important;
}
.fancybox-opened .fancybox-skin { padding: 0 !important; overflow: hidden !important; border-radius: 0;}
.fancybox-close { top: 15px; right: -7px; }
.close { position: absolute; right: 10px; top: 10px; cursor: pointer;}
.SliderSection {margin: 68px 0 100px;}
.owl-carousel li {list-style: none;}
.owl-carousel li .texo-detail{position: relative; padding:100px 114px;background: #ffffff none repeat scroll 0 0; opacity: 0;transition: all 1.5s ease 0s;}
.owl-carousel li .texo-detail h6{ text-transform: uppercase; margin: 0 0 30px; letter-spacing: 1px;}
.owl-carousel li .texo-detail:before{position: absolute; top:34px; left: 0px; content: " “ " ; font-family: 'gotham_boldregular'; color: #000; font-size: 100px;}
.owl-carousel li .texo-detail:after{position: absolute; bottom:0px; right: 0px; content: " ” "; font-family: 'gotham_boldregular'; color: #000; font-size: 100px;}
.owl-carousel li p {font-family: 'gotham_bookregular'; line-height: 24px; color: #000;}
.owl-carousel li p span { font-family: 'gotham_boldregular'; color: #000; font-size: 14px; text-align: right; display: block; text-transform: uppercase;letter-spacing: 2px;}
.owl-carousel .active li .texo-detail { opacity: 1;}
/* connect section css*/
.connect-section.gray_section::after {transform: skew(0deg, 2deg) ;-webkit-transform: skew(0deg, 2deg) ;-moz-transform: skew(0deg, 2deg) ;-o-transform: skew(0deg, 2deg) ;-ms-transform: skew(0deg, 2deg) ;width: 100%;}

.connect-section{ padding: 63px 0; text-align: center; }
.connect_cnt li { list-style: none; width: 120px; margin-left: 34px; float: left; }
.connect_cnt li:first-child { margin-left: 0px; }
.connect_cnt li h4 { font-family: 'gotham_bookregular'; font-size:14px; text-transform: capitalize; line-height: 24px; margin-top: 57px; letter-spacing: 1px; }
.icon-box { position: relative; width: 60px; height: 100px; background-color: #000; margin:0 0 0px 0px; display: inline-block; vertical-align: middle; }
.icon-box-inn {display: table-cell; height: 100px; vertical-align: middle; width: 60px; }
.icon-box:before, .icon-box:after { content: ""; position: absolute; width: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent;top:0; }
.icon-box:before { left: 100%; border-left: 30px solid #000; }
.icon-box:after { right: 100%; width: 0; border-right: 30px solid #000; }

.connect-img{margin-bottom: 60px;}
.connect_cnt h2{margin-bottom: 6px;}
.connect_cnt h6{letter-spacing: 1px;}
.connect_cnt p{text-align: left;margin: 0;}
.connect_cnt ul{margin: 55px auto 0; display: inline-block; font-size: 0; }
.connect_cnt ul li { float: none; display: inline-block; vertical-align: top; }

.section3 .connect-img .animateicon { transform: rotate(-180deg);  -webkit-transform:rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transition:all 1.5s ease 0s; -ms-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s; transform-origin: inherit;}
.section3 .connect-img img:hover, .section3:hover .connect-img img  { transform: rotate(-180deg);  -webkit-transform:rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transition:all 1.5s ease 0s; -ms-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s; transform-origin: inherit;}

/*section4*/
.section4{margin: 92px 0 112px;text-align: center;}
.section4 h2{margin-bottom: 52px;}
.CntBlock {text-align: left; width: 652px; float: left; }
.ImgBlock{margin-bottom: 25px;}
.content_img_section:nth-child(odd) .ImgBlock{ float: right; margin-left: 0px;}
.content_img_section:nth-child(even) .ImgBlock{ float: left; margin-right: 0px; text-align: left; }
.content_img_section .ImgBlock { width: 320px; margin-top: 20px; }
.content_img_section .CntBlock { width: 598px; }

.section4 h6  { margin-bottom: 24px; }
.section6 .content_img_section .CntBlock { width: 725px; }
.section6 .content_img_section .ImgBlock { width: 192px; margin-top: 35px; text-align: right; }
.section6 .content_img_section:nth-child(even) .ImgBlock { text-align: left; margin-top: 0; }

.cnt_righ{ width: 266px; }
.content_img_section{margin-bottom: 35px; z-index: 2; position: relative;}
.CntBlock{ position: relative; z-index: 1; }
.CntBlock:focus, .CntBlock:hover, .CntBlock:visited { -webkit-tap-highlight-color: rgba(0,0,0,0) !important;}
.CntBlock{-webkit-tap-highlight-color: rgba(0,0,0,0); }

.section6 h6, .section4 h6, .content_img_section.section_box h2 { position: relative; }
.section6 h2:before { border-bottom: 4px solid transparent; bottom: -12px;  content: ""; width: 100px; transition: width 1s; -webkit-transition: width 1s; position: absolute; left: 0; }

.section4 h6:before { border-bottom: 4px solid transparent; bottom: -12px;  content: ""; width: 100px; transition: width 1s; -webkit-transition: width 1s; position: absolute; left: 0;}

/* .section4 .content_img_section:hover h6:before{ border-color: #000;  left: 0; right: 0; width: 266px;  }
.section4 .content_img_section:nth-child(even):hover h6:before{ border-color: #000;  left: 0; right: 0; width:385px; } */

.section6 h6:before { border-bottom: 4px solid transparent; bottom: -12px;  content: ""; width: 100px; transition: width 1s; -webkit-transition: width 1s; position: absolute; left: 0;}
.section4 .content_img_section .hover_animate:before{  border-color: #000;  left:0; right: 0; width: 266px; }
.section4 .content_img_section2 .hover_animate:before{  border-color: #000;  left:0; right: 0; width:380px; }

.section6 .content_img_section .hover_animate:before{  border-color: #000;  left:0; right: 0; width: 100%; }
.section6 .content_img_section2 .hover_animate:before{  border-color: #000;  left:200px right: 0; width:400px; }

/* .section6 .content_img_section:hover h6:before{ border-color: #000;  left: 108px; right: 0; width: 702px;}
.content_img_section.content_img_section2:hover h6:before{ border-color: #000;  left: 108px; right: 0; width: 702px;}
.section6 .content_img_section:hover.content_img_section:nth-child(even) h6:before{ border-color: #000;  left: 24.5%; right: 0; width:470px; }

/* .section6 .content_img_section .CntBlock:hover .section6 .content_img_section h6:before{ border-color: #000;  left: 0; right: 0; width: 266px;  } */
/*.section4 .content_img_section .CntBlock:hover h6::before { border-color: #000;left: 0;right: 0; width: 266px;}
.section6 .content_img_section .CntBlock:hover h6::before { border-color: #000;left: 0;right: 0; width: 266px;}  */

.section5 .connect_cnt p{text-align: center; padding: 0 140px; letter-spacing: 1px; }
.section5.connect-section.gray_section::after {transform: skew(0deg, -2deg) ;-webkit-transform: skew(0deg, -2deg) ;-moz-transform: skew(0deg, -2deg) ;-o-transform: skew(0deg, -2deg) ;-ms-transform: skew(0deg, -2deg) ;width: 100%;}
.section5 .connect_cnt li{width: 254px;text-align: center;}
.section5 .connect_cnt li p { padding: 0; }
.section5 .icon-box {margin: 0 auto;}
.section5 .connect_cnt li h6{line-height: 24px;margin-top: 23px;}
.section5.connect-section{padding: 20px 0;}
.section5 .connect-img .animateicon  { animation: pulse 1s ease 2; -webkit-animation: pulse 1s ease 1; -ms-animation: pulse 1s ease 1; }
.section5.connect-section.gray_section:hover .connect-img img  { animation: pulse 1s ease; -webkit-animation: pulse 1s ease; -ms-animation: pulse 1s ease; }

.icon-box:hover { background: #000000;}
.icon-box:hover:before { border-left-color: #000000; }
.icon-box:hover:after { border-right-color: #000000; }
/* section6 */
.section6 { margin: 63px 0 132px; }
.section6 h2{margin-bottom: 6px;}
.section6 h2, .section6 h6 { text-align: center; }
.section6 h6 { margin-bottom: 50px; display: inline-block;}
.section6 .cnt_left { width: 725px; }
.section6 .cnt_right { width: 192px; text-align: right; }
.section6 .section_box .cnt_right { text-align: left; }

/* section7 */
.section7 h2 { font-size: 44px;  text-transform: capitalize;}
.section7 h3 { font-size: 24px; color: #464646; text-transform: inherit; font-family: 'gotham_bookregular'; line-height: 30px; letter-spacing: -0.3px; }
.section7 .btn_bottom { padding-bottom: 124px; }
.section7 .team_up { padding-bottom: 30px; }
.section7 .team_up_text ul li { margin: 30px 0; padding: 0; list-style: none; }
.section7 .team_up_text h6 { color: #464646; letter-spacing: 1px;}
.section7 .team_up:after { background: url(../images/hubspot-hero-bottom.png) no-repeat right 0;}
.section7.gray_section::after { bottom: -31px; height: 125px; }
.section7:hover .button { text-decoration:none; animation: pulse 1s ease 1; -webkit-animation: pulse 1s ease 1; -ms-animation: pulse 1s ease 1; }
/* section8 */
.section8 { padding: 0px 0 60px; text-align: center; position: relative;}
.section8 h6{color: #464646;}
.section8 ul { margin: 0; padding:12px 0 0; }
.section8 ul li { padding: 0 15px; margin: 0; list-style: none; display: inline-block; }
.section8 ul li a:hover { opacity: 0.7; }

/* Footer */
footer { background: #212121; padding: 42px 0; }
.usefull_links ul { margin: 0; padding: 0; text-align: center; }
.usefull_links ul li { margin: 0; padding: 0 21px; list-style: none; display: inline-block; }
.usefull_links ul li a { color: #ffae20; font-size: 14px; letter-spacing: 0.4px;}
.usefull_links ul li a:hover { color: #707070; }

.footer_partner { text-align: center; padding-top: 42px; padding-bottom: 40px ;}
.footer_partner h6 { color: #707070; margin-bottom: 6px; letter-spacing: 0.3px; }
.footer_partner ul { margin: 0; padding: 0; }
.footer_partner ul li { list-style: none; margin: 0; padding: 0 24px; display: inline-block; }
.copyright p { text-align: center; color: #707070; font-size: 12px; margin-bottom: 0;}




.owl-theme .owl-controls .owl-nav .owl-prev { top: 50%;  margin-top: -35px; }
.owl-theme .owl-controls .owl-nav .owl-next { top: 50%;  margin-top: -35px; }

.fancybox-type-iframe { width: 1050px !important;}
.fancybox-type-iframe .fancybox-inner { padding: 15px; width: 1030px !important;}

.contact_form {
    padding: 15px;
    min-height: 300px;

}
.contact_form input {
    width: 215px !important;
    min-height: auto !important;
    margin: 0px !important;
}
.contact_form textarea {
    margin: 0px !important;
}

.contact_form input[name=email] {
    width: 465px !important;
}

.contact_form input[type=submit] {
    width: 445px !important;
    min-height: 30px !important;
}


/* new style 23-11-2016 */

.error{border-color:red !important;}
iframe {
    display: block;
    /*height: 0;*/
}
.nurture-title {
    text-align: center;
}

.special-offer {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    padding-top: 20px;
}

.special-offer h4.magento {
    color: #d97428 !important;
    font-size: 28px !important;
}

.special-offer h4.bigcommerce{
    color: #3D63C7 !important;
    font-size: 28px !important;
}


.special-offer ul {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.special-offer ul span {
    margin-bottom: 10px;
    width: 300px;
}

.special-offer ul li {
    margin: 0;
}

#special-offer-layout {
    text-align: center;
    padding-top: 10px;
}

.special-offer p.terms {
    line-height: 10px;
    font-size: 10px;
}