/*
 Theme Name:     Salient Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/salient
 Description:    Salient Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       salient
 Version:        1.0.0
*/
 
@import url("../salient/style.css");
 
/* =Theme customization starts here */

.tk_demos_wrapper {position:relative;background:url('/wp-content/uploads/2016/02/demos_noPLAY.jpg') no-repeat;background-size:100%;width:1330px;height:825px;margin:0 auto;margin-left:-40px}
.tk_animated_tree {position:absolute;top: 67px;left: 520px;width: 230px;}
@-webkit-keyframes flash{0%{opacity:1;}50%{opacity:.1;}100%{opacity:1;}}@keyframes flash{0%{opacity:1;}50%{opacity:.1;}100%{opacity:1;}}
.tk_fan_animate {position: absolute;-webkit-animation:flash linear .15s infinite;animation: flash linear .15s infinite;animation-name: flash;left: 360px;top: 34px;width: 75px;}

.demo_why_stormwind {position:absolute;width:275px;height:53px; right: 210px;top: 120px;}
.demo_why_stormwind a {width:275px;height:53px;display:block;}

.demo_our_story {position:absolute;width:275px;height:50px; right: 225px;top: 173px;}
.demo_our_story a {width:275px;height:50px;display:block;}

.demo_microsoft {position:absolute;width:153px;height:87px; right: 375px;top: 283px;}
.demo_microsoft a {width:153px;height:87px;display:block;background:url(images/play_button.png) no-repeat;background-position:50% 50%;background-size:30%;}
.demo_microsoft a:hover {background:url(images/play_button_hover.png) no-repeat;background-position:50% 50%;background-size:30%;}


.demo_vmware {position:absolute;width:86px;height:151px;  right: 250px;top: 305px;}
.demo_vmware a {width:86px;height:151px;display:block;background:url(images/play_button.png) no-repeat;background-position:50% 30%;background-size:50%}
.demo_vmware a:hover {background:url(images/play_button_hover.png) no-repeat;background-position:50% 30%;background-size:50%;}

.demo_cisco {position:absolute;width:328px;height:241px; left: 270px;top: 330px;}
.demo_cisco a {width:328px;height:241px;display:block;background:url(images/play_button.png) no-repeat;background-position:50% 50%}
.demo_cisco a:hover {background:url(images/play_button_hover.png) no-repeat;background-position:50% 50%}

.demo_pmp {position: absolute;width: 83px;height: 147px;right: 505px;top: 435px;}
.demo_pmp a {width: 83px;height: 147px;display:block;background:url(images/play_button.png) no-repeat;background-position:50% 50%;background-size:50%; }
.demo_pmp a:hover {background:url(images/play_button_hover.png) no-repeat;background-position:50% 50%;background-size:50%;}


.demo_itil {position:absolute;width:56px;height:64px;right: 580px;bottom: 88px;}
.demo_itil a{width:56px;height:64px;display:block;background:url(images/play_button.png) no-repeat;background-position:50% 50%;background-size:70%}
.demo_itil a:hover {background:url(images/play_button_hover.png) no-repeat;background-position:50% 50%;background-size:70%;}

.tk_compare_wrapper {background:url("/wp-content/uploads/2016/02/Compare_noPlay_cropped.jpg") no-repeat;position:relative;background-size:100%;width:1445px;height:525px;margin:0 auto;margin-left:-120px}
.compare_us {;position:absolute;width:431px;height:265px;left: 268px;top: 28px}
.compare_us a {width:431px;height:265px;display:block;background:url(images/play_button.png) no-repeat;background-position:50% 50%}
.compare_us a:hover {background:url(images/play_button_hover.png) no-repeat;background-position:50% 50%}

.compare_them {position:absolute;width:223px;height:186px;right: 335px;top: 120px;background:url(images/play_button.png) no-repeat;background-position:50% 50%}
.compare_them a {width:223px;height:186px;display:block}
.compare_them a:hover {background:url(images/play_button_hover.png) no-repeat;background-position:50% 50%}


.tk_blue_widget {background-color:#006af0;color:#ffffff;padding:20px;text-align:center}
.tk_blue_widget .blue_widget_item {background: url('/wp-content/uploads/2015/11/checkmark1.png') no-repeat 0 50%;padding-left:30px;margin-bottom:20px; text-align:left }
.tk_blue_widget h3 {color:#ffffff;font-weight:600}


@media (max-width: 1280px) {
	.tk_demos_wrapper{margin-left:-120px}
}


@media (max-width: 1135px) {
	.compare_us {/* */;position:absolute;width:268px;height:164px;/* */;left: 170px;top: 20px;}
	.compare_us a {width:268px;height:164px;display:block}
	.compare_them {/* */;position:absolute;width:141px;height:116px;/* */;right: 205px;top: 70px;}
	.compare_them a {width:141px;height:116px;display:block}

	.tk_compare_wrapper {width:900px;height:375px;margin:0 auto}
	.tk_demos_wrapper{width:900px;height:575px;margin-left:-30px}
	.tk_animated_tree{top: 35px; left: 340px;width: 170px;}
	.tk_fan_animate {left: 245px;top: 28px;width: 49px;}
	.demo_why_stormwind {width: 182px;height: 32px;right: 145px;top: 84px;}
	.demo_why_stormwind a {width:182px;height:32px;}
	.demo_our_story {width: 192px;height: 38px;right: 150px;top: 115px;}
	.demo_our_story a {width:192px;height:38px;}
	.demo_microsoft {width: 104px;height: 57px;right: 255px;top: 190px;}
	.demo_microsoft a {width:94px;height:53px}
	.demo_vmware {width: 58px;height: 103px;right: 170px;top: 203px;}
	.demo_vmware a {width:58px;height:103px}
	.demo_cisco {width: 222px;height: 163px;left: 180px;top: 222px;}
	.demo_cisco a {width:222px;height:163px}
	.demo_pmp {width: 57px;height: 98px;right: 340px;top: 295px;}
	.demo_pmp a {width:57px;height:98px}
	.demo_itil {width:38px;height:44px;right: 393px;bottom: 73px;}
	.demo_itil a {width:38px;height:44px}
	
}

@media (max-width: 999px) {
	.compare_us {/* */;position:absolute;width:210px;height:130px;/* */;left: 130px;top: 12px;}
	.compare_us a {width:210px;height:130px;display:block}
	.compare_them {/* */;position:absolute;width:108px;height:90px;/* */;right: 162px;top: 55px;}
	.compare_them a {width:108px;height:90px;display:block}
	
	.tk_compare_wrapper {width:700px;height:325px;margin-left:-35px}
	.tk_demos_wrapper{width:700px;height:475px;margin-left:-45px}
	.tk_animated_tree{top: 29px;left: 260px;width: 130px;}
	.tk_fan_animate {left: 190px;top: 21px;width: 39px;}
	.demo_why_stormwind {width: 145px;height: 28px;right: 112px;top: 64px;}
	.demo_why_stormwind a {width:145px;height:28px;}
	.demo_our_story {width: 146px;height: 27px;    right: 115px;top: 90px;}
	.demo_our_story a {width:146px;height:27px;}
	.demo_microsoft {width: 80px;height: 46px;right: 200px;top: 150px;}
	.demo_microsoft a {width:80px;height:46px}
	.demo_vmware {width: 46px;height: 79px;right: 130px;top: 159px;}
	.demo_vmware a {width:46px;height:79px}
	.demo_cisco {width: 173px;height: 126px;left: 140px;top: 175px;}
	.demo_cisco a {width:173px;height:126px}
	.demo_pmp {width: 45px;height: 77px;    right: 265px;top: 228px;}
	.demo_pmp a {width:45px;height:77px}
	.demo_itil {width:30px;height:35px;right: 305px;bottom: 85px}
	.demo_itil a{width:30px;height:35px}
	
}

@media (max-width: 768px) {
	.tk_demos_wrapper{display:none}
	.tk_compare_wrapper{display:none}
}