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

body{text-align:left; font-family: 'Roboto', sans-serif; color:#000000;}


/* THEME: channel-GREEN */
body.channel-green h1, body.channel-green h2{color:#50b848; }
body.channel-green .btn {background: #50b848;text-shadow: 4px 2px 3px #1bc30f;} 
body.channel-green .btn:hover { background: #6ccb64;}
body.channel-green .box-shadow { -webkit-box-shadow: 7px 10px 14px 0px rgba(80, 184, 72,0.33);
-moz-box-shadow: 7px 10px 14px 0px rgba(80, 184, 72,0.33);
box-shadow: 7px 10px 14px 0px rgba(80, 184, 72,0.33);}

/* THEME: Sales-RED */
body.sales-red h1, body.sales-red h2{color:#f54337; }
body.sales-red .btn {background: #f54337;text-shadow: 4px 2px 3px #db281b;} 
body.sales-red .btn:hover { background: #ff655b;}
body.sales-red .box-shadow { -webkit-box-shadow: 7px 10px 14px 0px rgba(245, 67, 55,0.33);
-moz-box-shadow: 7px 10px 14px 0px rgba(245, 67, 55,0.33);
box-shadow: 7px 10px 14px 0px rgba(245, 67, 55,0.33);}


/* THEME: Msp-BLUE */
body.msp-blue h1, body.msp-blue h2{color:#0065b3; }
body.msp-blue .btn {background: #0065b3;text-shadow: 4px 2px 3px #076cb9;} 
body.msp-blue .btn:hover { background: #337db7;}
body.msp-blue .box-shadow { -webkit-box-shadow: 7px 10px 14px 0px rgba(0, 101, 179,0.33);
-moz-box-shadow: 7px 10px 14px 0px rgba(0, 101, 179,0.33);
box-shadow: 7px 10px 14px 0px rgba(0, 101, 179,0.33);}


/* THEME: IT-ORANGE */
body.it-orange h1, body.it-orange h2{color:#f5841e; }
body.it-orange .btn {background: #f5841e;text-shadow: 4px 2px 3px #e36e04;} 
body.it-orange .btn:hover { background: #f4933b;}
body.it-orange .box-shadow { -webkit-box-shadow: 7px 10px 14px 0px rgba(245, 132, 30,0.33);
-moz-box-shadow: 7px 10px 14px 0px rgba(245, 132, 30,0.33);
box-shadow: 7px 10px 14px 0px rgba(245, 132, 30,0.33);}


/* TYPOGRAPHY */
h1{ font-weight:600; font-size:35px; line-height:41px; text-transform: uppercase; letter-spacing: 0.8px;}
h1.helping-your{font-size: 32px;}
 /*font-size:60px; line-height:54px; */
h1 span{font-weight: 300;}
h2{ font-size:20px; font-weight:300; text-transform: uppercase; letter-spacing: 2px;}
p{ font-size:16px; line-height:24px; padding-bottom:0px; font-weight:lighter;}
ol{ font-family: 'Roboto', sans-serif; font-weight: lighter; }
ol.decimal{list-style-type: decimal;}
ol.disc{list-style-type:disc;}
strong{font-weight:500;}
::placeholder{color:##9b9b9b;}

/*GLOBAL STYLE*/
.wrapper{ width:1140px; margin:30px auto 0; overflow:hidden;}
input, textarea, button {font-family: 'Roboto', sans-serif; }


/*HEADER*/
header{margin-bottom:20px; overflow: hidden; padding: 0 98px;}
/* header .logo{width:229px; height:auto; float:left; } */
header .logo{height:auto; float:left; }
header a.logo img{width:100%;}
header ul.social-icons{ float: right; }
header ul.social-icons {margin-top: 20px;}
header ul.social-icons li {vertical-align: top;display: inline;height: 100px;}
header ul.social-icons li a i{ font-size:24px; padding-left:18px; color: #9b9a9a;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;}
header ul.social-icons li a:hover i.fa-facebook{color: #3d5b99;}
header ul.social-icons li a:hover i.fa-twitter{color: #00aced;}
header ul.social-icons li a:hover i.fa-google-plus {color: #e25714;}
header ul.social-icons li a:hover i.fa-youtube {color: #e64a41;}


/*MAIN BODY*/
.main{background:url("../images/background.png") repeat center; padding:40px 98px;  width:100%;  }
.main p{font-size:30px; line-height:35px; padding-bottom:0px; font-weight:300;}
.main .col-img{ width:50%;float:left; }  /*width:50%*/
.main .col-img .left-img{height:auto; width:267px; margin-bottom: 20px}
h1.channel-enablement{ margin-top: 45px;}
h1.better-partner{font-size: 34px;}


/*MAIN BODY: FORM*/
.main .col-form{ width:40%; float:right;  } /*width:50%; padding-left:120px; */
.main .col-form .form{ padding-top:20px; width:100%; }
.main .col-form .form input[type="text"] { width: 100%; height:42px; background-color:transparent;  border-bottom: 1px solid #7a7a7a; border-width: 0 0 1px 0; color:#9b9b9b; margin-bottom: 23px; line-height: 30px; font-weight: 300; font-size:16px; text-align: left; padding-left: 5px; outline:none;-webkit-appearance: none;-webkit-border-radius:none;border-radius: 0;}
.main .col-form .form .btn {width:100%;height:48px;line-height: 48px;cursor:pointer; border:none; margin-top:25px;color: #ffffff;font-size: 24px;padding: 0 40px;text-decoration: none;-webkit-appearance: none;-webkit-border-radius:none;border-radius: 0;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition: .5s;}
.main .col-form .form .btn:hover {text-decoration: none;}


/*DESCRIPTION*/
.description-holder{ padding:40px 98px; width:100%; overflow: hidden;}
.description-holder ol{ margin-left:40px; font-size:16px; line-height: 20px;margin-top: 18px;}
.description-holder ol.fleft{ float:left; width: 40%;  }
.description-holder ol li{margin-bottom: 6px;}
/* .description-holder h2 {font-weight: 500; font-size: 18px; line-height: 26px; color: #000000; margin: 0 0 20px;}
.description-holder p {font-size: 16px; line-height: 26px; color: #5C5C65; margin: 0;}
.description-holder p a {color: #5C5C65; text-decoration: none; font-weight: 500;}
.description-holder p a:hover {text-decoration: underline;} */

/*.description-holder ol.fright{ float:left; width: 40%; }*/



/*FOOTER*/
footer{background-color:#373636; height:auto; width:100%;}
footer p{text-align:center; color:#fff; font-weight:300; font-size:12px; padding:15px;}
footer a{text-decoration:none; color:#fff;}
footer a:hover { color: #ff584f;}
 


/*-- media start here --*/
@media only screen and (max-width: 1450px) 
{
	/*h1{ font-weight:600; font-size:40px; margin-top:20px; line-height:49px; margin-bottom: 5px;}*/
	h1.seven-steps, h1.asset-Management, h1.channel-marketing, h1.creating-a-successful, h1.channel-enablement, h1.helping-your, h1.strategy-and-the-sales, h1.ultimate-blueprint, h1.why-you-need, h1.channel-enablement{font-size:29px; margin-top:5px; line-height:36px;}
	h1.nine-must-haves{font-size: 32px; line-height: 38px;}
	h1.better-partner{font-size: 31px; line-height: 37px;}
	h1.channel-enablement{font-size:29px; margin-top:45px; line-height:36px;}
	h1.blueprint-to-creating, h1.the-ultimate-guide{font-size: 30px;line-height: 36px;}
	/*.main .col-form .seven-steps input[type="text"] {height:38px;}*/
	.wrapper{width:1000px; margin:15px auto 0;}
	header{margin-bottom:15px; padding-right: 70px; padding-left: 70px; }
	header .logo{width:170px; }
	.main{ padding:40px 70px; }
	.main p{font-size:27px; line-height:28px;}
	
	
	.main .col-img .left-img{width:210px;}
	.main .col-form .form{ padding-top:10px;}
	.main .col-form .form input[type="text"] {height:38px; margin-bottom: 15px; font-size:14px;}/*height:35px;*/
	.main .col-form .form .btn { margin-top:20px;  font-family: 'Roboto', sans-serif;  font-size: 20px; letter-spacing: 1.8px; }
	.description-holder{ padding:20px 70px; width:100%;}
	
	header ul.social-icons { margin-top: 20px; }
	header ul.social-icons li a i{padding-left: 12px; font-size:18px;}
	
}

@media only screen and (max-width: 1024px) 
	{
		
		.wrapper{ width:100%; }
		/*h1 {font-size: 50px; line-height: 50px;}*/
		/*7 Steps to smoother channel management*/
		h1.seven-steps{font-size:40px; line-height:46px;}
		h1.nine-must-haves, h1.asset-Management,{ font-size: 40px;line-height: 46px;margin-top: 5px; }
		h1.channel-marketing, h1.creating-a-successful, h1.strategy-and-the-sales, h1.ultimate-blueprint, h1.why-you-need, h1.blueprint-to-creating, h1.the-ultimate-guide{font-size: 33px; line-height: 41px; margin-top: 15px;}
		h1.helping-your{font-size: 30px; line-height: 36px;   margin-top: 28px;}
		h1.channel-enablement{font-size: 33px; line-height: 41px;}
		h1.better-partner { font-size: 32px; line-height: 38px; margin-top: 24px;}
		/*h1.creating-a-successful{font-size: 35px;    line-height: 41px;   margin-top: 15px;}*/
		h2{font-size:17px;}
		/* header .logo{width:128px;} */
		/*.main .col-img{ f padding-right:25px;}*/
		/*.main .col-form{ padding-left:70px; }*/
		.main .col-form .form .btn{ height: 46px; font-size: 22px; margin: 34px auto 0;}
		.main .col-form .form input[type="text"] {height:42px;}
	}
@media only screen and (max-width: 900px) 
	{
		.wrapper{ width:100%; }
		h1.seven-steps, h1.nine-must-haves, h1.asset-Management, h1.channel-enablement{ font-size:28px; line-height:34px;}
		h1.channel-marketing, h1.creating-a-successful, h1.strategy-and-the-sales, h1.ultimate-blueprint, h1.why-you-need, h1.blueprint-to-creating, h1.the-ultimate-guide{ font-size:28px; line-height:34px; margin-top: 5px;}
		h1.helping-your{font-size: 25px; line-height: 31px; margin-top: 10px;}
		h1.better-partner{ font-size:27px; line-height:34px; margin-top: 5px;}
		p{ font-size:16px; line-height:22px; }
		h2{font-size:18px;}
		header{ padding-right: 60px; padding-left: 60px; }
		header .logo{width:170px;}
		header ul.social-icons { margin-top: 25px;}
		.main .col-form .form input[type="text"] {height:39px; line-height: 39px;}
		
		.main{ padding: 40px 60px;}
		.main p { font-size: 24px; line-height: 27px;}
		/*.main .col-img{  padding-right:25px;}*/
		.main .col-form{ padding-top:20px margin-top:90px;}
		.main .col-form .form .btn{height: 40px; font-size: 20px; line-height: 20px; margin: 24px auto 0;}
		.description-holder ol.fleft{ float:left; width: 39%;  }
		.description-holder ol.fright{ float:left; width: 39%; }
	}

@media only screen and (max-width: 780px) 
	{
		.main p { font-size: 22px; line-height: 27px;}
		h1.channel-marketing, h1.creating-a-successful, h1.strategy-and-the-sales, h1.ultimate-blueprint, h1.channel-enablement, h1.blueprint-to-creating, h1.the-ultimate-guide{font-size: 24px;   line-height: 30px;   margin-top: 20px;}
		h1.better-partner{font-size: 23px; line-height: 29px; margin-top: 20px;}
		h1.helping-your{font-size: 22px; line-height: 28px; margin-top: 20px;}
	}
	
@media only screen and (max-width: 750px) 
	{
		.wrapper{  margin:10px auto 0; overflow:hidden; }
		 h1.seven-steps, h1.nine-must-haves, h1.asset-Management, h1.channel-marketing, h1.creating-a-successful, h1.channel-enablement, h1.ultimate-blueprint, h1.blueprint-to-creating, h1.the-ultimate-guide, h1.helping-your, h1.strategy-and-the-sales{font-size:30px; line-height:36px; margin-top: 5px; }
		  h1.channel-enablement, h1.better-partner{font-size:30px; line-height:36px; margin-top: 5px;}
		 p{ text-align: justify;}
		 header{ padding-right: 60px; padding-left: 60px; }
		 header .logo{width:170px;}
		 /*header ul {padding-right: 35px;}*/
		 header ul.social-icons { margin-top: 20px;}
		 header ul.social-icons li a i{padding-left:12px; font-size:17px;}
		.main{ padding: 30px 60px;}
		.main h1 br{display: none;}
		.main p {font-size: 21px; line-height: 24px; text-align: center;}
		.main .col-img{ text-align: center; width:100%;float:none; padding-right:0px; }
		.main .col-img .left-img{ width:220px;}
		.main .col-form{ width:100%; float:none; margin-top:25px; padding-left:0px; }
		.main .col-form .form{width:100%;padding-top: 25px;}
		.main .col-form .form .btn{ height: 42px; font-size: 18px; margin: 14px auto 0;}
		.description-holder { padding: 30px 60px;}
		.description-holder ol.fleft{ float:left; width: 100%;  }
		.description-holder ol.fright{ float:left; width: 100%; }
		.description-holder ol{ padding-right: 60px; font-size:16px;}
		.description-holder ol.reset-mob{margin-top: 0;}
	}
	

@media only screen and (max-width: 500px) {

		h1.seven-steps, h1.nine-must-haves, h1.asset-Management, h1.channel-marketing, h1.creating-a-successful, h1.channel-enablement, h1.strategy-and-the-sales, h1.why-you-need, h1.better-partner, h1.ultimate-blueprint, h1.blueprint-to-creating, h1.the-ultimate-guide, h1.helping-your{ font-size:24px; line-height:30px; margin-top: 5px;}
		h2{font-size:20px; padding-bottom:0px;}
		p{ font-size:15px; text-align: justify; line-height: 20px;}
		header{ padding-right: 30px; padding-left: 30px; }
		.main { padding: 30px;}
		.main p {text-align: center;}
		.main .col-img{ width:100%; float:none; padding-right:0px; }
		.main .col-img .left-img{ width: 200px;}
		.main .col-form{ width:100%; float:none; margin-top:25px; padding-left:0px;}
		.main .col-form .form{width:100%;}
		.description-holder { padding: 30px 30px;}
		.description-holder ol{ padding-right: 30px; font-size:15px;  margin-left: 15px;}

   
}

@media only screen and (max-width: 360px) {

	header { margin-bottom: 10px;}
	header .logo{width:130px;}
	header ul.social-icons {margin-top: 13px;}
	header ul.social-icons li a i{font-size:18px;}
	.main .col-img .left-img{ width: 100%;}
	.main .col-form .form {padding-top: 15px;}
	.main .col-form .form input[type="text"] { height: 30px;}
		
}

@media screen and (min-height: 900px) and (min-width: 750px) and (orientation:  portrait) { footer{position: fixed; bottom: 0px;} }