/*	################################################################
	12. ANIMATIONS
################################################################# */

	[class*=".effect-"] {
	  -webkit-backface-visibility: hidden;
	  -moz-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -webkit-perspective: 1000;
	  -moz-perspective: 1000;
	  perspective: 1000;
	}
	.effect-fade {
	  opacity: 0;
	}
	.effect-fade.in {
	  opacity: 1;
	}
	.effect-slide-left {
	  -webkit-transform: translate3d(-30%, 0, 0);
	  transform: translate3d(-30%, 0, 0);
	  opacity: 0;
	}
	.effect-slide-left.in {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  opacity: 1;
	}
	.effect-slide-right {
	  -webkit-transform: translate3d(30%, 0, 0);
	  transform: translate3d(30%, 0, 0);
	  opacity: 0;
	}
	.effect-slide-right.in {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  opacity: 1;
	}
	.effect-slide-top {
	  -webkit-transform: translate3d(0, -30%, 0);
	  transform: translate3d(0, -30%, 0);
	  opacity: 0;
	}
	.effect-slide-top.in {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  opacity: 1;
	}
	.effect-slide-bottom {
	  -webkit-transform: translate3d(0, 30%, 0);
	  transform: translate3d(0, 30%, 0);
	  opacity: 0;
	}
	.effect-slide-bottom.in {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  opacity: 1;
	}
	.effect-pop {
	  opacity: 0;
	}
	.effect-pop.in {
	  -webkit-animation: pop 0.6s ease-out 0.5s both;
	  -moz-animation: pop 0.6s ease-out 0.5s both;
	  -o-animation: pop 0.6s ease-out 0.5s both;
	  animation: pop 0.6s ease-out 0.5s both;
	  opacity: 1 \9;
	}
	@-webkit-keyframes pop {
	  0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	  }
	  50% {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 1;
	  }
	  100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	  }
	}
	@-moz-keyframes pop {
	  0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	  }
	  50% {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 1;
	  }
	  100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	  }
	}
	@-o-keyframes pop {
	  0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	  }
	  50% {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 1;
	  }
	  100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	  }
	}
	@keyframes pop {
	  0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	  }
	  50% {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 1;
	  }
	  100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	  }
	}
	.effect-fall {
	  opacity: 0;
	  -webkit-transform: scale(1.5);
	  -ms-transform: scale(1.5);
	  transform: scale(1.5);
	}
	.effect-fall.in {
	  -webkit-transform: scale(1);
	  -ms-transform: scale(1);
	  transform: scale(1);
	  opacity: 1;
	}
	.effect-perspective {
	  -webkit-perspective: 1300px;
	  -moz-perspective: 1300px;
	  perspective: 1300px;
	}
	.effect-helix {
	  -webkit-transform-style: preserve-3d;
	  -moz-transform-style: preserve-3d;
	  transform-style: preserve-3d;
	  opacity: 0;
	  -webkit-transform: rotateY(-180deg);
	  -ms-transform: rotateY(-180deg);
	  transform: rotateY(-180deg);
	}
	.effect-helix.in {
	  opacity: 1;
	  -webkit-transform: rotateY(0);
	  -ms-transform: rotateY(0);
	  transform: rotateY(0);
	}

	.dm-shadow {
		-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);	
		-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);	
		box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);	
	}
	
	.rotating {
	  display: inline-block;
	  -webkit-transform-style: preserve-3d;
	  -moz-transform-style: preserve-3d;
	  -ms-transform-style: preserve-3d;
	  -o-transform-style: preserve-3d;
	  transform-style: preserve-3d;
	  -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
	  -moz-transform: rotateX(0) rotateY(0) rotateZ(0);
	  -ms-transform: rotateX(0) rotateY(0) rotateZ(0);
	  -o-transform: rotateX(0) rotateY(0) rotateZ(0);
	  transform: rotateX(0) rotateY(0) rotateZ(0);
	  -webkit-transition: 0.5s;
	  -moz-transition: 0.5s;
	  -ms-transition: 0.5s;
	  -o-transition: 0.5s;
	  transition: 0.5s;
	  -webkit-transform-origin-x: 50%;
	}
	
	.rotating.flip {
	  position: relative;
	}
	
	.rotating .front, .rotating .back {
	  left: 0;
	  top: 0;
	  -webkit-backface-visibility: hidden;
	  -moz-backface-visibility: hidden;
	  -ms-backface-visibility: hidden;
	  -o-backface-visibility: hidden;
	  backface-visibility: hidden;
	}
	
	.rotating .front {
	  position: absolute;
	  display: inline-block;
	  -webkit-transform: translate3d(0,0,1px);
	  -moz-transform: translate3d(0,0,1px);
	  -ms-transform: translate3d(0,0,1px);
	  -o-transform: translate3d(0,0,1px);
	  transform: translate3d(0,0,1px);
	}
	
	.rotating.flip .front {
	  z-index: 1;
	}
	
	.rotating .back {
	  display: block;
	  opacity: 0;
	}
	
	.rotating.spin {
	  -webkit-transform: rotate(360deg) scale(0);
	  -moz-transform: rotate(360deg) scale(0);
	  -ms-transform: rotate(360deg) scale(0);
	  -o-transform: rotate(360deg) scale(0);
	  transform: rotate(360deg) scale(0);
	}

	.rotating.flip .back {
	  z-index: 2;
	  display: block;
	  opacity: 1;
	  
	  -webkit-transform: rotateY(180deg) translate3d(0,0,0);
	  -moz-transform: rotateY(180deg) translate3d(0,0,0);
	  -ms-transform: rotateY(180deg) translate3d(0,0,0);
	  -o-transform: rotateY(180deg) translate3d(0,0,0);
	  transform: rotateY(180deg) translate3d(0,0,0);
	}
	
	.rotating.flip.up .back {
	  -webkit-transform: rotateX(180deg) translate3d(0,0,0);
	  -moz-transform: rotateX(180deg) translate3d(0,0,0);
	  -ms-transform: rotateX(180deg) translate3d(0,0,0);
	  -o-transform: rotateX(180deg) translate3d(0,0,0);
	  transform: rotateX(180deg) translate3d(0,0,0);
	}
	
	.rotating.flip.cube .front {
	  -webkit-transform: translate3d(0,0,100px) scale(0.9,0.9);
	  -moz-transform: translate3d(0,0,100px) scale(0.85,0.85);
	  -ms-transform: translate3d(0,0,100px) scale(0.85,0.85);
	  -o-transform: translate3d(0,0,100px) scale(0.85,0.85);
	  transform: translate3d(0,0,100px) scale(0.85,0.85);
	}
	
	.rotating.flip.cube .back {
	  -webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9);
	  -moz-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
	  -ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
	  -o-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
	  transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
	}
	
	.rotating.flip.cube.up .back {
	  -webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9);
	  -moz-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
	  -ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
	  -o-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
	  transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
	}

	.hovicon {
		display: inline-block;
		line-height: 80px;
		cursor: pointer;
		margin: 20px;
		width: 80px;
		height: 80px;
		border-radius: 50%;
		text-align: center;
		position: relative;
		text-decoration: none;
		z-index: 1;
		color: #fff;
	}
	
	.hovicon:after {
		pointer-events: none;
		position: absolute;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		content:'';
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}
	
	.hovicon:before {
		speak: none;
		font-size: 38px;
		line-height: 80px;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		display: block;
		-webkit-font-smoothing: antialiased;
	}
	
	.hovicon.effect-1 {
		-webkit-transition: background 0.2s, color 0.2s;
		-moz-transition: background 0.2s, color 0.2s;
		transition: background 0.2s, color 0.2s;
	}
	
	.hovicon.effect-1:after {
		top: -7px;
		left: -7px;
		padding: 7px;
		box-shadow: 0 0 0 4px #007acc;
		-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
		-webkit-transform: scale(.8);
		-moz-transition: -moz-transform 0.2s, opacity 0.2s;
		-moz-transform: scale(.8);
		-ms-transform: scale(.8);
		transition: transform 0.2s, opacity 0.2s;
		transform: scale(.8);
		opacity: 0;
	}
	
	.hovicon.effect-1.sub-a:hover:after {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}


.table-compare .table>tbody>tr>th,
.table-compare .table>tbody>tr>td {
    width: 170px;
}

.table-compare .table>tbody>tr>td.cross-seo {
    color: #ff0000; text-align: center;
}

.table-compare .table>tbody>tr>td.check-seo {
    color: #63bd03; text-align: center;
}

.table-compare .table>tbody>tr>td:nth-child(2n) {
    background: #f3f2d3;
}

.table-compare .table {
    margin-bottom: 0;
}

.table-compare .panel-heading,
.table-compare .panel-body {
    padding: 0px 15px;
}

.plr-15 {
    padding: 0 15px;
}

#compare table tr td, #compare table tr th {
    text-align: center;
}

/* ---------------------- 
Stylesheet Guide
-------------------------

1. Basic Elements
    + Container
	+ Columns

1. Header
	+ Logo
	+ Top Navigation
    	- Style 3
        - Style 4
	+ Search
    	- Right Search
        - Domian Search
	
2. Section
	+ Layout 1
    	- Section 1 to Section 9 
	+ Layout 2
    	- Section 10 to Section 30 
	+ Layout 3
    	- Section 31 to Section 37
	+ Layout 4
    	- Section 38 to Section 45

3. Typography
	+ Portfolio Style
	+ SideBar Icon
	+ Images Hover
	+ Read More
	+ Buttons
	+ Call to Action
	+ Lists
	+ Message Box
	+ Pricing Table
   	+ Content Box
	+ Data Table
	+ Icon Box
	+ Team Member
	+ Latest POst
	
4. Element Styles
	+ Dividers
	+ Widgets
    + Icons

5. Footer
	+ Footer Style
	+ Payments
	
--------------------------------------------------------*/
/*----------------------------------------------------
	BASIC ELEMENTS
------------------------------------------------------*/
/* containers */
.site_wrapper { width: 100%; margin: 0 auto 0 auto; }
.container_full { width: 100%; float: left; margin: auto auto auto auto; }
.container_full.slidertop { margin-top: -80px; }
.container { width: 1170px; margin: auto auto auto auto; }
.content_fullwidth { float: left; width: 100%; padding: 50px 0px 0px 0px; }
.content_left { float: left; width: 71%; padding: 18px 0px 0px 0px; }
.right_sidebar { float: right; width: 25%; padding: 18px 0px 0px 0px; }
.left_sidebar { float: left; width: 25%; padding: 18px 0px 0px 0px; }
.content_right { float: right; width: 71%; padding: 18px 0px 0px 0px; }
/* columns */
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth { position: relative; margin-right: 4%; float: left; }
.one_full { width: 100%; }
.one_half { width: 48%; }
.one_third { width: 30.650%; }
.one_fourth { width: 22%; }
.one_fifth { width: 16.800%; }
.two_third { width: 65.350%; }
.three_fourth { width: 74%; }
.last { margin-right: 0 !important; clear: right; }
.oplist {opacity:0.6; width: 25%;margin-right: 0%; height: 300px; padding: 5px;
  -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	
}
/*---------------------------------------------------
	HEADER
------------------------------------------------------*/
/* Logo */
.logo_holder { float: left; width: 100%; height: 64px; }
#trueHeader #logo { float: left; display: block; width: 100%; min-height: 45px; margin-top: 13px; position: relative; text-indent: -999em; background: url(../images/logo.png) no-repeat left bottom; }
#topHeader #logo { float: left; display: block; width: 100%; min-height: 45px; margin: 8px 0 8px 0; text-align: center; position: relative; text-indent: -999em; background: url(../images/logo.png) no-repeat center top; }
/* header area adinationals */
.logo { text-align: center; width: 20%; float: left; }
.menu_main { float: left; width: 75%; z-index: 9999; }
.menu_main2 { float: left; width: 80%; z-index: 9999; padding: 0px; margin: 0px; position: relative; }
/* top navigation */
.top_nav.two { float: right; width: 100%; text-align: right; padding: 0px 0px 0px 0px; background-color: #C7C8C8; }
.top_nav.two a { font-size: 13px; color: #6B6B6B; float: left; padding-top: 3px; }
.top_nav.two a i { color: #6B6B6B; }
.top_nav.two a:hover { color: #727272; }
.top_nav.two span { font-size: 14px; color: #6B6B6B; float: right; padding-left: 15px; padding-top: 3px; }
.top_nav.two span i { color: #6B6B6B; }
.top_nav.two ul { float: right; padding: 0px; margin: 0px; }
.top_nav.two li { float: left; font-size: 12px; margin: 0px; }
.top_nav.two li a i { float: right; font-size: 14px; color: #6B6B6B; padding: 5px 10px 8px 10px; margin: 0px; }
.top_nav.two li:hover i { color: #454545; }
.top_nav.two li a { color: #FFF; }
.top_nav.two li a:hover { color: #727272; }
.top_nav.two a.login_but { color: #6B6B6B; float: right; font-size: 13px; padding: 2px 15px 0px 15px; }
.top_nav.two a.registerbut { color: #6B6B6B; float: right; padding: 2px 15px 0px 0px; }
.top_nav.two .country_selector { float: right; color: #6B6B6B; padding: 0 20px 5px 5px; }
#source { margin-top: 5px; margin-left: 5px; background-color: #C7C8C8; color: #6B6B6B; border: 1px solid #6B6B6B; }
.dropdown-submenu:after { content: "\f0da"; position: absolute; z-index: 99999; font: normal normal normal 20px / 1 FontAwesome; font-family: FontAwesome; color: #CCCCCC; right: 5px; top: 8px; }
.sky-form .checkbox i, .sky-form .toggle i { border-color: #119EE7; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #119EE7; }
.list-unstyled li:hover { background: #119EE7; }
.list-unstyled li { padding: 5px 0; border-bottom: 1px solid #E6E6E6; }
.dropdown-menu > li:first-child { border-top: 2px solid #119EE7; }
.dropdown-menu:before { content: "\f0de"; position: absolute; z-index: 99999; font: normal normal normal 28px / 1 FontAwesome; font-family: FontAwesome; color: #119EE7; top: -9px; margin-left: 40px; }
.dropdown-submenu .dropdown-menu:before { content: ""; }
/* top navigation style 3 */
.top_nav.three { float: left; width: 100%; text-align: left; padding: 5px 0px 5px 0; background-color: #272727; }
.top_nav.three ul { float: left; padding: 0px; margin: 0px; }
.top_nav.three li { float: left; color: #8D8C8C; font-size: 14px; margin: 0px; padding: 0 20px 0 0; }
.top_nav.three li a { color: #8D8C8C; }
.top_nav.three li a:hover { color: #FFF; }
.top_nav.three li #source { margin-top: 5px; margin-left: 5px; background-color: #272727; color: #8D8C8C; border: 1px solid #8D8C8C; }
/* top navigation style 4 */
.top_nav.four { float: left; width: 100%; padding: 0px 0px 0 0; background-color: #119EE7; border-bottom: 1px solid #E4E4E4; }
.top_nav.four .left { float: left; width: 48%; padding: 0; margin: 0px; }
.top_nav.four .left ul.links { float: left; width: 100%; padding: 0; margin: 0px; }
.top_nav.four .left ul.links li { padding: 2px 15px 0 0; margin: 0px; float: left; color: #FFFFFF; }
.top_nav.four .left ul.links li a { padding: 0; float: left; color: #FFFFFF; margin: 0px; }
.top_nav.four .left ul.links li a:hover { color: #FFFFFF; }
.top_nav.four .left ul.links li i { padding-right: 5px; color: #FFFFFF; }
.top_nav.four .left ul.links li a i { padding-right: 5px; }
.top_nav.four .middle { float: left; width: 26%; padding: 0; margin: 0px; }
.top_nav.four .right { float: right; width: 40%; padding: 0; margin: 0px; }
.top_nav.four .right ul.links { float: left; width: 100%; padding: 0; margin: 0px; }
.top_nav.four .right ul.links li { padding: 2px 10px 0 0; margin: 0px; float: left; }
.top_nav.four .right ul.links li.lesspadd { padding: 2px 5px 2px 0; }
.top_nav.four .right ul.links li a { padding: 0; float: left; color: #727272; margin: 0px; }
.top_nav.four .right ul.links li a:hover { color: #272727; }
.top_nav.four .right ul.links li.icon a { width: 25px; height: 25px; border-radius: 100%; padding: 0; text-align: center; line-height: 26px; color: #727272; margin: 0px; border: 1px solid #D9D9D9; }
.top_nav.four .right ul.links li.icon a:hover { color: #FFF; background-color: #272727; border: 1px solid #272727; }
.top_nav.four .right ul.links li i { padding-right: 5px; }
.top_nav.four .right ul.links li a i { padding-right: 5px; color: #FFFFFF; }
.top_nav.four #source { margin-top: 0px; margin-left: 0px; background-color: #FFF; color: #727272; border: 1px solid #D9D9D9; padding: 2px 0px; }
/*right search input*/
.menu_right_search_box { width: 20%; padding: 18px 0 0 0; margin: 0px; float: right; }
.menu_right_search_box .serch_input { border: 0px none; color: #727272; float: left; font-size: 13px; font-weight: normal; height: 30px; padding: 0px 15px; width: 90%; border: 1px solid #D9D9D9; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.menu_right_search_box .search_submit { padding: 0px; margin: 5px 0px 0px -27px; float: left; width: 20px; height: 20px; text-align: center; background: url(../images/site-img80.png) 0 0 no-repeat; border: none; }
.menu_right_search_box a.but { font-size: 16px; color: #161616; font-weight: 600; padding: 20px 40px; margin: 0px; background-color: #FDCE16; }
.menu_right_search_box a.but:hover { color: #FFF; background-color: #161616; }
/*domain search top*/
.domain_search_home { width: 100%; float: left; padding: 15px 0; margin: 0px; background-color: #E6E6E6; }
.domain_search_home #domain-searchform #dsearch { background-color: #FFF; border: 1px solid #FFF; color: #727272; float: left; font-size: 14px; height: 30px; padding: 7px 7px; width: 58%; margin: 0 7px 0 0; }
.domain_search_home .drlist { color: #727272; float: left; font-size: 14px; height: 30px; margin: 0px 0 0 -5px; padding: 10px; width: 90px; background-color: #FFF; border: 1px solid #FFF; border-left: 1px solid #D9D9D9; }
.domain_search_home #searchsubmit { border: none; color: #FFFFFF; cursor: pointer; float: left; font-size: 14px; font-weight: normal; height: 49px; overflow: hidden; padding: 5px 25px; margin-left: 0px; text-align: center; background-color: #535353; }
.domain_search_home #searchsubmit:hover { background-color: #AFAFAF; color: #FFF; }
.domain_search_home ul.tld_list { width: 100%; padding: 10px 0 0 0; margin: 0px; float: left; }
.domain_search_home ul.tld_list li { padding: 0 20px 0 0; margin: 0px; font-family: open-sans, sans-serif; font-size: 26px; display: inline; color: #272727; }
.domain_search_home ul.tld_list li.title { padding: 0 20px 0 0; margin: 0px; color: #272727; font-family: open-sans, sans-serif; font-size: 20px; }
.domain_search_home ul.tld_list li.one { color: #308AE5; }
.domain_search_home ul.tld_list li.two { color: #90C219; }
.domain_search_home ul.tld_list li.three { color: #F8CF0E; }
.domain_search_home ul.tld_list li span { padding: 0px; margin: 0px; font-size: 18px; color: #272727; }
/*---------------------------------------------------
	sections
------------------------------------------------------*/
.readmore_but1 { float: left; color: #FFF; text-transform: uppercase; padding: 13px 30px; background-color: #161616; border-radius: 2px; }
.readmore_but1:hover { color: #161616; background-color: #FFF; }
.readmore_but2 { float: left; color: #FFF; text-transform: uppercase; padding: 11px 30px; border: 2px solid #FFF; border-radius: 2px; }
.readmore_but2:hover { color: #FFF; border: 2px solid #161616; background-color: #161616; }
.readmore_but3 { float: left; color: #FFF; text-transform: none; padding: 6px 10px; background-color: #119EE7; }
.readmore_but3:hover { color: #FFF; background-color: #161616; }
.readmore_but4 { float: left; color: #161616; text-transform: none; padding: 8px 30px; border: 2px solid #119EE7; }
.readmore_but4:hover { color: #FFF; border: 2px solid #119EE7; background-color: #119EE7; }
.readmore_but5 { float: left; color: #FFF; text-transform: none; padding: 10px 30px; background-color: #119EE7; }
.readmore_but5:hover { color: #FFF; background-color: #161616; }
.readmore_but6 { float: left; color: #161616; text-transform: uppercase; padding: 10px 25px; border-radius: 2px; border: 1px solid #119EE7; }
.readmore_but6:hover { color: #FFF; border: 1px solid #119EE7; background-color: #119EE7; }
.readmore_but7 { color: #FFF; text-transform: uppercase; padding: 11px 30px; border: 2px solid #FFF; border-radius: 2px; }
.readmore_but7:hover { color: #FFF; border: 2px solid #161616; background-color: #161616; }
.readmore_but8 { color: #FFF; text-transform: uppercase; padding: 10px 20px; background-color: #979797; border-radius: 2px; }
.readmore_but8:hover { color: #FFF; background-color: #272727; }
.readmore_but9 { color: #FFF; font-size: 16px; text-transform: uppercase; padding: 17px 100px; background-color: #119EE7; border-radius: 2px; }
.readmore_but9:hover { color: #FFF; background-color: #272727; }
.readmore_but10 { color: #FFF; text-transform: none; padding: 10px 30px; background-color: #119EE7; }
.readmore_but10:hover { color: #FFF; background-color: #161616; }
.readmore_small { float: left; color: #FFF; font-size: 12px; text-transform: uppercase; padding: 4px 7px; background-color: #119EE7; border-radius: 2px; text-transform: none; }
.readmore_small:hover, .readmore_small.red:hover, .readmore_small.green:hover, .readmore_small.yellow:hover, .readmore_small.violet:hover { color: #161616; background-color: #FFF; }
.readmore_small.red { background-color: #FC4242; }
.readmore_small.green { background-color: #94C014; }
.readmore_small.yellow { background-color: #FDCE16; }
.readmore_small.violet { background-color: #B67CEC; }
/*---------------------------------------------------
	layout1
------------------------------------------------------*/
/*section1*/
.section_holder1 { width: 100%; float: left; padding: 70px 0px 70px 0px; margin: 0px; }
.section_title { width: 35%; float: left; padding: 0px; margin: 0px; }
.section_title.three { width: 50%; float: left; padding: 0px; margin: 0px; }
.section_title.two { width: 100%; float: left; padding: 0px; margin: 0px; }
.section_title .small { font-size: 30px; float: left; font-weight: 300; padding: 0px; margin: 0px; text-transform: uppercase; }
.section_title .big { font-size: 80px; font-weight: bold; padding: 0px; display: inline; margin: 0px; text-transform: uppercase; }
.section_title .big.two { font-size: 80px; font-weight: bold; padding: 0px; margin: 0px; float: left; text-transform: uppercase; }
.section_title .big span { color: #92D102; display: inline; padding: 0px; margin: 0px; }
.section_subtext { width: 65%; float: right; padding: 0 0 0 50px; margin: 40px 0 0 0; border-left: 1px solid #D9D9D9; }
.section_subtext.two { width: 45%; float: right; padding: 0 0 0 50px; margin: 40px 0 0 0; border-left: 1px solid #D9D9D9; }
.section_title_line { width: 100%; height: 3px; float: left; padding: 0; margin: 40px 0 60px 0; background: url(../images/title_line1.png) 0 0 no-repeat; }
.section_title_line.four { width: 100%; height: 3px; float: left; padding: 0; margin: 40px 0 20px 0; background: url(../images/title_line3.png) 0 0 no-repeat; }
.cl_title_line_left { width: 100%; height: 3px; float: left; padding: 0; margin: 20px 0 30px 0; background: url(../images/title_line11.png) 0 0 no-repeat; }
.cl_title_line_left.two { background: url(../images/title_line12.png) 0 0 no-repeat; }
.section_title_line.five { width: 100%; height: 3px; float: left; padding: 0; margin: 20px 0 30px 0; background: url(../images/title_line8.png) 0 0 no-repeat; }
.section_title_line.two { background: url(../images/title_line2.png) 0 0 no-repeat; }
.section_title_line.three { margin: 40px 0 30px 0; background: url(../images/title_line3.png) 0 0 no-repeat; }
.section_title_line.six { width: 60%; margin: 20px 0 10px 0; background: url(../images/title_line3.png) 0 0 no-repeat; }
.section_title_line.four { margin: 25px 0 25px 0; background: url(../images/title_line4.png) 0 0 no-repeat; }
.section_holder1 .box { width: 390px; float: left; padding: 40px; margin: 0px; color: #272727; text-align: center; border: 1px solid #E4E4E4; background-color: #FFF; }
.section_holder1.two .box:hover { background-color: #119EE7; border: 1px solid #119EE7; }
.section_holder1.two .box:hover .arrow_down { border-top: 20px solid #161616; }
.section_holder1.two .box:hover .arrow_up { border-bottom: 20px solid #161616; }
.section_holder1.two .box:hover a { color: #272727; background-color: #FFF; }
.section_holder1.two .box:hover p { color: #FFF; }
.section_holder1.two .box:hover h4, .section_holder1.two .box:hover h1 { color: #FFF; }
.section_holder1.two .box.active { background-color: #119EE7; border: 1px solid #119EE7; }
.section_holder1.two .box.active p { color: #FFF; }
.section_holder1.two .box.active .arrow_down { border-top: 20px solid #161616; }
.section_holder1.two .box.active .arrow_up { border-bottom: 20px solid #161616; }
.section_holder1.two .box.active a { color: #272727; background-color: #FFF; }
.section_holder1.two .box a { font-size: 14px; padding: 10px 40px; margin: 0px; color: #FFF; text-align: center; background-color: #119EE7; }
.section_holder1 .box.two { background-color: #FFF; }
.section_holder1 .box.three { background-color: #FFF; }
.section_holder1 .box .arrow_down { position: absolute; margin: 40px 0px 0px 125px; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 20px solid #A0E307; font-size: 0px; line-height: 0; }
.section_holder1 .box .arrow_down.two { border-top: 20px solid #92D102; }
.section_holder1 .box .arrow_up.two { border-bottom: 20px solid #92D102; }
.section_holder1 .box .arrow_down.three { border-top: 20px solid #8AC700; }
.section_holder1 .box .arrow_up.three { border-bottom: 20px solid #8AC700; }
.section_holder1 .box .arrow_up { position: absolute; margin: -60px 0px 0px 125px; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 20px solid #A0E307; font-size: 0px; line-height: 0; }
/*section 2*/
.section_holder2 { width: 100%; float: left; padding: 0px 0 0px 0; margin: 0px; background: url("../images/parallax_bg1.jpg"); background-attachment: fixed; background-origin: initial; background-clip: initial; background-size: cover; background-repeat: no-repeat; background-position: 100% 0; background-position: center; }
.section_holder2.two { width: 100%; float: left; padding: 70px 0 100px 0; margin: 0px; background: url("../images/parallax_bg9.jpg"); background-attachment: fixed; background-origin: initial; background-clip: initial; background-size: cover; background-repeat: no-repeat; background-position: 100% 0; background-position: center; }
.section_holder2 .top_shape { width: 100%; height: 235px; padding: 0px; margin: 0px; float: left; background: url(../images/site-img1.png) center top no-repeat; }
.section_holder2 .bottom_shape { width: 100%; height: 210px; padding: 0px; margin: 0px; float: left; background: url(../images/site-img2.png) center top no-repeat; }
.section_top_shape { width: 100%; height: 235px; padding: 0px; margin: 0px; float: left; background: url(../images/site-img1.png) center top no-repeat; }
.section_bottom_shape { width: 100%; height: 210px; padding: 0px; margin: 0px; float: left; background: url(../images/site-img2.png) center top no-repeat; }
.section_holder2 .price_table { width: 100%; float: left; padding: 0; margin: 0px; border-radius: 2px; background-color: #FFF; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder2 .arrow_down { position: absolute; margin: 0 0 0 65px; border-left: 60px solid transparent; border-right: 60px solid transparent; border-top: 30px solid #FFF; font-size: 0px; line-height: 0; }
.section_holder2 .arrow_up { position: absolute; margin: -29px 0px 0px 65px; border-left: 60px solid transparent; border-right: 60px solid transparent; border-bottom: 30px solid #FFF; font-size: 0px; line-height: 0; }
.section_holder2 .price_table .title { width: 100%; font-size: 30px; font-weight: 600; padding: 20px 0 20px 0; color: #161616; text-align: center; margin: 0px 0 10px 0; border-bottom: 1px solid #E6E5E5; }
.section_holder2 .price_table .price { color: #161616; font-size: 45px; font-weight: bold; line-height: 45px; text-align: center; padding: 8px 0px 8px; border-bottom: 1px solid #E6E5E5; }
.section_holder2 .price_table .price sup { font-size: 22px; font-style: normal; }
.section_holder2 .price_table .price i { font-size: 16px; font-style: normal; font-weight: 500; }
.section_holder2 .price_table ul.plan_features { width: 100%; float: left; text-align: center; padding: 0; margin: 0; }
.section_holder2 ul.plan_features li { width: 70%; color: #727272; text-align: center; padding: 8px 0; margin: 0 auto; border-bottom: 1px solid #E6E5E5; }
.section_holder2 ul.plan_features.two li { width: 80%; }
.section_holder2 .plan_info .singup_but { color: #FFF; text-align: center; padding: 8px 30px; margin: 25px 0px 25px 69px; float: left; border-radius: 2px; background-color: #92D102; }
.section_holder2.two .plan_info .singup_but { color: #FFF; background-color: #161616; }
.section_holder2 .plan_info .singup_but:hover { color: #161616; background-color: #FDCE16; }
/*table drop list*/
/*drop list 3*/
.dropbox_holder3 { width: 100%; padding: 0px; margin: 0px; float: left; }
.dropbox_holder3.smalltext { font-size: 13px; padding: 0px 5px 0px 0px; margin: 0px; float: left; }
.dropbox_holder3 select option { width: 100%; margin: 0px; padding: 5px 5px 5px 5px; border-bottom: 1px solid #E1E1E1; }
.dropbox_holder3 select option span { color: #92D102; font-size: 12px; }
.dropbox_holder3 select { border: 1px solid #E1E1E1; }
label.custom-select3 { width: 100%; position: relative; display: inline-block; }
.custom-select3 select { display: inline-block; padding: 4px 3px 2px 5px; margin: 0; font: inherit; outline: none; /* remove focus ring from Webkit */ line-height: 1.2; background: #000; color: #272727; border: 0; font-size: 13px; font-weight: normal; background-color: #FFF; width: 100%; border: 1px solid #E1E1E1; }
/* Select arrow styling */
.custom-select3:after { content: "▼"; position: absolute; top: 0; right: 0; bottom: 0; font-size: 60%; line-height: 40px; padding: 0 7px; background: #FFF; border-top: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; color: #272727; pointer-events: none; }
/*hover styles*/
.section_holder2 .one_fourth:hover .custom-select3 select { color: #FFF; background-color: #161616; border: 1px solid #353535; }
.section_holder2 .one_fourth:hover .custom-select3:after { color: #FFF; background: #161616; border-top: 1px solid #353535; border-right: 1px solid #353535; border-bottom: 1px solid #353535; }
.section_holder2 .one_fourth:hover .price_table { background-color: #92D102; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder2 .one_fourth:hover .title { color: #FFF; border-bottom: 1px solid #BCDB74; }
.section_holder2 .one_fourth:hover .price { color: #FFF; border-bottom: 1px solid #BCDB74; }
.section_holder2 .one_fourth.active .price { color: #FFF; border-bottom: 1px solid #BCDB74; }
.section_holder2 .one_fourth:hover .plan_features li { color: #FFF; border-bottom: 1px solid #BCDB74; }
.section_holder2 .one_fourth:hover .singup_but { color: #272727; background-color: #FFF; }
.section_holder2 .one_fourth:hover .arrow_up { border-bottom: 35px solid #92D102; }
.section_holder2 .one_fourth:hover .arrow_down { border-top: 35px solid #92D102; }
/*active styles*/
.section_holder2 .one_fourth.active .custom-select3 select { color: #FFF; background-color: #161616; border: 1px solid #353535; }
.section_holder2 .one_fourth.active .custom-select3:after { color: #FFF; background: #161616; border-top: 1px solid #353535; border-right: 1px solid #353535; border-bottom: 1px solid #353535; }
.section_holder2 .one_fourth.active .price_table { background-color: #92D102; }
.section_holder2 .one_fourth.active .title { color: #FFF; border-bottom: 1px solid #BCDB74; }
.section_holder2 .one_fourth.active .price { color: #FFF; border-bottom: 1px solid #BCDB74; }
.section_holder2 .one_fourth.active .plan_features li { color: #FFF; border-bottom: 1px solid #BCDB74; }
.section_holder2 .one_fourth.active .singup_but { color: #272727; background-color: #FFF; }
.section_holder2 .one_fourth.active .arrow_up { border-bottom: 35px solid #92D102; }
.section_holder2 .one_fourth.active .arrow_down { border-top: 35px solid #92D102; }
/*two hover styles*/
.section_holder2.two .one_fourth:hover .custom-select3 select { color: #FFF; background-color: #119EE7; border: 1px solid #51B3E6; }
.section_holder2.two .one_fourth:hover .custom-select3:after { color: #FFF; background: #119EE7; border-top: 1px solid #51B3E6; border-right: 1px solid #51B3E6; border-bottom: 1px solid #51B3E6; }
.section_holder2.two .one_fourth:hover .price_table { background-color: #119EE7; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder2.two .one_fourth:hover .title { color: #FFF; border-bottom: 1px solid #51B3E6; }
.section_holder2.two .one_fourth:hover .price { color: #FFF; border-bottom: 1px solid #51B3E6; }
.section_holder2.two .one_fourth.active .price { color: #FFF; border-bottom: 1px solid #51B3E6; }
.section_holder2.two .one_fourth:hover .plan_features li { color: #FFF; border-bottom: 1px solid #51B3E6; }
.section_holder2.two .one_fourth:hover .singup_but { color: #272727; background-color: #FFF; }
.section_holder2.two .one_fourth:hover .arrow_up { border-bottom: 35px solid #119EE7; }
.section_holder2.two .one_fourth:hover .arrow_down { border-top: 35px solid #119EE7; }
/*active styles*/
.section_holder2.two .one_fourth.active .custom-select3 select { color: #FFF; background-color: #119EE7; border: 1px solid #51B3E6; }
.section_holder2.two .one_fourth.active .custom-select3:after { color: #FFF; background: #119EE7; border-top: 1px solid #51B3E6; border-right: 1px solid #51B3E6; border-bottom: 1px solid #51B3E6; }
.section_holder2.two .one_fourth.active .price_table { background-color: #119EE7; }
.section_holder2.two .one_fourth.active .title { color: #FFF; border-bottom: 1px solid #51B3E6; }
.section_holder2.two .one_fourth.active .price { color: #FFF; border-bottom: 1px solid #51B3E6; }
.section_holder2.two .one_fourth.active .plan_features li { color: #FFF; border-bottom: 1px solid #51B3E6; }
.section_holder2.two .one_fourth.active .singup_but { color: #272727; background-color: #FFF; }
.section_holder2.two .one_fourth.active .arrow_up { border-bottom: 35px solid #119EE7; }
.section_holder2.two .one_fourth.active .arrow_down { border-top: 35px solid #119EE7; }
/*section 3*/
.section_holder3 { width: 100%; float: left; padding: 0px; margin: 0px; }
.section_holder3.two { padding: 70px 0 70px 0; }
.section_holder3 .left { width: 60%; float: left; padding: 0 20px 0 0; margin: 0px; }
.section_holder3 .left .but_holder { width: 100%; float: left; padding: 0px; margin: 0px; }
.section_holder3 .left .circle { width: 310px; height: 310px; border-radius: 100%; float: left; text-align: center; color: #FFF; font-size: 60px; padding: 30px; margin: 0 20px 0 0; background-color: #161616; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder3 .left .circle:hover { background-color: #92D102; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder3 .left .circle:hover p { color: #FFF; }
.section_holder3 .left .circle.active { background-color: #92D102; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder3 .left .circle.active p { color: #FFF; }
.section_holder3 .right { width: 40%; float: right; padding: 0px; margin: 0px; }
.section_holder3 .right { width: 40%; float: right; padding: 0px; margin: 0px; }
.section_holder3 .right .img_holder { position: relative; width: 100%; float: left; padding: 0px; margin: 0px; }
.section_holder3 .right .img_holder .shape { position: absolute; width: 450px; height: 90px; float: left; padding: 0px; margin: 107px 0 0 0; background: url(../images/site-img3.png) center top no-repeat; }
.section_holder3 .right ul.list { width: 100%; float: left; padding: 0px; margin: 0px; }
.section_holder3 .right ul.list li { float: left; padding: 0 0 7px 0; margin: 0px; }
.section_holder3 .right ul.list li i { font-size: 16px; color: #119EE7; margin-right: 5px; }
/*web hosting left list*/
.section_holder3 .list_holder { width: 100%; padding: 0px; margin: 0 0 30px 0; float: left; }
.section_holder3 .list_holder.last { margin: 0 0 0 0; }
.section_holder3 .list_holder .icon_holder { width: 17%; padding: 0px; margin: 0px; float: left; }
.section_holder3 .list_holder .icon { width: 95px; height: 95px; text-align: center; color: #FFF; padding: 0px; font-size: 32px; margin: 0px; line-height: 94px; float: left; border-radius: 100%; background-color: #161616; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder3 .list_holder .text { width: 83%; padding: 10px 0 0 0; margin: 0px; float: right; }
.section_holder3 .list_holder:hover .icon { color: #FFF; background-color: #119EE7; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder3 .list_holder:hover h5 { color: #119EE7; }
.section_holder3 .list_holder.active .icon { color: #FFF; background-color: #119EE7; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder3 .list_holder.active h5 { color: #119EE7; }
/*section 4*/
.section_holder4 { width: 100%; float: left; padding: 0px 0 0px 0; margin: 0px; background: url("../images/parallax_bg2.jpg"); background-attachment: fixed; background-origin: initial; background-clip: initial; background-size: cover; background-repeat: no-repeat; background-position: 100% 0; background-position: center; }
.section_holder4.two { width: 100%; float: left; padding: 70px 0 70px 0; margin: 0px; background: url("../images/parallax_bg7.jpg"); background-attachment: fixed; background-origin: initial; background-clip: initial; background-size: cover; background-repeat: no-repeat; background-position: 100% 0; background-position: center; }
.section_holder4 ul.icon { width: 100%; float: left; padding: 40px 0 40px 0; margin: 0px; }
.section_holder4 ul.icon li { width: 18%; float: left; text-align: center; padding: 0; margin: 0px 70px 0px 0px; }
.section_holder4 ul.icon li.last { margin: 0 0px 6px 0; }
.section_holder4 ul.icon li a { width: 100px; height: 100px; float: left; padding: 0; text-align: center; font-size: 30px; line-height: 97px; color: #FFF; border-radius: 100%; margin: 0 0px 6px 0; border: 1px solid #FFF; }
.section_holder4 ul.icon li:hover a { border: 1px solid #161616; background-color: #161616; }
.section_holder4 .icon li:hover h6 { color: #161616; }
.section_holder4 ul.icon li.active a { border: 1px solid #161616; background-color: #161616; }
.section_holder4 .icon li.active h6 { color: #161616; }
.section_holder4 .readmore_but2 { margin-left: 20px; }
/*section holder 4 two*/
.section_holder4.two .icon { width: 100px; height: 100px; padding: 0; text-align: center; font-size: 30px; line-height: 97px; color: #FFF; border-radius: 100%; margin: 50px auto 15px auto; border: 1px solid #FFF; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder4.two .one_third { text-align: center; }
.section_holder4.two .one_third:hover .icon { border: 1px solid #119EE7; background-color: #119EE7; }
.section_holder4.two .one_third:hover h5 { color: #161616; }
.section_holder4.two .one_third.active .icon { border: 1px solid #119EE7; background-color: #119EE7; }
.section_holder4.two .one_third.active h5 { color: #161616; }
.section_holder4.two .one_fourth { text-align: center; }
.section_holder4.two .one_fourth:hover .icon { border: 1px solid #161616; background-color: #161616; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder4.two .one_fourth:hover h5 { color: #161616; }
.section_holder4.two .one_fourth.active .icon { border: 1px solid #161616; background-color: #161616; }
.section_holder4.two .one_fourth.active h5 { color: #161616; }
/*section 5*/
.section_holder5 { width: 100%; float: left; padding: 70px 0 70px 0; margin: 0px; }
.section_holder5.two { padding: 70px 0 70px 0; }
.section_holder5 .cont_holder { width: 100%; float: left; padding: 0px; margin: 0 0 15px 0; }
.section_holder5 .cont_holder.first { margin: 50px 0 15px 0; }
.section_holder5 .icon_holder { width: 25%; float: right; padding: 0px; margin: 0px; }
.section_holder5 .icon_holder.two { float: left; }
.section_holder5 .icon_holder.two .icon { float: left; }
.section_holder5 .text_holder { width: 75%; float: left; text-align: right; padding: 0px; margin: 0px; }
.section_holder5 .text_holder.two { float: right; text-align: left; }
.section_holder5 .icon_holder .icon { width: 100px; height: 100px; float: right; padding: 0; text-align: center; font-size: 30px; line-height: 97px; color: #FFF; border-radius: 100%; margin: 0 0px 6px 0; background-color: #161616; }
/*hover styles*/
.section_holder5 .cont_holder:hover .icon { background-color: #92D102; }
.section_holder5 .cont_holder:hover h4 { color: #92D102; }
.section_holder5 .cont_holder:hover p { color: #92D102; }
/*active styles*/
.section_holder5 .cont_holder.active .icon { background-color: #92D102; }
.section_holder5 .cont_holder.active h4 { color: #92D102; }
.section_holder5 .cont_holder.active p { color: #92D102; }
/*section 6*/
.section_holder6 { width: 100%; float: left; padding: 0px 0 0px 0; margin: 0px; background: url("../images/parallax_bg2.jpg"); background-attachment: fixed; background-origin: initial; background-clip: initial; background-size: cover; background-repeat: no-repeat; background-position: 100% 0; background-position: center; }
.section_holder6.two { width: 100%; float: left; padding: 70px 0 70px 0; margin: 0px; background: #119EE7; background-attachment: fixed; background-origin: initial; background-clip: initial; background-size: cover; background-repeat: no-repeat; background-position: 100% 0; background-position: center; }
.section_holder6 .list_holder { width: 100%; padding: 0px; margin: 0 0 50px 0; float: left; }
.section_holder6 .list_holder.last { margin: 0 0 0 0; }
.section_holder6 .list_holder .icon_holder { width: 22%; padding: 0px; margin: 0px; float: left; }
.section_holder6 .list_holder .icon { width: 95px; height: 95px; text-align: center; color: #92D102; padding: 0px; font-size: 32px; margin: 0px; line-height: 94px; float: left; border-radius: 100%; border: 1px solid #D9D9D9; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder6.two .list_holder .icon { color: #161616; border: 1px solid #FFF; background-color: #FFF; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder6 .list_holder .text { width: 78%; padding: 0px; margin: 0px; float: right; }
.section_holder6 .list_holder p { color: #FFF; }
.section_holder6 .list_holder:hover .icon { color: #FFF; border: 1px solid #161616; background-color: #161616; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder6 .list_holder:hover h5 { color: #161616; }
.section_holder6 .list_holder.active .icon { color: #FFF; border: 1px solid #161616; background-color: #161616; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder6 .list_holder.active h5 { color: #161616; }
.section_holder6 .services_box { width: 270px; float: left; padding: 25px; margin: 0 20px 20px 0; background-color: #FFF; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder6 .services_box.last { margin: 0 0 20px 0; }
.section_holder6 .services_box .icon { width: 20%; float: left; padding: 0; font-size: 30px; color: #8D8D8D; margin: 0px; }
.section_holder6 .services_box .text { width: 80%; float: left; padding: 0; margin: 0px; }
/*hover styles*/
.section_holder6 .services_box:hover { background-color: #161616; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder6 .services_box:hover h6 { color: #FFF; }
.section_holder6 .services_box:hover p { color: #727272; }
.section_holder6 .services_box:hover .icon { color: #FFF; }
/*active styles*/
.section_holder6 .services_box.active { background-color: #161616; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder6 .services_box.active h6 { color: #FFF; }
.section_holder6 .services_box.active p { color: #727272; }
.section_holder6 .services_box.active .icon { color: #FFF; }
/*why choose HostGrid*/
.section_holder6 .why_choose_img { width: 166px; height: 166px; float: left; padding: 8px; margin: 0 0 20px 0; border-radius: 100%; background-color: #FFF; }
.section_holder6 .why_choose_img .img { position: relative; width: 150px; height: 150px; float: left; padding: 0px; margin: 0px; border-radius: 100%; background: url(../images/site-img6.jpg) 0 0 no-repeat; z-index: 2; }
.section_holder6 .why_choose_img .overley { position: absolute; width: 150px; height: 150px; float: left; padding: 0px; margin: 0px; border-radius: 100%; opacity: 0; transition: opacity 0.3s ease-in-out 0s; background-color: #000; z-index: 10; }
.section_holder6 .why_choose_img .img.two { background: url(../images/site-img7.jpg) 0 0 no-repeat; }
.section_holder6 .why_choose_img .img.three { background: url(../images/site-img8.jpg) 0 0 no-repeat; }
.section_holder6 .one_third { text-align: center; }
.section_holder6 .one_third:hover h5 { color: #161616; }
.section_holder6 .one_third:hover .img { opacity: 0.8; }
.section_holder6 .one_third:hover .overley { opacity: 0.5; transition: opacity 0.3s ease-in-out 0s; }
/*section 7*/
.section_holder7 { width: 100%; float: left; padding: 0 0 80px 0; margin: 0; }
.section_holder7.two { width: 100%; float: left; padding: 70px 0 70px 0; margin: 0; }
.section_holder7 .clint_holder { width: 49%; float: left; padding: 0; margin: 0; }
.section_holder7 .clint_holder.two { margin: 75px 0 0 -10px; }
.section_holder7 .clint_holder .clint { width: 32%; float: right; padding: 0; margin: 0; }
.section_holder7 .clint_holder .clint.two { float: left; }
.section_holder7 .clint_holder .img_holder { width: 150px; height: 150px; float: right; padding: 10px; margin: 0; border-radius: 100%; background-color: #161616; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder7 .clint_holder .img_holder:hover { background-color: #119EE7; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder7 .clint_holder .img_holder.active { background-color: #119EE7; }
.section_holder7 .clint_holder .img_holder.two { float: left; }
.section_holder7 .clint_holder .img { width: 130px; height: 130px; float: left; padding: 0px; margin: 0; border-radius: 100%; background: url(../images/site-img9.jpg) 0 0 no-repeat; }
.section_holder7 .clint_holder .img.two { background: url(../images/site-img10.jpg) 0 0 no-repeat; }
.section_holder7 .clint_holder .img.three { background: url(../images/site-img11.jpg) 0 0 no-repeat; }
.section_holder7 .clint_holder .img.four { background: url(../images/site-img12.jpg) 0 0 no-repeat; }
.section_holder7 .clint_holder .text { width: 68%; float: left; padding: 15px 0 0 0; margin: 0; text-align: right; }
.section_holder7 .clint_holder .text.two { width: 68%; float: left; padding: 15px 0 0 0; margin: 0; text-align: left; }
.punchtext { width: 100%; float: left; padding: 20px 0px; margin: 0px; background-color: #119EE7; }
.punchtext .text { width: 85%; float: left; padding: 0px; margin: 0px; }
.punchtext .but { width: 15%; float: right; padding: 0px; margin: 0px; }
.punchtext .but .readmore_but2 { float: right; }
/*section 8*/
.section_holder8 { width: 100%; float: left; padding: 70px 0 35px 0; margin: 0; background-color: #F7F7F7; }
.section_holder8 ul.tablist { float: left; width: 100%; padding: 0; margin: 0 0 20px 0; }
.section_holder8 ul.tablist li { float: left; padding: 0 0 5px 0; margin: 0px; }
.section_holder8 .tablist li i { float: left; color: #119EE7; font-size: 14px; padding: 4px 6px 0 0; margin: 0px; }
.section_holder8 .affiliates { width: 100%; float: left; padding: 0px 0px 23px 0px; margin: 0px; }
/*hover styles*/
.section_holder8 .affiliates:hover .icon { background-color: #161616; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder8 .affiliates:hover h6 { color: #119EE7; }
/*active styles*/
.section_holder8 .affiliates.active .icon { background-color: #161616; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder8 .affiliates.active h6 { color: #119EE7; }
.section_holder8 .affiliates .icon { width: 70px; height: 70px; float: left; padding: 0px; color: #FFF; text-align: center; margin: 0px 15px 0px 0px; font-size: 24px; line-height: 73px; background-color: #119EE7; border-radius: 100%; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder8 .affiliates .text { width: 75%; float: left; padding: 0px; text-align: left; margin: 0px; }
/*section 9*/
.section_holder9 { width: 100%; float: left; padding: 0 0 130px 0; margin: 0; background-color: #92D102; }
.section_holder9.two { text-align: center; padding: 0 0 150px 0; }
.clints_section_topshape { width: 100%; height: 174px; float: left; padding: 0; margin: 0; background: url(../images/site-img19.png) center -8px no-repeat; }
/*footer style1*/
.footer1 { width: 100%; float: left; padding: 0 0 50px 0; margin: 0; background-color: #161616; }
.footer1.two { padding: 70px 0 50px 0; }
.footer1 .social_links { width: 100%; height: 298px; float: left; padding: 0; margin: -167px 0 80px 0; background: url(../images/site-img20.png) center top no-repeat; }
.lftsd { float: left; }
.footer1 .social_links.two { width: 100%; height: 298px; float: left; padding: 0; margin: 0px 0 0px 0; background: url(../images/site-img23.png) center top no-repeat; }
.footer1 .social_links.two ul.social_icons { width: 20%; float: left; padding: 0px; margin: 57px 0px 0 400px; }
.footer1 .social_links ul.social_icons { width: 20%; float: left; padding: 0; margin: 169px 0 0 524px; }
.footer1 .social_links ul.social_icons li { float: left; padding: 0; margin: 0; }
.footer1 .social_links ul.social_icons li a { width: 50px; height: 50px; float: left; padding: 0; margin: 0 8px 0 0; line-height: 48px; text-align: center; color: #161616; font-size: 22px; border-radius: 100%; border: 1px solid #D9D9D9; }
.footer1 .social_links ul.social_icons li a:hover { color: #92D102; border: 1px solid #92D102; }
.footer1 .social_links ul.social_icons li.active a { color: #92D102; border: 1px solid #92D102; }
.footer_title_line { width: 100%; height: 3px; float: left; padding: 0px; margin: 0px 0px 30px; background: url(../images/title_line5.png) 0 0 no-repeat; }
.footer1 ul.quick_links { width: 100%; padding: 0px; margin: 0px; float: left; }
.footer1 .quick_links li { width: 100%; padding: 0px; margin: 0px; display: block; float: left; text-align: justify; }
.footer1 .quick_links li a { padding: 0 0 3px 0; margin: 0px; float: left; font-size: 14px; display: block; color: #727272; }
.footer1 .quick_links li a:hover { color: #FFF; }
.newsletter { padding: 0px; margin: 0px; float: right; width: 50%; }
.newsletter .email_input { background: none repeat scroll 0 0 #FFFFFF; border: 0 none; color: #727272; float: left; font-size: 13px; font-weight: normal; height: 39px; line-height: 39px; padding: 0 7px; width: 72%; }
.email_submit { padding: 0 10px 0 7px; margin: 0px 0px 0px 0px; float: left; height: 39px; color: #FFF; border: 1px solid #92D102; background-color: #92D102; }
.email_submit.two { background-color: #000; border: 1px solid #000; padding: 0 25px; }
/*footer payment types*/
.footer_payment_types { width: 100%; float: left; padding: 30px; margin: 0; border-top: 1px solid #272727; background-color: #161616; display: none; }
ul.payment_logos { width: 50%; padding: 0px; margin: 0px; float: left; }
ul.payment_logos.two { width: 50%; padding: 0px; margin: 0px; float: right; }
.payment_logos li { padding: 0 15px 0 0; margin: 0px; line-height: 20px; float: left; }
.payment_logos li a.chat_but { padding: 10px 20px; margin: 0 0 0 25px; color: #FFF; font-size: 14px; line-height: 20px; float: left; border-radius: 2px; background-color: #8AC700; }
.payment_logos li a.chat_but:hover { background-color: #77AB02; }
.payment_logos li a i { color: #FFF; font-size: 16px; }
.copyrights { width: 100%; font-size: 14px; color: #858585; margin: 0px; float: left; padding: 20px 0px; background-color: #2E2E2E; }
.copyrights .text2 { float: right; }
.footer1 .post_holder { width: 100%; padding: 15px 0 15px 0; margin: 0px; float: left; border-bottom: 1px solid #2E2E2E; }
.footer1 .post_holder.first { padding: 0 0 15px 0; }
.footer1 .post_holder.last { border-bottom: none; }
.footer1 .post_holder .img_holder { width: 30%; padding: 6px 0 0 0; margin: 0px; float: left; }
.footer1 .post_holder .img { width: 60px; height: 60px; padding: 0px; margin: 0px; float: left; border: 2px solid #161616; }
.footer1 .post_holder .text { width: 70%; padding: 0px; margin: 0px; float: right; }
.footer1 .post_holder .text a span { color: #A2A2A2; font-weight: 600; }
.footer1 .post_holder .text span.info { font-size: 11px; }
/*latest posts hover*/
.footer1 .post_holder:hover .img { border: 2px solid #119EE7; }
.footer1 .post_holder .text a:hover span { color: #119EE7; }
/*latest posts active*/
.footer1 .post_holder.active .img { border: 2px solid #119EE7; }
.footer1 .post_holder.active .text a span { color: #119EE7; }
/*footer bottom social links*/
.copyrights ul.social_icons { width: 100%; float: left; padding: 0; margin: 0; }
.copyrights ul.social_icons li { float: right; padding: 0; margin: 0; }
.copyrights ul.social_icons li a { width: 35px; height: 35px; float: left; padding: 0; margin: 0 8px 0 0; line-height: 35px; text-align: center; color: #727272; font-size: 16px; border-radius: 100%; background-color: #161616; }
.copyrights ul.social_icons li a:hover { color: #727272; background-color: #FFF; }
.copyrights span { padding: 0px; margin: 0px; float: left; padding-top: 5px; }
/* scroll up */
.scrollup { width: 40px; height: 40px; opacity: 1; position: fixed; bottom: 22px; right: 20px; display: none; text-indent: -9999px; background: #119EE7 url(../images/scroll-top-arrow.png) no-repeat 15px 16px; z-index: 999; }
/*---------------------------------------------------
	inner Pages
------------------------------------------------------*/
#domain-searchform #dsearch { background-color: #FFF; border: 1px solid #FFF; color: #393A3B; font-size: 18px; height: 80px; padding: 7px 10px; width: 650px; }
#domain-searchform #dsearch2 { background-color: #FFF; border: 1px solid #D9D9D9; color: #393A3B; font-size: 18px; height: 80px; padding: 7px 10px; width: 880px; }
#domain-searchform #dsearch3 { background-color: #FFF; border: 1px solid #D9D9D9; color: #393A3B; font-size: 18px; height: 80px; padding: 7px 10px; width: 85%; }
.drlist { background-color: #EEEEEE; color: #A5A5A5; font-size: 18px; height: 80px; margin: 0px 0 0 -5px; padding: 10px; width: 102px; font-weight: normal; background-color: #161616; border: 1px solid #161616; }
#searchsubmit { border: none; color: #FFFFFF; cursor: pointer; font-size: 18px; font-weight: normal; height: 75px; overflow: hidden; padding: 4px 25px; margin-left: 0px; text-align: center; background-color: #119EE7; }
#searchsubmit2 { border: none; color: #FFFFFF; cursor: pointer; font-size: 18px; font-weight: normal; height: 80px; overflow: hidden; padding: 4px 55px; margin-left: 0px; text-align: center; background-color: #119EE7; }
#searchsubmit2:hover { background-color: #161616; color: #727272; }
#searchsubmit:hover { background-color: #161616; color: #727272; }
ul.tld_list { width: 100%; padding: 10px 0 0 0; margin: 0px; float: left; }
ul.tld_list li { padding: 0 20px 0 0; margin: 0px; font-family: open-sans, sans-serif; font-size: 26px; display: inline; color: #161616; }
ul.tld_list li.title { padding: 0 20px 0 0; margin: 0px; font-family: open-sans, sans-serif; font-size: 20px; color: #FFF; }
ul.tld_list li span { padding: 0px; margin: 0px; font-size: 18px; color: #FFF; }
.domain_pricetable_holder { width: 100%; float: left; padding: 20px; margin: 0px; border: 1px solid #E4E4E4; }
/*section 10*/
.section_holder10 { width: 100%; float: left; padding: 70px 0 45px 0; margin: 0; }
.section_holder10 ul.list { width: 100%; float: left; padding: 20px 0 50px 0; margin: 0; }
.section_holder10 ul.list li { float: left; padding: 0 0 15px 0; margin: 0; }
.section_holder10 ul.list li i { color: #119EE7; margin-right: 10px; }
.section_holder10 .readmore_but4 { margin-right: 10px; }
/*section 11*/
.section_holder11 { width: 100%; float: left; padding: 70px 0 70px 0; margin: 0; }
.section_holder11.two { padding: 70px 0 70px 0; }
/*why choose HostGrid*/
.section_holder11 .why_choose_img { width: 166px; height: 166px; float: left; padding: 8px; margin: 0 0 20px 0; border-radius: 100%; background-color: #FFF; }
.section_holder11 .why_choose_img .img { position: relative; width: 150px; height: 150px; float: left; padding: 0px; margin: 0px; border-radius: 100%; background: url(../images/site-img6.jpg) 0 0 no-repeat; z-index: 2; }
.section_holder11 .why_choose_img .overley { position: absolute; width: 150px; height: 150px; float: left; padding: 0px; margin: 0px; border-radius: 100%; opacity: 0; transition: opacity 0.3s ease-in-out 0s; background-color: #000; z-index: 10; }
.section_holder11 .why_choose_img .img.two { background: url(../images/site-img7.jpg) 0 0 no-repeat; }
.section_holder11 .why_choose_img .img.three { background: url(../images/site-img8.jpg) 0 0 no-repeat; }
.section_holder11 .one_third { text-align: center; }
.section_holder11 .one_third:hover h5 { color: #119EE7; }
.section_holder11 .one_third:hover .img { opacity: 0.8; }
.section_holder11 .one_third:hover .overley { opacity: 0.5; transition: opacity 0.3s ease-in-out 0s; }
/*active styles*/
.section_holder11 .one_third.active h5 { color: #119EE7; }
.section_holder11 .one_third.active .img { opacity: 0.8; }
.section_holder11 .one_third.active .overley { opacity: 0.5; transition: opacity 0.3s ease-in-out 0s; }
/*left services*/
.section_holder11 .list_holder { width: 100%; padding: 0px; margin: 0 0 50px 0; float: left; }
.section_holder11.three .list_holder { margin: 0 0 30px 0; }
.section_holder11 .list_holder.last { margin: 0 0 0 0; }
.section_holder11 .list_holder .icon_holder { width: 22%; padding: 0px; margin: 0px; float: left; }
.section_holder11 .list_holder .icon { width: 95px; height: 95px; text-align: center; color: #119EE7; padding: 0px; font-size: 32px; margin: 0px; line-height: 94px; float: left; border-radius: 100%; border: 1px solid #D9D9D9; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder11.two .list_holder .icon { color: #272727; border: 1px solid #D9D9D9; background-color: #FFF; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder11 .list_holder .text { width: 78%; padding: 0px; margin: 0px; float: right; }
.section_holder11 .list_holder:hover .icon { color: #FFF; border: 1px solid #119EE7; background-color: #119EE7; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder11 .list_holder:hover h5 { color: #119EE7; }
.section_holder11 .list_holder.active .icon { color: #FFF; border: 1px solid #119EE7; background-color: #119EE7; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder11 .list_holder.active h5 { color: #119EE7; }
/*section 12*/
.section_holder12 { width: 100%; float: left; padding: 70px 0 70px 0; margin: 0px; text-align: center; border-top: 1px solid #E7E7E7; }
.section_holder12.two { border-top: none; padding: 70px 0 70px 0; }
.section_holder12 .icon { padding: 0; font-size: 64px; text-align: center; margin: 0 auto 20px auto; color: #161616; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder12 .readmore_but9 { margin: 70px 10px 0 434px; }
.section_holder12 .readmore_but10 { margin: 70px 0 0 0; }

/*hover styles*/
.section_holder12 .one_fourth:hover .icon { color: #119EE7; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder12 .one_fourth:hover h5 { color: #119EE7; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder12 .one_fourth.active .icon { color: #119EE7; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder12 .one_fourth.active h5 { color: #119EE7; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder12 .one_fourth.oplist:hover { opacity: 1; position: relative; top: -20px;}



/*section 13*/
.section_holder13 { width: 100%; float: left; padding: 70px 0 70px 0; margin: 0px; }
.section_holder13 .linux { width: 100%; float: left; padding: 0; margin: 0px; border-radius: 2px; border: 1px solid #D9D9D9; }
.section_holder13 .linux .title_holder { width: 100%; float: left; padding: 10px 0 10px 50px; margin: 0px; border-bottom: 1px solid #DFDFDF; }
.section_holder13 .linux .title { float: left; font-weight: 600; padding: 18px 0 0 0; margin: 0px; }
.section_holder13 .linux .price_holder { width: 100%; float: left; padding: 0px 0 0 50px; margin: 0px; border-bottom: 1px solid #DFDFDF; }
.section_holder13 .price { color: #119EE7; font-size: 45px; font-weight: bold; line-height: 45px; text-align: left; padding: 15px 0 0px 0px; margin: 0px; }
.section_holder13 .price sup { font-size: 16px; font-weight: normal; padding-right: 10px; }
.section_holder13 .price i { font-size: 16px; font-style: normal; font-weight: 500; }
.section_holder13 .linux .cont { width: 100%; float: left; padding: 15px 0 40px 50px; margin: 0px; }
.section_holder13 .linux ul.list { width: 100%; float: left; padding: 15px 0 25px 0px; margin: 0px; }
.section_holder13 .linux ul.list li { font-size: 16px; display: block; font-weight: normal; padding: 0 0 11px 0; margin: 0px; }
.section_holder13 .linux ul.list li i { color: #119EE7; font-size: 14px; padding: 0 5px 0 0; }
.section_holder13 .linux .readmore_but5 { margin: 35px 15px 0 0; }
/*drop list*/
.dropbox_holder2 { width: 100%; padding: 0px; margin: 0px; float: left; }
.dropbox_holder2.smalltext { font-size: 13px; padding: 0px 25px 0px 0px; margin: 0px; float: left; }
.drlist2 { border: 1px solid #E1E1E1; width: 100%; font-size: 12px; padding: 8px 0px 0px 5px; margin: 0px; }
.drlist2 .smalltext { font-size: 50px; padding: 0px 0px 0px 0px; margin: 0px 100px 0px 0px; float: left; }
.dropbox_holder2 select option { width: 100%; margin: 0px; padding: 5px 5px 5px 5px; border-bottom: 1px solid #E1E1E1; }
.dropbox_holder2 select option span { color: #92D102; }
.dropbox_holder2 select { border: 1px solid #E1E1E1; }
/*droplist */
label.custom-select { width: 90%; position: relative; display: inline-block; }
.custom-select select { display: inline-block; padding: 10px 3px 5px 5px; margin: 0; font: inherit; outline: none; /* remove focus ring from Webkit */ line-height: 1.2; background: #000; color: #272727; border: 0; font-size: 14px; font-weight: normal; background-color: #FFF; width: 100%; border: 1px solid #E1E1E1; }
/* Select arrow styling */
.custom-select:after { content: "▼"; position: absolute; top: 0; right: 0; bottom: 0; font-size: 12px; line-height: 45px; padding: 0 7px; background: #FFF; color: #272727; border-bottom: 1px solid #E1E1E1; border-top: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1; pointer-events: none; }
/*section 14*/
.section_holder14 { width: 100%; float: left; padding: 70px 0 70px 0; margin: 0px; }
.section_holder14 .one_fourth { text-align: center; }
.section_holder14 .icon { width: 85px; height: 85px; padding: 0; font-size: 40px; text-align: center; margin: 0 auto 20px auto; color: #161616; line-height: 80px; border-radius: 100%; border: 1px solid #D9D9D9; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder14 .one_fourth:hover .icon { color: #119EE7; border: 1px solid #119EE7; }
.section_holder14 .one_fourth:hover h5 { color: #119EE7; }
.section_holder14 .one_fourth.active .icon { color: #119EE7; border: 1px solid #119EE7; }
.section_holder14 .one_fourth.active h5 { color: #119EE7; }
/*section 15*/
.section_holder15 { width: 100%; float: left; padding: 70px 0 70px 0; margin: 0px; }
.section_holder15 .img { width: 100%; float: left; padding: 0; margin: 0px; border: 1px solid #D9D9D9; }
/*section 16*/
.section_holder16 { width: 100%; float: left; padding: 70px 0 70px 0; margin: 0px; text-align: center; border-bottom: 1px solid #E4E4E4; }
.section_holder16 .icon { width: 85px; height: 85px; padding: 0; font-size: 40px; text-align: center; margin: 0 auto 20px auto; color: #161616; line-height: 80px; border-radius: 100%; border: 1px solid #D9D9D9; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder16 .one_third:hover .icon { color: #119EE7; border: 1px solid #119EE7; }
.section_holder16 .one_third:hover h5 { color: #119EE7; }
.section_holder16 .one_third.active .icon { color: #119EE7; border: 1px solid #119EE7; }
.section_holder16 .one_third.active h5 { color: #119EE7; }
/*section 17*/
.section_holder17 { width: 100%; float: left; padding: 70px 0 70px 0; margin: 0px; text-align: center; }
.header_medium { float: left; width: 100%; height: 300px; padding: 0; margin: 0px; text-align: center; background: url(../images/site-img34.jpg) 0px 0px no-repeat; }
.header_medium .bigtext { font: 14px open-sans, sans-serif; float: right; font-size: 42px; color: #FFF; width: 100%; padding: 110px 0 0 0; text-align: right; font-weight: bold; margin: 0px; }
.header_medium.two .bigtext { font: 14px open-sans, sans-serif; float: right; font-size: 42px; color: #FFF; padding: 95px 0 0 0; text-align: center; font-weight: bold; margin: 0px; text-transform: uppercase; }
.header_medium.two .smalltext { font: 14px open-sans, sans-serif; font-size: 42px; color: #FFF; padding: 100px 0 0 0; text-align: center; font-weight: 200; margin: 0px; text-transform: uppercase; }
.header_medium.two .smalltext span { color: #119EE7; }
.header_medium .bigtext span { color: #119EE7; }
/* section 18*/
.section_holder18 { float: left; width: 100%; padding: 25px 0 10px 0; margin: 0px; border-bottom: 1px solid #E9E9E9; }
.pagetitle { float: left; width: 50%; font-size: 30px; text-align: left; font-weight: normal; color: #161616; margin: 0px; padding: 0px; }
.pagenation { float: right; width: 50%; font-size: 14px; text-align: right; font-weight: normal; color: #999; margin: 5px 0px 0px; padding: 0px; }
.pagenation a { color: #161616; }
/* section 19*/
.section_holder19 { float: left; width: 100%; padding: 70px 0 70px 0; margin: 0px; border-bottom: 1px solid #E9E9E9; }
/* section 20*/
.section_holder20 { float: left; width: 100%; padding: 70px 0 70px 0; margin: 0px; }
/*section 21*/
.section_holder21 { width: 100%; float: left; padding: 70px 0 70px 0; margin: 0px; background: url("../images/parallax_bg9.jpg"); background-attachment: fixed; background-origin: initial; background-clip: initial; background-size: cover; background-repeat: no-repeat; background-position: 100% 0; background-position: center; }
.section_holder21 .icon { padding: 0 0 20px 0; text-align: center; font-size: 56px; color: #FFF; margin: 0; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder21 .one_fourth { text-align: center; }
.section_holder21 .one_fourth:hover .icon { color: #119EE7; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder21 .one_fourth:hover h5 { color: #119EE7; }
.section_holder21 .one_fourth.active .icon { color: #119EE7; }
.section_holder21 .one_fourth.active h5 { color: #119EE7; }
/* section 22*/
.section_holder22 { float: left; width: 100%; padding: 70px 0 70px 0; margin: 0px; }
.section_holder22.three { float: left; width: 100%; padding: 70px 0 70px 0; margin: 0px; }
.section_holder22.two { width: 100%; float: left; padding: 75px 0 75px 0; margin: 0px; border: 1px solid #E1E1E1; }
.section_holder22 .img_holder { position: relative; width: 272px; height: 272px; float: left; padding: 13.2px; text-align: center; margin: 0px; border-radius: 50%; background-color: #161616; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder22 .img_holder .img { width: 100%; height: 245px; float: left; padding: 0px; text-align: center; margin: 0px; border-radius: 100%; background: url(../images/site-img36.jpg) center top no-repeat; }
.section_holder22 .img_holder .img.two { background: url(../images/site-img37.jpg) center top no-repeat; }
.section_holder22 .img_holder .img.three { background: url(../images/site-img38.jpg) center top no-repeat; }
.section_holder22 .img_holder .img.four { background: url(../images/site-img39.jpg) center top no-repeat; }
.section_holder22 .img_holder .img.five { background: url(../images/site-img40.jpg) center top no-repeat; }
.section_holder22 .img_holder .img.six { background: url(../images/site-img41.jpg) center top no-repeat; }
.section_holder22 .img_holder .img.seven { background: url(../images/site-img42.jpg) center top no-repeat; }
.section_holder22 .img_holder .img.eight { background: url(../images/site-img43.jpg) center top no-repeat; }
.section_holder22 .img_holder .img.nine { background: url(../images/site-img44.jpg) center top no-repeat; }
.section_holder22 .member_info { width: 80%; text-align: center; padding: 10px 0 10px 0; margin: 30px auto 0 auto; border-bottom: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9; }
.section_holder22 .img_holder .hover_circle { position: absolute; width: 245px; height: 245px; float: left; opacity: 0; padding: 0px; margin: 0px; border-radius: 50%; background: url(blesta/HGHTML/images/site-img59.png) 0px 0px repeat; transition: opacity 0.3s ease-in-out 0s; }
.section_holder22 .img_holder ul.social_icon { position: absolute; width: 100%; float: left; padding: 0px; margin: 0px 0px 0px 32px; z-index: 10; }
.section_holder22 .img_holder ul.social_icon li { float: left; padding: 0px; margin: 0x; transition: opacity 0.1s ease-in-out 0s; -webkit-transition: opacity .1s ease-in-out; -moz-transition: opacity .1s ease-in-out; -ms-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; transition: opacity 0.1s ease-in-out; transition: top 0.1s ease-in-out 0s; }
.section_holder22 .img_holder ul.social_icon li.one { position: absolute; top: 200px; opacity: 0; }
.section_holder22 .img_holder ul.social_icon li.two { position: absolute; top: 20px; opacity: 0; left: 45px; }
.section_holder22 .img_holder ul.social_icon li.three { position: absolute; top: 200px; opacity: 0; left: 90px; }
.section_holder22 .img_holder ul.social_icon li.four { position: absolute; top: 20px; opacity: 0; left: 135px; }
.section_holder22 .img_holder .social_icon li a { width: 40px; height: 40px; float: left; font-size: 18px; padding: 0px; line-height: 40px; color: #161616; margin: 0 5px 0 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #FFF; z-index: 10; }
/*hover styles*/
.section_holder22 .img_holder .social_icon li a:hover { background-color: #119EE7; }
.section_holder22 .one_fourth:hover .hover_circle { opacity: 1; transition: opacity 0.1s ease-in-out 0s; }
.section_holder22 .one_fourth:hover .social_icon li.one { top: 108px; opacity: 1; transition: top 0.3s ease-in-out; }
.section_holder22 .one_fourth:hover .social_icon li.two { top: 106px; opacity: 1; transition: top 0.5s ease-in-out; }
.section_holder22 .one_fourth:hover .social_icon li.three { top: 108px; opacity: 1; transition: top 0.3s ease-in-out; }
.section_holder22 .one_fourth:hover .social_icon li.four { top: 106px; opacity: 1; transition: top 0.5s ease-in-out; }
.section_holder22 .one_fourth:hover .img_holder { background-color: #119EE7; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
/*active styles*/
.section_holder22 .img_holder .social_icon li a.active { background-color: #119EE7; }
.section_holder22 .one_fourth.active .hover_circle { opacity: 1; transition: opacity 0.1s ease-in-out 0s; }
.section_holder22 .one_fourth.active .social_icon li.one { top: 106px; opacity: 1; transition: top 0.3s ease-in-out; }
.section_holder22 .one_fourth.active .social_icon li.two { top: 106px; opacity: 1; transition: top 0.5s ease-in-out; }
.section_holder22 .one_fourth.active .social_icon li.three { top: 106px; opacity: 1; transition: top 0.7s ease-in-out; }
.section_holder22 .one_fourth.active .social_icon li.four { top: 106px; opacity: 1; transition: top 0.9s ease-in-out; }
.section_holder22 .one_fourth.active .img_holder { background-color: #119EE7; }
/* section 23*/
.section_holder23 { float: left; width: 100%; padding: 70px 0 70px 0; margin: 0px; }
/* section 24*/
.section_holder24 { float: left; width: 100%; padding: 70px 0 70px 0; margin: 0px; }
.section_holder24 .award_holder { float: left; width: 100%; padding: 0 0 30px 0; margin: 0px; }
.section_holder24 .award_holder.last { padding: 0 0 0 0; }
.section_holder24 .img { float: left; width: 14%; padding: 0; margin: 0px; }
.section_holder24 .text { float: right; width: 86%; padding: 0; margin: 0px; }
/*sidebar*/
/* section 25*/
.section_holder25 { float: left; width: 100%; padding: 0 0 0 0; margin: 0px; }
.section_holder25.two { padding: 50px 0 0 0; }
/*sidebar social icons*/
.sidebar_social_icons { width: 100%; padding: 0px; margin: 25px 0 0 0; float: left; }
/*product sidebar search*/
.pro_sidebar_search { width: 100%; padding: 50px 0 40px 0; float: left; margin: 0px; }
.pro_sidebar_search .search { background: none repeat scroll 0px 0px #FFF; border: 0px none; float: left; width: 100%; padding: 0px; margin: 0; }
.pro_sidebar_search .search .serch_input { border: 0px none; color: #161616; float: left; font-size: 13px; font-weight: normal; height: 40px; line-height: 39px; padding: 0px 7px; width: 70%; border-left: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; }
.pro_sidebar_search .search .search_submit { padding: 5px 10px; margin: 0px; float: left; height: 40px; background-color: #FFF; border: 1px solid #D9D9D9; }
/*categories*/
.categories_holder { width: 100%; padding: 0px 0 40px 0; float: left; margin: 0px; }
.categories_holder ul.list { width: 100%; padding: 0; float: left; margin: 0px; }
.categories_holder .list li { width: 100%; padding: 0; float: left; margin: 0px; border-bottom: 1px solid #D9D9D9; }
.categories_holder .list li.last { border-bottom: none; }
.categories_holder .list li a { color: #727272; padding: 12px 0; float: left; margin: 0px; }
.categories_holder .list li.first a { padding: 0px 0 12px 0; }
.categories_holder .list li a:hover { color: #119EE7; }
/*sidebar latest posts*/
.sidebar_latest_posts { width: 100%; padding: 0; float: left; margin: 0px; }
.sidebar_latest_posts .post_holder { width: 100%; padding: 0; float: left; margin: 0 0 30px 0; }
.sidebar_latest_posts .post_holder .left { width: 32%; padding: 0; float: left; margin: 0px; }
.sidebar_latest_posts .post_holder .left .img { width: 80px; padding: 0; float: left; margin: 0px; border: 1px solid #D9D9D9; }
.sidebar_latest_posts .post_holder .right { width: 68%; padding: 0; float: right; margin: 0px; }
.sidebar_latest_posts .post_holder .right .info { width: 100%; padding: 0; float: left; margin: 0px; }
.sidebar_latest_posts .post_holder .right .info span { color: #727272; padding: 0 8px 0 0; font-size: 13px; }
/*sidebar latest posts hover styles*/
.sidebar_latest_posts .post_holder:hover .img { border: 1px solid #119EE7; }
.sidebar_latest_posts .post_holder:hover h6 { color: #119EE7; }
/*active styles*/
.sidebar_latest_posts .post_holder.active .img { border: 1px solid #119EE7; }
.sidebar_latest_posts .post_holder.active h6 { color: #119EE7; }
/* product tags */
.products_tags { width: 100%; padding: 0; float: left; margin: 0px; }
.products_tags ul.tags { width: 100%; padding: 0; float: left; margin: 0px; }
.products_tags .tags li { padding: 0; float: left; margin: 0px; }
.products_tags .tags li a { float: left; padding: 5px 12px; margin: 0 6px 6px 0; color: #FFF; background-color: #119EE7; border-radius: 2px; }
.products_tags .tags li a:hover { color: #FFF; background-color: #161616; }
/*sidebar featured works*/
.sidebar_featured_works { width: 100%; padding: 25px 0 0 0; float: left; margin: 0px; }
.sidebar_featured_works ul.works { width: 100%; padding: 0; float: left; margin: 0; }
.sidebar_featured_works ul.works li { padding: 0; float: left; margin: 0; }
.sidebar_featured_works .works li a { width: 65px; padding: 0; float: left; margin: 0 6px 6px 0; }
.sidebar_featured_works .works li a:hover { opacity: 0.8; }
.punchline_text_box { width: 100%; float: left; padding: 25px 30px; margin: 15px 0 30px 0; border-width: 1px 1px 1px 5px; border-style: solid; border-color: #EEE #EEE #EEE #119EE7; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; color: #999; }
a.knowmore_but { float: right; padding: 13px 20px; margin: 0px 0px 0px 50px; font-size: 14px; color: #FFF; font-weight: 600; background-color: #119EE7; border-radius: 3px; }
a.knowmore_but:hover { color: #FFF; background-color: #161616; }
.punchline_text_box .left { float: left; width: 70%; }
.punchline_text_box .right { float: left; width: 30%; }
/*section 26*/
.section_holder26 { width: 100%; float: left; padding: 75px 0 75px 0; margin: 0px; text-align: center; background-color: #FFF; border-top: 1px solid #E4E4E4; }
.section_holder26 .title1 { font-size: 80px; padding: 30px 0 0 0; font-weight: 400; margin: 0px; line-height: 65px; }
.section_holder26 .title1 span { color: #119EE7; }
.section_holder26 .title { font-size: 36px; padding: 30px 0 10px 0; font-weight: 300; margin: 0px; line-height: 65px; }
.error_search_holder { width: 100%; float: left; padding: 75px 0 90px 0; margin: 0px; text-align: center; }
.error_search_holder .search_box { width: 60%; height: 55px; padding: 0; margin: 0 auto 50px auto; border: 1px solid #D9D9D9; text-align: center; }
.error_search_holder .search_box .serch_input { border: 0px none; color: #161616; float: left; font-size: 16px; font-weight: normal; height: 53px; line-height: 39px; padding: 0px 15px; width: 94%; }
.error_search_holder .search_box .search_submit { padding: 15px; margin: 11px 0px 0px 0px; float: left; width: 20px; height: 20px; text-align: center; background: url(../images/site-img166.png) 4px 4px no-repeat; border: none; }
.error_search_holder a.but { font-size: 16px; color: #161616; font-weight: 600; padding: 20px 40px; margin: 0px; background-color: #FDCE16; }
.error_search_holder a.but:hover { color: #FFF; background-color: #161616; }
/*section 27*/
.section_holder27 { width: 100%; float: left; padding: 70px 0 70px 0; margin: 0px; }
/*section 28*/
.section_holder28 { width: 100%; padding: 0px; margin: 60px 0 60px 0; float: left; }
.section_holder28 .post_holder { width: 100%; padding: 0px; margin: 0px; float: left; }
.section_holder28 .post_img { position: relative; width: 100%; padding: 0px; margin: 0px; float: left; }
.section_holder28 .post_holder a h2:hover { color: #119EE7; }
.section_holder28 .post_holder .date { font-family: "Open Sans", sans-serif; position: absolute; width: 100px; height: 100px; font-size: 16px; color: #FFF; text-align: center; padding: 0px; margin: 0 0 0 1070px; z-index: 100; background-color: #119EE7; }
.section_holder28 .post_holder .date span { font-family: "Open Sans", sans-serif; font-size: 40px; font-weight: 600; display: block; color: #FFF; text-align: center; padding: 25px 0px 10px 0px; margin: 0px; }
.section_holder28 .post_holder .date.comments { font-family: "Open Sans", sans-serif; position: absolute; width: 100px; height: 100px; font-size: 16px; color: #909090; text-align: center; padding: 0px; margin: 100px 0 0 1070px; z-index: 100; background-color: #161616; }
.section_holder28 .post_holder .date.comments span { color: #909090; }
.section_holder28 .divider_line { width: 95%; height: 1px; margin: 40px 0; padding: 0px; border: none; float: right; background-color: #E7E7E7; }
/*post hover box*/
.section_holder28 .post_img .hover_box { position: absolute; width: 100%; height: 100%; padding: 30px; margin: 0px; float: left; opacity: 0; transition: opacity 0.3s ease-in-out 0s; background: url(../images/site-img59.png) 0px 0px repeat; }
.section_holder28 .post_img .hover_box .box_inner { width: 100%; height: 100%; padding: 0px; margin: 0px; float: left; }
.section_holder28 .post_img .hover_box .box_inner .icon { width: 70px; height: 70px; padding: 0px; margin: 200px 10px 0 442px; float: left; font-size: 24px; color: #161616; text-align: center; line-height: 65px; border-radius: 100%; background-color: #FFF; }
.section_holder28 .post_img .hover_box .box_inner .icon.last { margin: 200px 10px 0 0; }
.section_holder28 .post_img .hover_box .box_inner .icon:hover { background-color: #119EE7; color: #FFF; }
/*hover styles*/
.section_holder28 .post_img:hover .hover_box { opacity: 1; transition: opacity 0.3s ease-in-out 0s; }
.section_holder28 .video_frame iframe { float: right; width: 100%; height: 550px; margin: 0px; }
.section_holder28 .double_line { float: left; width: 100%; height: 5px; margin: 50px 0 0 0; border-top: 1px solid #E7E7E7; }
/*bottom pagenation*/
.pagenation_bottom { float: right; width: 95%; height: 5px; margin: 0; }
.pagenation_bottom a.next_prv { float: left; margin: 0 30px 0 0; color: #161616; font-size: 14px; padding: 15px 0 0 0; }
.pagenation_bottom a.next_prv i { color: #119EE7; }
.pagenation_bottom a.next_prv:hover { color: #119EE7; }
.pagenation_bottom ul.page_number { width: 40%; float: right; margin: 0; padding: 0; }
.pagenation_bottom ul.page_number li { float: right; margin: 0; padding: 0; }
.pagenation_bottom .page_number li a { width: 23px; height: 23px; float: right; text-align: center; color: #161616; margin: 15px 5px 0 0; padding: 0; background-color: #FFF; }
.pagenation_bottom .page_number li a:hover { background-color: #119EE7; color: #FFF; }
.pagenation_bottom .page_number li a.active { background-color: #119EE7; color: #FFF; }
/*blog 3columns*/
.section_holder28.two { padding: 30px 0 0px 0; }
.section_holder28.two .post_holder .date { position: absolute; width: 72px; height: 72px; font-size: 13px; text-align: center; padding: 0px; margin: 0px 0px 0px 285px; }
.section_holder28.two .post_holder .date span { font-size: 24px; padding: 13px 0px 0 0; }
.section_holder28.two .post_holder .date.comments { width: 72px; height: 72px; font-size: 24px; text-align: center; margin: 72px 0px 0px 285px; background-color: #161616; }
.section_holder28.two .post_holder .comments span { font-size: 18px; padding: 12px 0px 0px 0px; }
.section_holder28.two .post_holder { width: 100%; border: 1px solid #D9D9D9; }
.section_holder28.two .post_img .hover_box { height: 100%; padding: 22px; }
.section_holder28.two .post_holder .text_holder { width: 100%; padding: 0px; margin: 0px; float: left; padding: 22px 30px 30px 30px; }
.section_holder28.two .post_img .hover_box .box_inner .icon { width: 40px; height: 40px; margin: 133px 10px 0px 117px; font-size: 14px; line-height: 40px; }
.section_holder28.two .post_img .hover_box .box_inner .icon.last { margin: 133px 10px 0px 0; }
/*blog standard*/
.section_holder28.three { padding: 0px 0 0 0; }
.section_holder28.three .post_holder .date { width: 72px; height: 72px; font-size: 13px; text-align: center; padding: 0px; margin: 0 0px 0 758px; }
.section_holder28.three .post_holder .date span { font-size: 24px; padding: 13px 0px 0px; }
.section_holder28.three .post_holder .date.comments { width: 72px; height: 72px; font-size: 24px; text-align: center; margin: 72px 0px 0px 758px; }
.section_holder28.three .post_holder .date.comments span { font-size: 18px; padding: 12px 0px 0px 0px; }
.section_holder28.three .post_holder { width: 100%; border: none; }
.section_holder28.three .post_img .hover_box { height: 100%; padding: 22px; }
.section_holder28.three .post_img .hover_box .box_inner .icon { width: 40px; height: 40px; margin: 147px 10px 0px 330px; font-size: 14px; line-height: 40px; }
.section_holder28.three .post_img .hover_box .box_inner .icon.last { margin: 147px 10px 0 0; }
.section_holder28.three .divider_line { width: 97%; }
.section_holder28.three .video_frame iframe { float: right; width: 100%; height: 380px; margin: 0px; }
/*blog single post*/
/* section 29 */
.section_holder29 { width: 100%; padding: 60px 0 0 0px; margin: 0px; float: left; }
.section_holder29 .post_img { position: relative; width: 100%; padding: 0; margin: 0px; float: left; }
.section_holder29 .img { width: 100%; padding: 0; margin: 0px; float: right; }
.section_holder29 .bottom_strip { width: 100%; height: 14px; padding: 0; margin: 0px; float: right; background-color: #FDCE16; }
.section_holder29 .bottom_shape { width: 80px; height: 27px; padding: 0; margin: -10px 0px 0px 379px; float: left; background: url(../images/site-img57.png) 0px 0px no-repeat; }
.section_holder29 .post_img .date { font-family: open-sans, sans-serif; position: absolute; width: 75px; height: 75px; font-size: 13px; color: #FFF; text-align: center; padding: 0px; margin: 0px 0px 0px 755px; z-index: 100; background-color: #119EE7; }
.section_holder29 .post_img .date span { font-family: open-sans, sans-serif; font-size: 24px; font-weight: 600; display: block; color: #FFF; text-align: center; padding: 12px 0 0 0; margin: 0px; }
.section_holder29 .post_img .date.comments { font-family: open-sans, sans-serif; position: absolute; width: 75px; height: 75px; font-size: 24px; color: #A3A3A3; text-align: center; padding: 0px; margin: 72px 0px 0px 755px; z-index: 100; background-color: #161616; }
.section_holder29 .post_img .comments span { font-family: open-sans, sans-serif; font-size: 20px; font-weight: 600; display: block; color: #A3A3A3; text-align: center; padding: 12px 0 0 0; margin: 0px; }
.section_holder29 .post_text { width: 100%; padding: 0; margin: 0px; float: right; }
.section_holder29 .post_text .toppadd { padding-top: 15px; }
.section_holder52 .post_text .divider_line { width: 100%; height: 1px; border: none; padding: 0; margin: 50px 0 50px 0; float: left; background-color: #E7E7E7; }
.section_holder29 .comment_info { width: 100%; padding: 20px; margin: 0 0 20px 0; float: left; border: 1px solid #E7E7E7; }
.section_holder29 .comment_info .left { width: 20%; padding: 0px; margin: 0; float: left; }
.section_holder29 .comment_info .right { width: 80%; padding: 0px; margin: 0; text-align: left; float: right; }
.section_holder29 .comment_info .left .img { width: 130px; height: 135px; padding: 0px; margin: 0; float: left; border: 1px solid #FFF; }
.section_holder29 .comment_info .right .name { width: 80%; float: left; }
.section_holder29 .comment_info .right .date { width: 20%; color: #119EE7; text-align: right; float: right; }
.section_holder29 .comment_info .right a.more { font-size: 14px; color: #119EE7; font-weight: 500; padding: 5px 0 0 0; margin: 0; float: left; text-decoration: underline; }
.section_holder29 .comment_title { font-size: 26px; color: #161616; font-weight: 600; padding: 40px 0 30px 0; margin: 0; float: left; }
.section_holder29 .comment_info .right a.readmore { font-size: 14px; color: #FFF; font-weight: normal; padding: 5px 15px; margin: 15px 0 0 0; float: left; border-radius: 2px; background-color: #119EE7; }
.section_holder29 .comment_info .right a.readmore:hover { color: #FFF; background-color: #161616; }
.section_holder29 .comment_info.two { width: 81%; margin: 0 0 20px 0; float: right; }
.section_holder29 .comment_info.two .right { width: 76%; }
.section_holder29 .form_title { padding: 40px 0 0px 0; font-size: 26px; font-weight: 600; color: #161616; margin: 0px; text-transform: none; }
.section_holder29 a.loadmore_but { width: 100%; font-size: 16px; color: #FFF; font-weight: 600; padding: 20px 15px; margin: 40px 0 40px 0; text-align: center; float: left; border-radius: 2px; text-transform: uppercase; background-color: #119EE7; }
.section_holder29 a.loadmore_but:hover { color: #FFF; background-color: #161616; }
/*hover styles*/
.section_holder29 .comment_info:hover { border: 1px solid #119EE7; }
.section_holder29 .comment_info:hover .name { color: #119EE7; }
/*section 30*/
.section_holder30 { width: 100%; padding: 70px 0 70px 0px; margin: 0px; float: left; }
.section_holder30.two { padding: 70px 0 0 0px; }
.section_holder30 .topic_holder { width: 100%; padding: 25px; margin: 0px; float: left; border: 1px solid #D9D9D9; }
.section_holder30 .topic_holder .icon { width: 15%; font-size: 30px; padding: 0px; margin: 0px; float: left; }
.section_holder30 .topic_holder .text { width: 85%; padding: 0px; margin: 0px; float: right; }
.section_holder30 .topic_holder .text ul.list { width: 100%; padding: 0px; margin: 0px; float: left; }
.section_holder30 .topic_holder .text ul.list li { padding: 0px; margin: 0px; list-style-type: disc; }
.section_holder30 .topic_holder .text ul.list li a:hover { color: #119EE7; }
.section_holder30 .one_third { margin-bottom: 30px; }
/*hover styles*/
.section_holder30 .topic_holder:hover { border: 1px solid #119EE7; }
.section_holder30 .topic_holder:hover .icon { color: #119EE7; }
.section_holder30 .topic_holder:hover h4 { color: #119EE7; }
/*active styles*/
.section_holder30 .topic_holder.active { border: 1px solid #119EE7; }
.section_holder30 .topic_holder.active .icon { color: #119EE7; }
.section_holder30 .topic_holder.active h4 { color: #119EE7; }
/*contact styles*/
.address_info { float: left; background-color: #FFF; padding: 0px; width: 100%; margin-bottom: 40px; }
.address_info.two { float: left; background-color: #FFF; border: none; padding: 20px 20px 10px; width: 100%; margin-bottom: 40px; }
.address_info a { color: #119EE7; }
.address_info a:hover { color: #161616; }
.google-map { width: 100%; padding: 20px; height: 300px; border: 1px solid #D9D9D9; }
.google-map.two { width: 100%; padding: 0px; height: 350px; border: none; }
.section_holder66 .bottom_shape.two { margin: -6px 0px 0px 320px; }
/*------------------*/
/* layout2
/*------------------------------------------------------*/
/*section 31*/
.section_holder31 { background-color: #F2F2F2; float: left; margin: 0; padding: 70px 0 35px; width: 100%; border-bottom: 2px solid #CCCCCC; }
.section_holder31 .domain_search_holder { width: 100%; padding: 15px; margin: 0px; float: left; background-color: #119EE7; }
.lt_title_medium { font-size: 35px; padding: 0px; margin: 0px; font-weight: 300; text-align: left; text-transform: uppercase; }
.lt_title_medium span { font-weight: 600; }
.lt_title_big { font-size: 43px; padding: 0px; margin: 0px; font-weight: 300; text-align: center; text-transform: uppercase; }
.lt_title_big_left { font-size: 43px; padding: 0px; margin: 0px; font-weight: 300; text-align: left; text-transform: uppercase; }
.lt_title_big_left span { font-weight: 600; }
.lt_title_big span { font-weight: 600; height: ; width: ; font-size: 52px; }
.section_holder31 #domain-searchform #dsearch { background-color: #FFF; border: 1px solid #D9D9D9; color: #393A3B; float: left; font-size: 14px; height: 50px; padding: 7px 10px; width: 68%; }
.section_holder31 .drlist { background-color: #EEEEEE; color: #272727; float: left; font-size: 16px; height: 50px; margin: 0px 0 0 -5px; padding: 10px; width: 102px; background-color: #FFF; border: 1px solid #D9D9D9; }
.section_holder31 #searchsubmit { border: none; color: #FFFFFF; cursor: pointer; float: left; font-size: 14px; font-weight: normal; height: 50px; overflow: hidden; padding: 5px 25px; margin-left: 0px; text-align: center; background-color: #6D6F71; }
.section_holder31 #searchsubmit:hover { background-color: #272727; color: #FFF; }
.section_holder31 ul.tld_list { width: 100%; padding: 0; margin: 50px 0 0 0; float: left; }
.section_holder31 ul.tld_list li { width: 105px; height: 105px; padding: 20px; margin: 0 8px 0 0; float: left; font-size: 13px; display: inline; border-radius: 2px; color: #727272; text-align: center; border: 1px solid #CCCCCC; }
.section_holder31 ul.tld_list li .price { padding: 15px 0 0 0; margin: 0; float: left; font-size: 25px; color: #FFF; }
.section_holder31 ul.tld_list li .tld { padding: 8px 0 3px 0; margin: 0; display: block; font-weight: 600; font-size: 22px; color: #119EE7; }
.section_holder31 ul.tld_list li .tld.two { color: #FF6804; }
.section_holder31 ul.tld_list li .tld.three { color: #84C010; }
.section_holder31 ul.tld_list li .tld.four { color: #C951F0; }
.section_holder31 ul.tld_list li .price2 { padding: 0; margin: 0; font-size: 18px; color: #727272; }
.section_holder31 ul.tld_list li.last { margin: 0 0 0 0; }
.section_holder31 ul.tld_list li.first { font-size: 10px; line-height: 15px; color: #FFF; background-color: #119EE7; }
.section_holder31 .plan_list { width: 60%; padding: 0; margin: 0; float: left; }
.section_holder31 .img { width: 40%; padding: 0; margin: 0; float: right; }
.section_holder31 .plan_list ul.feature_list { width: 100%; padding: 0; margin: 0 0 35px 0; float: left; }
.section_holder31 .plan_list ul.feature_list li { padding: 0 0 10px 0; margin: 0; color: #272727; }
.section_holder31 .plan_list ul.feature_list li i { color: #272727; }
/*section 32*/
.section_holder32 { width: 100%; padding: 0 0 50px 0; margin: 0px; float: left; background-color: #E1E1E1; }
.section_holder32 .feature_box { width: 100%; padding: 35px; text-align: center; background: #FFF; margin: 0 0 40px 0; }
.shadow_st1 { position: relative; }
.shadow_st1:before, .shadow_st1:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 15px 10px #c0c0c0; -moz-box-shadow: 0 15px 10px #c0c0c0; box-shadow: 0 15px 10px #C0C0C0; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); }
.shadow_st1:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; }
/*offer badge*/
.section_holder32 .feature_box .offer_badge { width: 40%; padding: 0; text-align: center; margin: 0px; float: left; }
.section_holder32 .feature_box .badge { width: 170px; height: 170px; padding: 0; margin: 0px; float: left; background: url(../images/site-img50.png) 0 0 no-repeat; }
.section_holder32 .feature_box .badge .text { padding: 50px 0px 0px 0px; font-size: 18px; margin: 0px; color: #272727; }
.section_holder32 .feature_box .badge .text span { padding: 0; font-size: 35px; margin: 0; font-weight: 600; color: #272727; }
.section_holder32 .feature_box .img { width: 60%; padding: 0; margin: 0px; float: right; }
/*section 33*/
.section_holder33 { width: 100%; padding: 35px 0 40px 0; margin: 0px; float: left; background-color: #E1E1E1; }
.section_holder33.two { background-color: #FFF; padding: 70px 0 70px 0; line-height: ; }
.lt_title_line { height: 3px; padding: 0px; margin: 15px auto 20px; text-align: center; background: url(../images/title_line7.png) center top no-repeat; }
.cl_title_line { height: 3px; padding: 0px; margin: 15px auto 20px; text-align: center; background: url(../images/title_line10.png) center top no-repeat; }
.lt_title_line.two { background: url(../images/title_line9.png) center top no-repeat; }
.lt_title_bottomtext { width: 67%; padding: 0px; margin: 0px auto 60px; text-align: center; font-size: 30px !important; }
.section_holder33 .shadow_box { width: 100%; height: 40px; padding: 25px; float: left; background: #FFF; margin: 0; background: url(../images/site-img61.png) center top no-repeat; }
.section_holder33 .price_table_holder { width: 292px; float: left; padding: 0; margin: 0; }
.section_holder33 .price_table { width: 100%; float: left; padding: 0; margin: 20px 0 0 0; text-align: center; background-color: #FFFFFF; border-right: 1px solid #4B4B4B; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder33 .price_table .title { width: 100%; font-size: 30px; font-weight: 600; padding: 20px 0 20px 0; color: #272727; text-align: center; margin: 0px 0 10px 0; border-bottom: 1px solid #4B4B4B; }
.section_holder33 .price_table .price { color:##27272; font-size: 45px; font-weight: bold; line-height: 45px; text-align: center; padding: 8px 0px 8px; border-bottom: 1px solid #4B4B4B; }
.section_holder33 .price_table .price sup { font-size: 22px; font-style: normal; }
.section_holder33 .price_table .price i { font-size: 16px; font-style: normal; font-weight: 500; }
.section_holder33 .price_table ul.plan_features { width: 100%; float: left; text-align: center; padding: 0; margin: 0; }
.section_holder33 ul.plan_features li { width: 70%; color: #000000; text-align: center; padding: 8px 0; margin: 0 auto; border-bottom: 1px solid #4B4B4B; }
.section_holder33 ul.plan_features.two li { width: 80%; }
.section_holder33 .plan_info .singup_but { color: #FFF; text-align: center; padding: 8px 30px; margin: 0 0px 25px 0px; background-color: #119EE7; }
.section_holder33.two .plan_info .singup_but { color: #FFF; background-color: #119EE7; }
.section_holder33 .plan_info .singup_but:hover { color: #FFF; background-color: #272727; }
/*table active small arrows*/
.section_holder33 .price_table .arrow { position: absolute; width: 34px; height: 19px; padding: 0px; margin: -19px 0px 0px -34px; float: left; background: url(../images/site-img56.png) 0 0 no-repeat; z-index: 3; }
.section_holder33 .price_table .arrow.two { margin: -19px 0px 0px 291px; background: url(../images/site-img57.png) 0 0 no-repeat; }
.section_holder33 .price_table .arrow.three { margin: 779px 0px 0px -34px; background: url(../images/site-img58.png) 0 0 no-repeat; }
.section_holder33 .price_table .arrow.four { margin: 779px 0px 0px 291px; background: url(../images/site-img60.png) 0 0 no-repeat; }
.section_holder33 .price_table .arrow.bestseller { margin: -43px 0px 0px 0px; width: 292px; height: 60px; background: url(../images/aRROW.gif) 0 0 no-repeat; background-size: contain; background-position: center; }
/*table drop list*/
/*drop list 3*/
.section_holder33.smalltext { font-size: 13px; padding: 0px 5px 0px 0px; margin: 0px; float: left; }
.section_holder33 select option { width: 100%; margin: 0px; padding: 5px 5px 5px 5px; border-bottom: 1px solid #E1E1E1; }
.section_holder33 select option span { color: #92D102; font-size: 12px; }
section_holder33 .dropbox_holder3 select { border: 1px solid #E1E1E1; }
section_holder33 label.custom-select3 { width: 100%; position: relative; display: inline-block; }
.section_holder33.two .price_table .custom-select3 select { background: none repeat scroll 0% 0% #272727; border: 1px solid #3A3A3A; color: #A9A9A9; }
.section_holder33 .price_table.active .custom-select3 select { display: inline-block; padding: 4px 3px 2px 5px; margin: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; font-size-adjust: inherit; font-stretch: inherit; -moz-font-feature-settings: inherit; -moz-font-language-override: inherit; outline: medium none; line-height: 1.2; background: none repeat scroll 0% 0% #119EE7; color: #FFF; font-size: 13px; font-weight: normal; width: 100%; border: 1px solid #4B4B4B; }
/* Select arrow styling */
section_holder33 .custom-select3:after { content: "▼"; position: absolute; top: 0; right: 0; bottom: 0; font-size: 60%; line-height: 40px; padding: 0 7px; background: #FFF; border-top: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; color: #272727; pointer-events: none; }
.section_holder33.two .price_table .custom-select3:after { color: #FFF; background: #272727; border-top: 1px solid #3A3A3A; border-right: 1px solid #3A3A3A; border-bottom: 1px solid #3A3A3A; }
/*hover styles*/
.section_holder33 .price_table .custom-select3:after { color: #FFF; background: #119EE7; border-top: 1px solid #3A3A3A; border-right: 1px solid #3A3A3A; border-bottom: 1px solid #3A3A3A; }
.section_holder33.two .price_table:hover .custom-select3:after { color: #FFF; background: #119EE7; border-top: 1px solid #51B3E6; border-right: 1px solid #51B3E6; border-bottom: 1px solid #51B3E6; }
.section_holder33 .price_table:hover { position: relative; background-color: #119EE7; padding: 0 0; margin: 20px 0 0 0; }
.section_holder33 .price_table:hover .title { color: #FFF; border-bottom: 1px solid #51B3E6; }
.section_holder33 .price_table:hover .price { color: #FFF; border-bottom: 1px solid #51B3E6; }
.section_holder33 .price_table:hover .plan_features li { color: #FFF; border-bottom: 1px solid #51B3E6; }
.section_holder33 .price_table:hover .singup_but { color: #272727; background-color: #FFF; }
.section_holder33 .price_table:hover .custom-select3 select { background: none repeat scroll 0% 0% #119EE7; border: 1px solid #51B3E6; color: #FFF; }
/*active styles*/
.section_holder33 .price_table.custom-select3 select { color: #FFF; background-color: #119EE7; border: 1px solid #51B3E6; }
.section_holder33 .price_table.active .custom-select3:after { color: #FFF; background: #119EE7; border-top: 1px solid #51B3E6; border-right: 1px solid #51B3E6; border-bottom: 1px solid #51B3E6; }
.section_holder33 .price_table.active { position: relative; background-color: #119EE7; padding: 20px 0; margin: 0 0 0 0; }
.section_holder33 .price_table.active .title { color: #FFF; border-bottom: 1px solid #51B3E6; }
.section_holder33 .price_table.active .price { color: #FFF; border-bottom: 1px solid #51B3E6; }
.section_holder33 .price_table.active .plan_features li { color: #FFF; border-bottom: 1px solid #51B3E6; }
.section_holder33 .price_table.active .singup_but { color: #272727; background-color: #FFF; }
.section_holder33 .price_table.active .custom-select3 select { background: none repeat scroll 0% 0% #119EE7; border: 1px solid #51B3E6; }
/*section 34*/
.section_holder34 { width: 100%; float: left; padding: 100px 0; margin: 0px; text-align: center; background: url("../images/parallax_bg6.jpg"); background-attachment: fixed; background-origin: initial; background-clip: initial; background-size: cover; background-repeat: no-repeat; background-position: 100% 0; background-position: center; }
.section_holder34 .title1 { font-size: 50px; padding: 0 0 10px 0; margin: 0px; text-transform: uppercase; font-weight: 200; color: #FFF; text-align: center; }
.section_holder34 .title2 { font-size: 60px; padding: 0; margin: 0px; text-transform: uppercase; font-weight: bold; color: #FFF; line-height: 50px; text-align: center; }
.section_holder34 .cont { width: 70%; padding: 0; margin: 0 auto; color: #FFF; }
/*section 35*/
.section_holder35 { width: 100%; float: left; padding: 70px 0 20px 0; margin: 0; background-color: #E1E1E1; }
.section_holder35 .feature_box { width: 100%; padding: 25px; float: left; background: #FFF; margin: 0; }
.section_holder35 .shadow_box { width: 100%; height: 40px; padding: 25px; float: left; background: #FFF; margin: 0; background: url(../images/site-img61.png) center top no-repeat; }
.section_holder35 ul.tablist { float: left; width: 100%; padding: 0; margin: 0 0 11px 0; }
.section_holder35 ul.tablist li { padding: 0 0 5px 0; margin: 0px; }
.section_holder35 .tablist li i { float: left; color: #119EE7; font-size: 14px; padding: 4px 6px 0 0; margin: 0px; }
.section_holder35 .affiliates { width: 100%; float: left; padding: 0px 0px 18px 0px; margin: 0px; }
.section_holder35 .readmore_but3 { background-color: #119EE7; }
/*hover styles*/
.section_holder35 .affiliates:hover .icon { color: #119EE7; }
.section_holder35 .affiliates:hover h6 { color: #119EE7; }
/*active styles*/
.section_holder35 .affiliates.active .icon { color: #119EE7; }
.section_holder35 .affiliates.active h6 { color: #119EE7; }
.section_holder35 .affiliates .icon { float: left; padding: 0px; color: #272727; text-align: center; margin: 0 20px 0 0; font-size: 30px; }
.section_holder35 .affiliates .text { width: 70%; float: left; padding: 0px; text-align: left; margin: 0px; }
/*section 36*/
.section_holder36 { width: 100%; float: left; padding: 60px 0 60px 0; margin: 0; background-color: #E1E1E1; }
.section_holder36.two { width: 100%; float: left; padding: 70px 0 70px 0; margin: 0; background-color:fff; }
.section_title_line_full { width: 100%; height: 3px; float: left; padding: 0px; margin: 15px auto 20px; text-align: left; background: url(../images/title_line6.png) 0 0 no-repeat; }
.section_title_line_full.two { background: url(../images/title_line13.png) 0 0 no-repeat; }
.section_holder36 .text_holder { width: 100%; float: left; padding: 30px; margin: 0 0 17px 0; background-color: #FFF; }
.section_holder36 .img_holder { width: 18%; float: left; padding: 0; margin: 0; }
.section_holder36 .text { width: 82%; float: right; padding: 0; margin: 0; }
.section_holder36 .flex-control-nav { width: 13%; position: absolute; bottom: -40px; text-align: center; top: -18%; left: 87%; height: 15px; }
/*section 37*/
.section_holder37 { width: 100%; float: left; padding: 0 0 40px 0; margin: 0; background-color: #E1E1E1; }
/*------------------*/
/* layout3 style
/*------------------------------------------------------*/
/*section 38*/
.section_holder38 { width: 100%; float: left; padding: 70px 0 70px 0; margin: 0; }
.section_holder38 .text_holder { width: 100%; float: left; padding: 10px; margin: 0; background-color: #FFF; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder38 .text_holder .icon { width: 15%; float: left; font-size: 28px; padding: 10px; margin: 0; }
.section_holder38 .text_holder .text { width: 85%; float: right; padding: 10px; margin: 0; }
.section_holder38 .text_holder .icon .arrow { width: 32px; height: 37px; float: left; padding: 0; margin: 10px 0 0 -5px; background: url(../images/site-img73.png) 0 0 no-repeat; }
/*hover styles*/
.section_holder38 .text_holder:hover { background-color: #119EE7; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder38 .text_holder:hover .icon { color: #FFF; }
.section_holder38 .text_holder:hover .text, .section_holder38 .text_holder:hover h4 { color: #FFF; }
.section_holder38 .text_holder:hover .icon .arrow { display: none; }
/*active styles*/
.section_holder38 .text_holder.active { background-color: #119EE7; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder38 .text_holder.active .icon { color: #FFF; }
.section_holder38 .text_holder.active .text, .section_holder38 .text_holder.active h4 { color: #FFF; }
.section_holder38 .text_holder.active .icon .arrow { display: none; }
/*section 39*/
.section_holder39 { width: 100%; float: left; padding: 70px 0 70px 0; margin: 0px; background: url("../images/parallax_bg11.jpg"); background-attachment: fixed; background-origin: initial; background-clip: initial; background-size: cover; background-repeat: no-repeat; background-position: 100% 0; background-position: center; }
.section_holder39 .img { position: relative; width: 48%; float: left; padding: 0; margin: 0px; }
.section_holder39 .offerbadge { position: absolute; width: 90px; height: 90px; float: left; padding: 26px 0 0 0; text-align: center; color: #FFF; line-height: 16px; margin: 0px; background: url(../images/site-img77.png) 0 0 no-repeat; z-index: 2; }
.section_holder39 .offerbadge2 { position: absolute; width: 90px; height: 90px; float: left; padding: 15px 0 0 0; text-align: center; color: #FFF; margin: 0px; background: url(../images/site-img76.png) 0 0 no-repeat; z-index: 2; }
.section_holder39 .offerbadge2 span { font-size: 18px; font-weight: 600; }
.section_holder39 .offerbadge span { font-size: 18px; font-weight: 600; }
.section_holder39 .text { position: relative; width: 52%; float: left; padding: 0; margin: 0px; }
.section_holder39 .text .big { font-size: 50px; color: #FFF; font-weight: 600; float: left; text-transform: uppercase; padding: 0 0 20px 0; line-height: 40px; margin: 0px; }
.section_holder39 .text .big .hili { color: #119EE7; }
/*get a website section right*/
.section_holder39 .img_right { position: relative; width: 52%; float: right; text-align: right; padding: 0; margin: 0px; }
.section_holder39 .text_left { position: relative; width: 48%; float: left; padding: 0; margin: 0px; }
.section_holder39 .text_left ul.list { width: 100%; float: left; padding: 0 0 25px 0; margin: 0px; }
.section_holder39 .text_left .list li { padding: 0 0 4px 0; margin: 0px; color: #FFF; }
.section_holder39 .text_left .list li i { padding-right: 6px; }
/*section 40*/
.section_holder40 { width: 100%; float: left; padding: 70px 0 70px 0; margin: 0px; background: url("../images/parallax_bg12.jpg"); background-attachment: fixed; background-origin: initial; background-clip: initial; background-size: cover; background-repeat: no-repeat; background-position: 100% 0; background-position: center; }
.section_holder40 .services_box { width: 270px; float: left; padding: 15px; margin: 0 20px 20px 0; background-color: #FFF; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder40 .services_box.last { margin: 0 0 20px 0; }
.section_holder40 .services_box.nomargin { margin: 0 20px 0 0; }
.section_holder40 .services_box .icon { width: 20%; float: left; padding: 0; font-size: 30px; color: #8D8D8D; margin: 0px; }
.section_holder40 .services_box .text { width: 80%; float: left; padding: 0; margin: 0px; }
/*hover styles*/
.section_holder40 .services_box:hover { background-color: #119EE7; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder40 .services_box:hover h6 { color: #FFF; }
.section_holder40 .services_box:hover p { color: #FFF; }
.section_holder40 .services_box:hover .icon { color: #FFF; }
/*active styles*/
.section_holder40 .services_box.active { background-color: #119EE7; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder40 .services_box.active h6 { color: #FFF; }
.section_holder40 .services_box.active p { color: #FFF; }
.section_holder40 .services_box.active .icon { color: #FFF; }
/*right section why HostGrid*/
.section_holder40 .list_holder { width: 100%; padding: 0px; margin: 0 0 25px 0; float: left; }
.section_holder40 .list_holder.last { margin: 0 0 0 0; }
.section_holder40 .list_holder .icon_holder { width: 22%; padding: 0px; margin: 0px; float: left; }
.section_holder40 .list_holder .img { width: 110px; height: 110px; padding: 0px; margin: 0px; float: left; border-radius: 100%; background: url(../images/site-img78.jpg) 0 0 no-repeat; }
.section_holder40 .list_holder .img.two { background: url(../images/site-img79.jpg) 0 0 no-repeat; }
.section_holder40 .list_holder .text { width: 78%; padding: 0px; margin: 0px; float: right; }
.section_holder40 .list_holder:hover .icon { color: #FFF; border: 1px solid #119EE7; background-color: #119EE7; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder40 .list_holder:hover h5 { color: #119EE7; }
.section_holder40 .list_holder.active .icon { color: #FFF; border: 1px solid #119EE7; background-color: #119EE7; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.section_holder40 .list_holder.active h5 { color: #119EE7; }
/*section 41*/
.section_holder41 { width: 100%; float: left; padding: 70px 0 70px 0; margin: 0; }
.section_holder41 .text_holder { width: 99%; float: left; padding: 30px; margin: 0 0 17px 0; border: 1px solid #D9D9D9; background-color: #FFF; }
.section_holder41 .img_holder { width: 18%; float: left; padding: 0; margin: 0; }
.section_holder41 .text { width: 82%; float: right; padding: 0; margin: 0; }
/*get a website section right*/
.section_holder41 .img_right { position: relative; width: 52%; float: right; text-align: right; padding: 0; margin: 0px; }
.section_holder41 .text_left { position: relative; width: 48%; float: left; padding: 0; margin: 0px; }
.section_holder41 .text_left ul.list { width: 100%; float: left; padding: 0 0 25px 0; margin: 0px; }
.section_holder41 .text_left .list li { padding: 0 0 4px 0; margin: 0px; color: #727272; }
.section_holder41 .text_left .list li i { padding-right: 6px; color: #119EE7; }
.section_holder41 .offerbadge2 { position: absolute; width: 90px; height: 90px; float: left; padding: 18px 0 0 0; text-align: center; color: #272727; margin: 0 0 0 30px; line-height: 17px; background: url(../images/site-img76.png) 0 0 no-repeat; z-index: 2; }
.section_holder41 .offerbadge2 span { font-size: 18px; font-weight: 600; }
/*section 42*/
.section_holder42 { width: 100%; float: left; padding: 70px 0 70px 0; margin: 0; }
.section_holder42 .text_holder { width: 100%; float: left; padding: 35px; text-align: center; margin: 0; border: 1px solid #D9D9D9; transition: all 0.3s ease-out; }
.section_holder42 .text_holder .price { font-size: 26px; padding: 0 8px 0 8px; margin: 0; font-weight: 600; color: #119EE7; }
.section_holder42 .bottom_shape { width: 100%; height: 18px; float: left; padding: 0; margin: 5px 0 0 0; background: url(../images/site-img81.png) 0 0 no-repeat; }
/*hover styles*/
.section_holder42 .text_holder:hover { color: #FFF; border: 1px solid #119EE7; background-color: #119EE7; transition: all 0.3s ease-out; }
.section_holder42 .text_holder:hover h4, .section_holder42 .text_holder:hover .price { color: #FFF; }
.section_holder42 .text_holder:hover .readmore_but10 { color: #727272; background-color: #FFF; }
/*active styles*/
.section_holder42 .text_holder.active { color: #FFF; border: 1px solid #119EE7; background-color: #119EE7; }
.section_holder42 .text_holder.active h4, .section_holder42 .text_holder.active .price { color: #FFF; }
.section_holder42 .text_holder.active .readmore_but10 { color: #727272; background-color: #FFF; }
/*section 43*/
.section_holder43 { width: 100%; float: left; padding: 70px 0 70px 0; margin: 0; }
.section_holder43 ol.list_st4 li:before { position: absolute; top: 0px; left: -15px; width: 28px; height: 28px; font-size: 14px; line-height: 30px; text-align: center; color: #F5F5F5; border-radius: 50%; background-color: #119EE7; }
.section_holder43 ol.list_st4 li { margin: 0px; padding: 0 0 10px 20px; min-height: 3em; list-style-type: none; }
.section_holder43 .img_middle { position: relative; padding: 0px; margin: 0px; text-align: center; }
.section_holder43 .img_middle .badge { position: absolute; width: 170px; height: 170px; padding: 0; margin: 0px 0px 0px 158px; float: left; background: url(../images/site-img50.png) 0 0 no-repeat; }
.section_holder43 .img_middle .badge .text { padding: 50px 0px 0px 0px; font-size: 14px; margin: 0px; color: #272727; text-transform: uppercase; }
.section_holder43 .img_middle .badge .text span { padding: 0; font-size: 24px; margin: 0; font-weight: 600; color: #272727; }
.section_holder43 .bottom_shape { width: 100%; height: 18px; float: left; padding: 0; margin: 5px 0 0 0; background: url(../images/site-img81.png) 0 0 no-repeat; }
/*section 44*/
.section_holder44 { width: 100%; float: left; padding: 70px 0 70px 0; margin: 0px; background: url("../images/parallax_bg13.jpg"); background-attachment: fixed; background-origin: initial; background-clip: initial; background-size: cover; background-repeat: no-repeat; background-position: 100% 0; background-position: center; }
.section_holder44 .left_holder { width: 100%; float: left; padding: 20px; margin: 0px; background-color: #272727; }
.section_holder44 .img { position: relative; width: 35%; float: left; padding: 0; margin: 0px; }
.section_holder44 .offerbadge { position: absolute; width: 90px; height: 90px; float: left; padding: 26px 0 0 0; text-align: center; color: #272727; line-height: 16px; margin: 147px 0px 0px 62px; background: url(../images/site-img76.png) 0 0 no-repeat; z-index: 2; }
.section_holder44 .offerbadge span { font-size: 18px; font-weight: 600; }
.section_holder44 .text { position: relative; width: 65%; float: left; padding: 20px 0 0 0; margin: 0px; }
.section_holder44 .text .big { font-size: 50px; color: #FFF; font-weight: 600; float: left; text-transform: uppercase; padding: 0 0 20px 0; line-height: 40px; margin: 0px; }
.section_holder44 .text .big .hili { color: #119EE7; }
.section_holder44 .left_holder .flexslider { margin: 0px 0px -16px 0px; padding: 0px; }
.section_holder44 .list_holder { width: 100%; padding: 0px; margin: 0 0 30px 0; float: left; }
.section_holder44 .list_holder.last { margin: 0 0 0 0; }
.section_holder44 .list_holder .icon_holder { width: 22%; padding: 0px; margin: 0px; float: left; }
.section_holder44 .list_holder .img { width: 110px; height: 110px; padding: 0px; margin: 0px; float: left; border-radius: 100%; background: url(../images/site-img78.jpg) 0 0 no-repeat; }
.section_holder44 .list_holder .img.two { background: url(../images/site-img79.jpg) 0 0 no-repeat; }
.section_holder44 .list_holder .text { width: 78%; padding: 0px; margin: 0px; float: right; }
.section_holder44 .list_holder:hover h5 { color: #119EE7; }
.section_holder44 .list_holder.active h5 { color: #119EE7; }
/*section 45*/
.section_holder45 { width: 100%; float: left; padding: 50px 0 50px 0; margin: 0; background-color: #119EE7; }
/*------------------*/
/* portfolio styles
/*------------------------------------------------------*/
/*portfolio single*/
.portfolio_single { width: 100%; padding: 70px 0 70px 0; float: left; margin: 0px; }
.portfolio_single .title_medium { font-size: 20px; padding: 0 0 25px 0; font-weight: 600; margin: 0px; float: left; }
.portfolio_single .title_medium.two { padding: 40px 0 25px 0; }
.portfolio_single .cont { padding: 0; margin: 0px; float: left; }
.portfolio_single a.add_but { font-size: 14px; padding: 10px 30px; font-weight: normal; color: #FFF; margin: 30px 0 0 0; float: left; border-radius: 2px; background-color: #119EE7; }
.portfolio_single a.add_but i { font-size: 14px; color: #FFF; padding-right: 8px; }
.portfolio_single a.add_but:hover { color: #FFF; background-color: #161616; }
.portfolio_single .project_info { width: 100%; padding: 0px; margin: 0px; float: left; }
.portfolio_single .project_info span { width: 100%; padding: 10px 0; margin: 0px; float: left; border-bottom: 1px solid #D9D9D9; }
.portfolio_single .project_info span.last { border-bottom: none; }
.portfolio_single .project_info span .left { width: 40%; padding: 0px; margin: 0px; float: left; }
.portfolio_single .project_info span .left span { padding: 0px; margin: 0px; border-bottom: none; float: left; }
.portfolio_single .project_info span .right { width: 60%; padding: 0px; margin: 0px; float: right; }
.portfolio_single .project_info span .right span { padding: 0px; margin: 0px; border-bottom: none; float: left; }
/*sidebar social icons*/
.sidebar_social_icons { width: 100%; padding: 0px; margin: 25px 0 0 0; float: left; }
.sidebar_social_icons ul.social_icons { padding: 0px; margin: 0px; float: left; }
.sidebar_social_icons .social_icons li { padding: 0px; margin-right: 5px; float: left; display: inline; }
.sidebar_social_icons .social_icons li a { width: 45px; height: 45px; padding: 0px; margin: 0px; float: left; color: #161616; display: inline; text-align: center; background-color: #FFF; border: 1px solid #D9D9D9; }
.sidebar_social_icons .social_icons li a:hover { color: #FFF; background-color: #119EE7; border: 1px solid #119EE7; }
.sidebar_social_icons .social_icons li a:hover i { color: #FFF; }
.sidebar_social_icons .social_icons li a i { color: #161616; font-size: 18px; line-height: 45px; }
/*tags*/
.portfolio_single .project_info span .right ul.tags { width: 100%; padding: 0px; float: left; margin: 0px; }
.portfolio_single .project_info span .right .tags li { padding: 0px; float: left; margin: 0px; }
.portfolio_single .project_info span .right .tags li a { float: left; padding: 5px 12px; margin: 0px 6px 6px 0px; color: #FFF; background-color: #119EE7; border-radius: 2px; }
.portfolio_single .project_info span .right .tags li a:hover { color: #FFF; background-color: #161616; }
/*------------------*/
/* element styles
/*------------------------------------------------------*/
/*------------------*/
/*image hovers */
/*------------------------------------------------------*/
/*style1*/
.img_ho_st_holder { position: relative; width: 100%; padding: 20px; margin: 0px; float: left; border: 1px solid #E1E1E1; }
.img_ho_st_title { font: 24px open-sans, sans-serif; padding: 0 0 20px 0; display: block; width: 100%; margin: 0px; font-weight: 300; color: #161616; float: left; }
.img_ho_st1 { position: relative; width: 100%; height: 220px; padding: 0px; margin: 0px; float: left; overflow: hidden; }
.img_ho_st1 .text { position: absolute; padding: 0px; margin: 0px; float: left; width: 100%; height: 220px; left: 0px; top: 0px; z-index: 10; background-color: #119EE7; transition: left 0.3s ease-in-out; }
.img_ho_st1 .text.red { background-color: #FC4242; }
.img_ho_st1 .text.green { background-color: #3FC35F; }
.img_ho_st1 .text.violet { background-color: #B460E4; }
.img_ho_st1 .imgbox { position: absolute; padding: 0px; margin: 0px; float: left; width: 100%; height: 220px; left: 0px; top: 0px; z-index: 100; transition: top 0.3s ease-in-out; }
.img_ho_st1 .text .title { color: #FFF; margin: 15px 0 0 19px; }
.img_ho_st1 .text p { color: #FFF; font-weight: normal; margin: 5px 15px 0 19px; }
.img_ho_st1 .text a { color: #FFF; margin: 15px 15px 0 19px; }
.img_ho_st1 .text a:hover { color: #161616; }
.img_ho_st1:hover .imgbox { position: absolute; top: 220px; transition: top 0.3s ease-in-out; }
/*style 2*/
.img_ho_st2 { opacity: 1; width: 100%; height: 220px; margin: 0px; position: relative; left: 0px; top: 0px; margin: 0px; overflow: hidden; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -ms-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity 0.25s ease-in-out; }
.img_ho_st2 .imgbox { padding: 0px; margin: 0px; float: left; width: 100%; height: 220px; }
.img_ho_st2 .text { position: absolute; background: #000; width: 100%; height: 220px; text-align: center; color: #FFF; top: 0; left: 0; opacity: 0; -webkit-transition: opacity .50s ease-in-out; -moz-transition: opacity .50s ease-in-out; -ms-transition: opacity .50s ease-in-out; -o-transition: opacity .50s ease-in-out; transition: opacity 0.50s ease-in-out; }
.img_ho_st2 .text:hover { opacity: 1; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -ms-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity 0.25s ease-in-out; background: url(../images/site-img112.png) left top repeat; }
.img_ho_st2 .text a.hov_circle { position: absolute; width: 50px; height: 50px; left: 63px; top: 0px; padding: 0px; margin: 0px; background-color: #119EE7; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; transition-property: background-color, color; transition: top 0.3s ease-in-out; transition-timing-function: ease-out; }
.img_ho_st2 .text a.hov_circle:hover, .img_ho_st2 .text a.hov_circle.two:hover { background-color: #FFF; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.img_ho_st2 .text a.hov_circle:hover i, .img_ho_st2 .text a.hov_circle.two:hover i { color: #272727; transition-property: color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.img_ho_st2 .text a.hov_circle.two { left: 118px; top: 0px; transition: top 0.5s ease-in-out; background-color: #8DBA13; }
.img_ho_st2 .text a.hov_circle i { color: #FFF; font-size: 20px; text-align: center; line-height: 50px; }
.img_ho_st2 .text:hover .hov_circle { transition: top 0.3s ease-in-out; left: 63px; top: 95px; }
.img_ho_st2 .text:hover .hov_circle.two { transition: top 0.5s ease-in-out; left: 118px; top: 95px; }
/*style 3*/
.img_ho_st3 { opacity: 1; width: 100%; height: 220px; margin: 0px; position: relative; left: 0px; top: 0px; margin: 0px; overflow: hidden; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -ms-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity 0.25s ease-in-out; }
.img_ho_st3 .imgbox { padding: 0px; margin: 0px; float: left; width: 100%; height: 220px; }
.img_ho_st3 .text { width: 100%; height: 220px; position: absolute; background: #000; color: #FFF; top: 0; left: 0; opacity: 0; overflow: hidden; -webkit-transition: opacity .50s ease-in-out; -moz-transition: opacity .50s ease-in-out; -ms-transition: opacity .50s ease-in-out; -o-transition: opacity .50s ease-in-out; transition: opacity 0.50s ease-in-out; }
.img_ho_st3 .text:hover { opacity: 1; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -ms-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity 0.25s ease-in-out; background: url(../images/site-img112.png) left top repeat; }
.img_ho_st3 .text h3 { position: absolute; color: #FFF; font-size: 16px; font-weight: 600; left: 5px; top: 220px; margin: 15px 0 0 19px; transition: top 0.4s ease-in-out; }
.img_ho_st3 .text p { position: absolute; color: #FFF; font-size: 14px; font-weight: normal; left: 5px; line-height: 18px; top: 255px; text-align: left; margin: 15px 0 0 19px; transition: top 0.6s ease-in-out; }
.img_ho_st3 .text a { position: absolute; font-weight: normal; left: 0px; top: 320px; text-align: left; margin: 0px 0 0 19px; transition: top 0.7s ease-in-out; overflow: hidden; }
.img_ho_st3 .text:hover h3 { position: absolute; left: 5px; top: 20px; transition: top 0.4s ease-in-out; }
.img_ho_st3 .text:hover p { position: absolute; left: 5px; top: 50px; transition: top 0.6s ease-in-out; }
.img_ho_st3 .text:hover a { position: absolute; left: 0px; top: 136px; transition: top 0.7s ease-in-out; }
/*style 4*/
.img_ho_st4 { position: relative; width: 100%; height: 220px; padding: 0px; margin: 0px; float: left; overflow: hidden; }
.img_ho_st4 .imgbox { padding: 0px; margin: 0px; float: left; width: 100%; height: 220px; }
.img_ho_st4 .text { position: absolute; padding: 0px; margin: 0px; float: left; width: 100%; height: 220px; left: 0px; top: 165px; z-index: 100; background: url(../images/site-img175.png) left top repeat; transition: top 0.3s ease-in-out; }
.img_ho_st4 .text h3 { color: #FFF; font-size: 16px; font-weight: 600; margin: 15px 0 0 19px; }
.img_ho_st4 .text p { color: #FFF; font-weight: normal; margin: 5px 15px 0 19px; }
.img_ho_st4 .text a { margin: 8px 15px 0 19px; }
.img_ho_st4:hover .text { position: absolute; top: 20px; transition: top 0.3s ease-in-out; }
.imghover_sec4 .container { border-top: 1px solid #E1E1E1; padding-top: 50px; }
/*style 5*/
.img_ho_st5 { position: relative; width: 100%; height: 220px; padding: 0px; margin: 0px; float: left; overflow: hidden; }
.img_ho_st5 .imgbox { padding: 0px; margin: 0px; float: left; width: 100%; height: 220px; }
.img_ho_st5 .text { position: absolute; padding: 0px; margin: 0px; float: left; width: 100%; height: 220px; left: -270px; top: 0px; z-index: 100; transition: left 0.5s ease-in-out; background: url(../images/site-img175.png) left top repeat; }
.img_ho_st5 .text h3 { color: #FFF; font-size: 16px; font-weight: 600; margin: 15px 0 0 19px; }
.img_ho_st5 .text p { color: #FFF; font-weight: normal; margin: 5px 15px 0 19px; }
.img_ho_st5 .text a { margin: 8px 15px 0 19px; }
.img_ho_st5:hover .text { position: absolute; left: 0px; transition: left 0.5s ease-in-out; }
/*style 6*/
.img_ho_st6 { position: relative; width: 100%; height: 220px; padding: 0px; margin: 0px; float: left; overflow: hidden; }
.img_ho_st6 .imgbox { padding: 0px; margin: 0px; float: left; width: 100%; height: 220px; }
.img_ho_st6 .text { position: absolute; padding: 0px; margin: 0px; float: left; width: 100%; height: 220px; left: 0px; top: 220px; z-index: 100; transition: top 0.3s ease-in-out; background: url(../images/site-img175.png) left top repeat; }
.img_ho_st6 .text h3 { color: #FFF; font-size: 16px; font-weight: 600; margin: 15px 0 0 19px; }
.img_ho_st6 .text p { color: #FFF; font-weight: normal; margin: 5px 15px 0 19px; }
.img_ho_st6 .text a.readmore_small { margin: 10px 0px 0 18px; padding: 4px 15px; }
.img_ho_st6 .text a.readmore_small.green { margin: 10px 0px 0 5px; }
.img_ho_st6:hover .text { position: absolute; top: 170px; transition: top 0.3s ease-in-out; }
/*------------------*/
/*button styles */
/*------------------------------------------------------*/
a.but_st1 { padding: 0px; margin: 0px 10px 10px 0px; float: left; border-radius: 2px; color: #FFF; text-transform: uppercase; text-decoration: none; background-color: #FDCE16; }
/*large styles*/
a.but_st1.large { font-size: 20px; padding: 20px 50px; }
a.but_st1.large.yellow { background-color: #FDCE16; }
a.but_st1.large.yellow:hover { background-color: #161616; }
a.but_st1.large.red { background-color: #FC4242; }
a.but_st1.large.red:hover { background-color: #161616; }
a.but_st1.large.blue { background-color: #13BFFF; }
a.but_st1.large.blue:hover { background-color: #161616; }
a.but_st1.large.lightgreen { background-color: #A5D549; }
a.but_st1.large.lightgreen:hover { background-color: #161616; }
a.but_st1.large.violet { background-color: #C762CB; }
a.but_st1.large.violet:hover { background-color: #161616; }
a.but_st1.large.green { background-color: #3FC35F; }
a.but_st1.large.green:hover { background-color: #161616; }
a.but_st1.large.pink { background-color: #FC5EAC; }
a.but_st1.large.pink:hover { background-color: #161616; }
a.but_st1.large.orange { background-color: #FF9D12; }
a.but_st1.large.orange:hover { background-color: #161616; }
/*large stroke styles*/
a.but_st1.large { font-size: 20px; padding: 20px 50px; }
a.but_st1.large.two.yellow { border: 2px solid #FDCE16; background-color: #FFF; color: #FDCE16; }
a.but_st1.large.two.yellow:hover { color: #FFF; border: 2px solid #FDCE16; background-color: #FDCE16; }
a.but_st1.large.two.red { border: 2px solid #FC4242; background-color: #FFF; color: #FC4242; }
a.but_st1.large.two.red:hover { color: #FFF; border: 2px solid #FC4242; background-color: #FC4242; }
a.but_st1.large.two.blue { border: 2px solid #13BFFF; background-color: #FFF; color: #13BFFF; }
a.but_st1.large.two.blue:hover { color: #FFF; border: 2px solid #13BFFF; background-color: #13BFFF; }
a.but_st1.large.two.lightgreen { border: 2px solid #A5D549; background-color: #FFF; color: #A5D549; }
a.but_st1.large.two.lightgreen:hover { color: #FFF; border: 2px solid #A5D549; background-color: #A5D549; }
a.but_st1.large.two.violet { border: 2px solid #C762CB; background-color: #FFF; color: #C762CB; }
a.but_st1.large.two.violet:hover { color: #FFF; border: 2px solid #C762CB; background-color: #C762CB; }
a.but_st1.large.two.green { border: 2px solid #3FC35F; background-color: #FFF; color: #3FC35F; }
a.but_st1.large.two.green:hover { color: #FFF; border: 2px solid #3FC35F; background-color: #3FC35F; }
a.but_st1.large.two.pink { border: 2px solid #FC5EAC; background-color: #FFF; color: #FC5EAC; }
a.but_st1.large.two.pink:hover { color: #FFF; border: 2px solid #FC5EAC; background-color: #FC5EAC; }
a.but_st1.large.two.orange { border: 2px solid #FF9D12; background-color: #FFF; color: #FF9D12; }
a.but_st1.large.two.orange:hover { color: #FFF; border: 2px solid #FF9D12; background-color: #FF9D12; }
/*buttons medium styles*/
/*medium styles*/
a.but_st1.medium { font-size: 16px; padding: 15px 35px; }
a.but_st1.medium.yellow { background-color: #FDCE16; }
a.but_st1.medium.yellow:hover { background-color: #161616; }
a.but_st1.medium.red { background-color: #FC4242; }
a.but_st1.medium.red:hover { background-color: #161616; }
a.but_st1.medium.blue { background-color: #13BFFF; }
a.but_st1.medium.blue:hover { background-color: #161616; }
a.but_st1.medium.lightgreen { background-color: #A5D549; }
a.but_st1.medium.lightgreen:hover { background-color: #161616; }
a.but_st1.medium.violet { background-color: #C762CB; }
a.but_st1.medium.violet:hover { background-color: #161616; }
a.but_st1.medium.green { background-color: #3FC35F; }
a.but_st1.medium.green:hover { background-color: #161616; }
a.but_st1.medium.pink { background-color: #FC5EAC; }
a.but_st1.medium.pink:hover { background-color: #161616; }
a.but_st1.medium.orange { background-color: #FF9D12; }
a.but_st1.medium.orange:hover { background-color: #161616; }
/*medium stroke styles*/
a.but_st1.medium.two.yellow { border: 2px solid #FDCE16; background-color: #FFF; color: #FDCE16; }
a.but_st1.medium.two.yellow:hover { color: #FFF; border: 2px solid #FDCE16; background-color: #FDCE16; }
a.but_st1.medium.two.red { border: 2px solid #FC4242; background-color: #FFF; color: #FC4242; }
a.but_st1.medium.two.red:hover { color: #FFF; border: 2px solid #FC4242; background-color: #FC4242; }
a.but_st1.medium.two.blue { border: 2px solid #13BFFF; background-color: #FFF; color: #13BFFF; }
a.but_st1.medium.two.blue:hover { color: #FFF; border: 2px solid #13BFFF; background-color: #13BFFF; }
a.but_st1.medium.two.lightgreen { border: 2px solid #A5D549; background-color: #FFF; color: #A5D549; }
a.but_st1.medium.two.lightgreen:hover { color: #FFF; border: 2px solid #A5D549; background-color: #A5D549; }
a.but_st1.medium.two.violet { border: 2px solid #C762CB; background-color: #FFF; color: #C762CB; }
a.but_st1.medium.two.violet:hover { color: #FFF; border: 2px solid #C762CB; background-color: #C762CB; }
a.but_st1.medium.two.green { border: 2px solid #3FC35F; background-color: #FFF; color: #3FC35F; }
a.but_st1.medium.two.green:hover { color: #FFF; border: 2px solid #3FC35F; background-color: #3FC35F; }
a.but_st1.medium.two.pink { border: 2px solid #FC5EAC; background-color: #FFF; color: #FC5EAC; }
a.but_st1.medium.two.pink:hover { color: #FFF; border: 2px solid #FC5EAC; background-color: #FC5EAC; }
a.but_st1.medium.two.orange { border: 2px solid #FF9D12; background-color: #FFF; color: #FF9D12; }
a.but_st1.medium.two.orange:hover { color: #FFF; border: 2px solid #FF9D12; background-color: #FF9D12; }
/*buttons small styles*/
/*button small styles*/
a.but_st1.small { font-size: 14px; padding: 11px 20px; }
a.but_st1.small.yellow { background-color: #FDCE16; }
a.but_st1.small.yellow:hover { background-color: #161616; }
a.but_st1.small.red { background-color: #FC4242; }
a.but_st1.small.red:hover { background-color: #161616; }
a.but_st1.small.blue { background-color: #13BFFF; }
a.but_st1.small.blue:hover { background-color: #161616; }
a.but_st1.small.lightgreen { background-color: #A5D549; }
a.but_st1.small.lightgreen:hover { background-color: #161616; }
a.but_st1.small.violet { background-color: #C762CB; }
a.but_st1.small.violet:hover { background-color: #161616; }
a.but_st1.small.green { background-color: #3FC35F; }
a.but_st1.small.green:hover { background-color: #161616; }
a.but_st1.small.pink { background-color: #FC5EAC; }
a.but_st1.small.pink:hover { background-color: #161616; }
a.but_st1.small.orange { background-color: #FF9D12; }
a.but_st1.small.orange:hover { background-color: #161616; }
/*small button stroke styles*/
a.but_st1.small.two.yellow { border: 2px solid #FDCE16; background-color: #FFF; color: #FDCE16; }
a.but_st1.small.two.yellow:hover { color: #FFF; border: 2px solid #FDCE16; background-color: #FDCE16; }
a.but_st1.small.two.red { border: 2px solid #FC4242; background-color: #FFF; color: #FC4242; }
a.but_st1.small.two.red:hover { color: #FFF; border: 2px solid #FC4242; background-color: #FC4242; }
a.but_st1.small.two.blue { border: 2px solid #13BFFF; background-color: #FFF; color: #13BFFF; }
a.but_st1.small.two.blue:hover { color: #FFF; border: 2px solid #13BFFF; background-color: #13BFFF; }
a.but_st1.small.two.lightgreen { border: 2px solid #A5D549; background-color: #FFF; color: #A5D549; }
a.but_st1.small.two.lightgreen:hover { color: #FFF; border: 2px solid #A5D549; background-color: #A5D549; }
a.but_st1.small.two.violet { border: 2px solid #C762CB; background-color: #FFF; color: #C762CB; }
a.but_st1.small.two.violet:hover { color: #FFF; border: 2px solid #C762CB; background-color: #C762CB; }
a.but_st1.small.two.green { border: 2px solid #3FC35F; background-color: #FFF; color: #3FC35F; }
a.but_st1.small.two.green:hover { color: #FFF; border: 2px solid #3FC35F; background-color: #3FC35F; }
a.but_st1.small.two.pink { border: 2px solid #FC5EAC; background-color: #FFF; color: #FC5EAC; }
a.but_st1.small.two.pink:hover { color: #FFF; border: 2px solid #FC5EAC; background-color: #FC5EAC; }
a.but_st1.small.two.orange { border: 2px solid #FF9D12; background-color: #FFF; color: #FF9D12; }
a.but_st1.small.two.orange:hover { color: #FFF; border: 2px solid #FF9D12; background-color: #FF9D12; }
/*Full width button styles*/
a.but_fullwidth { padding: 0px; margin: 10px 0px 0px; float: left; width: 100%; height: 65px; text-align: center; line-height: 67px; font-size: 18px; border-radius: 4px; color: #FFF; font-weight: 500; text-transform: uppercase; background-color: #A5D549; }
a.but_fullwidth:hover { color: #FFF; background-color: #161616; }
a.but_fullwidth.two { background-color: #C762CB; }
a.but_fullwidth.two:hover { color: #FFF; background-color: #161616; }
a.but_fullwidth.three { background-color: #13BFFF; }
a.but_fullwidth.three:hover { color: #FFF; background-color: #161616; }
/*------------------*/
/*Call to Action */
/*------------------------------------------------------*/
.call_to_action { width: 100%; float: left; border: 1px solid #E7E7E7; border-radius: 4px; padding: 25px 25px; margin: 0 0 15px 0; }
.call_to_action .left { padding: 0px; margin: 0px; float: left; width: 82%; }
.call_to_action .right { width: 18%; padding: 0px; margin: 0px; float: right; }
.call_to_action a.but_st1.small, .call_to_action a.but_st1.medium, .call_to_action a.but_st1.large { float: right; }
.call_to_action a.but_st1.small { margin-top: 10px; }
.call_to_action a.but_st1.medium { margin-top: 10px; }
.call_to_action p { width: 100%; text-align: left; }
.call_to_action span.title_big { width: 100%; text-align: left; padding: 0px; margin: 0px; line-height: 45px; font-size: 24px; color: #119EE7; }
.call_to_action span.title_big.two { font-size: 18px; line-height: 0px; }
.call_to_action span.title_big.three { font-size: 18px; line-height: 0px; color: #272727; }
.call_to_action span.title_big.four { font-size: 34px; line-height: 50px; color: #272727; }
.call_to_action span.title_big.three strong { color: #FC4242; }
/*------------------*/
/*list styles */
/*------------------------------------------------------*/
/*lists style 1*/
.list_st1 { width: 100%; padding: 0px; margin: 0px 0px 10px 0px; float: left; }
.list_st1 .icon { width: 32px; height: 32px; padding: 0px; margin: 0px 10px 0px 0px; float: left; text-align: center; line-height: 32px; color: #FFF; border-radius: 100%; background-color: #119EE7; }
.list_st1 .text { padding: 5px 0 0 42px; margin: 0px; display: block; }
<!-- list style 2 --> .list_st1.two { width: 100%; padding: 0px; margin: 0px 0px 10px 0px; float: left; }
.list_st1.two .icon { width: 32px; height: 32px; padding: 0px; margin: 0px 10px 0px 0px; float: left; text-align: center; line-height: 32px; color: #119EE7; border-radius: 100%; border: 1px solid #119EE7; background-color: #FFF; }
.list_st1.two .text { padding: 0px 0 0 42px; margin: 0px; display: block; }
/*list style3*/
.list_st3 { width: 100%; padding: 0px; margin: 0px 0px 10px 0px; float: left; }
.list_st3 .icon { width: 18px; height: 18px; padding: 0px; margin: 3px 0px 0px 0px; float: left; font-size: 12px; text-align: center; line-height: 15px; color: #119EE7; border-radius: 100%; border: 1px solid #119EE7; }
.list_st3 .text { padding: 0px 0 0 28px; margin: 0px; display: block; }
/*list style 4*/
ol.list_st4 { list-style-type: none; list-style-type: decimal !ie; /*IE 7- hack*/ margin: 0; margin-left: 18px; padding: 0; counter-reset: li-counter; }
ol.list_st4 li { position: relative; margin: 0px; padding-left: 20px; min-height: 3em; list-style-type: none; }
ol.list_st4 li:before { position: absolute; top: 0; left: -15px; width: 28px; height: 28px; font-size: 14px; line-height: 30px; text-align: center; color: #F5F5F5; border-radius: 50%; background-color: #464646; content: counter(li-counter); counter-increment: li-counter; }
/*list style 5*/
.list_st5 { width: 100%; padding: 0px; margin: 0px 0px 10px 0px; float: left; }
.list_st5.two { padding: 0px 0px 10px 0px; border-bottom: 1px solid #D1D1D1; }
.list_st5.two.last { padding: 0px 0px 10px 0px; border-bottom: none; }
.list_st5 .icon { width: 40px; height: 40px; padding: 0px; margin: 0px 10px 0px 0px; float: left; text-align: center; line-height: 39px; color: #FFF; border-radius: 100%; }
.list_st5 .text { padding: 5px 0 0 42px; margin: 0px; display: block; }
.list_st5 .icon.red { background-color: #FC4242; }
.list_st5 .icon.blue { background-color: #2F92EE; }
.list_st5 .icon.green { background-color: #3FC35F; }
.list_st5 .icon.violet { background-color: #B659FE; }
.list_st5 .icon.orange { background-color: #FF881E; }
/*------------------*/
/*message boxes */
/*------------------------------------------------------*/
/*message boxes*/
.messagebox_title { padding-bottom: 30px; }
.info-box { background-color: #34B0FF; }
.success-box { background-color: #7EBD24; }
.error-box { background-color: #FA482B; }
.download-box { background-color: #F30; }
.warning-box { background-color: #F7C929; }
.mboxes_close { width: 15px; height: 15px; padding: 0px; margin: 0px; float: right; text-align: right; }
.mboxes_close i { color: #FFF; font-size: 16px; font-weight: 500; }
.success-box, .error-box, .warning-box, .info-box span { color: #FFF; font-size: 16px; font-weight: 400; }
.success-box, .error-box, .warning-box, .info-box { padding: 20px; margin-bottom: 30px; border-radius: 4px; }
/*------------------*/
/*pricing tables */
/*------------------------------------------------------*/
/*pricing style 1*/
.price_table_st1 { width: 100%; float: left; padding: 0; margin: 0px; border-radius: 2px; background-color: #FFF; border: 1px solid #D9D9D9; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.price_table_st1_arrow_down { position: absolute; margin: 0 0 0 29px; border-left: 95px solid transparent; border-right: 95px solid transparent; border-top: 35px solid #FFF; font-size: 0px; line-height: 0; }
.price_table_st1_arrow_up { position: absolute; margin: -35px 0 0 29px; border-left: 95px solid transparent; border-right: 95px solid transparent; border-bottom: 35px solid #FFF; font-size: 0px; line-height: 0; }
.price_table_st1 .title { width: 100%; font-size: 30px; font-weight: 600; padding: 20px 0 20px 0; color: #161616; text-align: center; margin: 0px 0 10px 0; border-bottom: 1px solid #E6E5E5; }
.price_table_st1 .price { color: #161616; font-size: 45px; font-weight: bold; line-height: 45px; text-align: center; padding: 8px 0px 8px; border-bottom: 1px solid #E6E5E5; }
.price_table_st1 .price sup { font-size: 22px; font-style: normal; }
.price_table_st1 .price i { font-size: 16px; font-style: normal; font-weight: 500; }
.price_table_st1 ul.plan_features { width: 100%; float: left; text-align: center; padding: 0; margin: 0; }
.price_table_st1 ul.plan_features li { width: 70%; color: #727272; text-align: center; padding: 15px 0; margin: 0 auto; border-bottom: 1px solid #E6E5E5; }
.price_table_st1 .plan_info .singup_but { color: #FFF; text-align: center; padding: 8px 30px; margin: 25px 0px 25px 69px; float: left; border-radius: 2px; background-color: #161616; }
.price_table_st1 .plan_info .singup_but:hover { color: #161616; background-color: #FDCE16; }
/*hover styles*/
.price_table_st1:hover { background-color: #161616; border: none; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.price_table_st1:hover .title { color: #FFF; border-bottom: 1px solid #403F3F; }
.price_table_st1:hover .price { color: #FFF; border-bottom: 1px solid #403F3F; }
.price_table_st1:hover .plan_features li { color: #727272; border-bottom: 1px solid #403F3F; }
.price_table_st1:hover .singup_but { color: #161616; background-color: #FDCE16; }
.price_table_st1:hover .price_table_st1_arrow_up { border-bottom: 35px solid #161616; }
.price_table_st1:hover .price_table_st1_arrow_down { border-top: 35px solid #161616; }
/*active styles*/
.price_table_st1.active { background-color: #161616; border: none; }
.price_table_st1.active .title { color: #FFF; border-bottom: 1px solid #403F3F; }
.price_table_st1.active .price { color: #FFF; border-bottom: 1px solid #403F3F; }
.price_table_st1.active .plan_features li { color: #727272; border-bottom: 1px solid #403F3F; }
.price_table_st1.active .singup_but { color: #161616; background-color: #FDCE16; }
.price_table_st1.active .price_table_st1_arrow_up { border-bottom: 35px solid #161616; }
.price_table_st1.active .price_table_st1_arrow_down { border-top: 35px solid #161616; }
/*pricing style 2*/
.price_table_st2 { position: relative; width: 390px; float: left; padding: 0; margin: 0px; background-color: #161616; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.price_table_st2.active { background-color: #FDCE16; }
.price_table_st2 .top_shape { width: 390px; height: 57px; float: left; padding: 0; margin: 0px; background: url(../images/site-img27.png) center top no-repeat; }
.price_table_st2 .bottom_shape { width: 390px; height: 57px; float: left; padding: 0; margin: 0px; background: url(../images/site-img26.png) center bottom no-repeat; }
.price_table_st2 .plan_info_outer { width: 100%; float: left; padding: 15px; text-align: center; margin: 0px; }
.price_table_st2 .plan_info { width: 100%; float: left; padding: 0; text-align: center; margin: 0px; border: 1px solid #2D2D2D; }
.price_table_st2 .price_circle { position: absolute; width: 140px; height: 140px; font-size: 40px; padding: 0; color: #FFF; line-height: 130px; text-align: center; margin: -41px 0px 0px 125px; border-radius: 50%; background-color: #4F4F4F; }
.price_table_st2 .plan_info .title { font-size: 40px; font-weight: 400; padding: 0; color: #FFF; text-align: center; margin: 60px 0 10px 0; }
.price_table_st2 .plan_info span { font-family: open-sans, sans-serif; font-size: 14px; font-weight: normal; padding: 0; color: #827C7C; text-align: center; margin: 0 0 0 0; }
.price_table_st2 .plan_info .bottom_line { width: 140px; height: 4px; padding: 0; border-bottom: 1px solid #4F4F4F; border-top: 1px solid #4F4F4F; text-align: center; margin: 18px auto 15px auto; }
.price_table_st2 .plan_info ul.plan_features { width: 100%; float: left; text-align: center; padding: 0; margin: 0; }
.price_table_st2 .plan_info ul.plan_features li { width: 100%; float: left; color: #827C7C; text-align: center; padding: 15px 0; margin: 0; border-bottom: 1px solid #2D2D2D; }
.price_table_st2 .plan_info .singup_but { color: #827C7C; text-align: center; padding: 10px 50px; margin: 40px 0 40px 100px; float: left; border: 1px solid #2D2D2D; }
.price_table_st2 .plan_info .singup_but:hover { color: #161616; border: 1px solid #FDCE16; background-color: #FDCE16; }
.price_table_st2 .plan_info .singup_but.two { color: #FFF; border: 1px solid #161616; background-color: #161616; }
.price_table_st2 .plan_info .singup_but.two:hover { color: #161616; border: 1px solid #161616; background-color: #FDCE16; }
/*active styles*/
.price_table_st2.active { background-color: #119EE7; }
.price_table_st2.active .singup_but { background-color: #161616; border: 1px solid #161616; color: #FFF; }
.price_table_st2.active .plan_info .title { color: #161616; }
.price_table_st2.active .plan_info span { color: #161616; }
.price_table_st2.active .plan_info ul.plan_features li { border-bottom: 1px solid #FFFFFF; color: #161616; }
.price_table_st2.active .plan_info { border: 1px solid #FFF; }
.price_table_st2.active .price_circle { background-color: #161616; }
/*hover styles*/
.price_table_st2:hover { background-color: #119EE7; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.price_table_st2:hover .singup_but { background-color: #161616; border: 1px solid #161616; color: #FFF; }
.price_table_st2:hover .plan_info .title { color: #161616; }
.price_table_st2:hover .plan_info span { color: #161616; }
.price_table_st2:hover .plan_info ul.plan_features li { border-bottom: 1px solid #FFFFFF; color: #161616; }
.price_table_st2:hover .plan_info { border: 1px solid #FFF; }
.price_table_st2:hover .price_circle { background-color: #161616; }
/*Typography	*/
/*dropcaps*/
.highlit { font-size: 14px; font-weight: 400; line-height: 10px; padding: 0px; color: #FFF; background-color: #119EE7; }
.highlit2 { color: #FFF; background-color: #A7D02B; }
.highlit3 { color: #FFF; background-color: #FC4242; }
/*------------------*/
/*content boxes */
/*------------------------------------------------------*/
.contbox_st1 { width: 100%; float: left; padding: 25px; margin: 0px; border-radius: 2px; border: 1px solid #E1E1E1; }
.marbottom { margin-bottom: 30px; }
.contbox_st1:hover img { opacity: 0.8; }
/*------------------*/
/*data tables */
/*------------------------------------------------------*/
/* tables */
.table-style { float: left; width: 100%; tab; }
.table-list { padding: 0; border-spacing: 0; float: left; background-color: #FFF; border: 1px solid #DDDDDD; margin-bottom: 20px; width: 100%; }
.table-list th { padding: 18px 10px; color: #FFF; font-weight: 400; font-size: 16px; text-align: center; background-color: #92D102; }
.table-list td { padding: 13px 10px; text-align: center; background-color: #F5F5F5; }
/*
.table-list tr {
	border-bottom: 1px solid #e1e1e1;
}*/
.table-list td.hilit { padding: 13px 10px; text-align: center; background-color: #FFF; }
/*table style 2*/
.table-style { float: left; width: 100%; }
.table-list2 { float: left; background-color: #FFF; margin-bottom: 20px; width: 100%; }
.table-list2 th { padding: 18px 10px; color: #FFF; font-weight: 400; font-size: 16px; text-align: center; background-color: #272727; }
.table-list2 td { padding: 13px 10px; text-align: center; background-color: #F5F5F5; border: 1px solid #E1E1E1; }
.table-list2 tr { border-bottom: 1px solid #E1E1E1; }
.table-list2 td.hilit { padding: 13px 10px; text-align: center; background-color: #FFF; }
.table-list2 tr:hover td { background-color: #119EE7; color: #FFF; }
/* tables */
.table-style { float: left; width: 100%; tab; }
.table-list3 { padding: 0; border-spacing: 0; float: left; background-color: #FFF; border: 1px solid #E4E4E4; width: 100%; }
.table-list3 th { padding: 18px 10px; color: #FFF; font-weight: 600; font-size: 16px; text-align: center; background-color: #119EE7; }
.table-list3 td { padding: 13px 10px; text-align: center; height: 80px; font-size: 15px; line-height: 60px; background-color: #F2F2F2; }
.table-list3 td a { padding: 8px 30px; text-align: center; font-size: 15px; margin: 0px; color: #FFF; line-height: 60px; background-color: #C9C9C9; }
.table-list3 td a:hover { background-color: #B0B0B0; }
.table-list3 td.hilit { padding: 13px 10px; text-align: center; background-color: #FFF; }
/* tables style4 */
.table-style { float: left; width: 100%; tab; }
.table-list4 { padding: 0; border-spacing: 0; float: left; background-color: #FFF; border: 1px solid #E4E4E4; width: 100%; }
.table-list4 th { padding: 25px 10px; color: #FFF; font-weight: 600; font-size: 16px; text-align: center; background-color: #161616; }
.table-list4 td { padding: 13px 10px; text-align: center; height: 80px; font-size: 15px; line-height: 60px; background-color: #F2F2F2; }
.table-list4 td a { padding: 8px 30px; text-align: center; font-size: 15px; margin: 0px; color: #FFF; line-height: 20px; background-color: #119EE7; }
.table-list4 td a:hover { background-color: #B0B0B0; }
.table-list4 td.hilit { padding: 13px 10px; text-align: center; background-color: #FFF; }
.table-list4 td.hilit span { display: block; padding: 0px; margin: 0px; height: 32px; }
.table-list4 td.hilit2 { padding: 13px 10px; text-align: center; background-color: #F2F2F2; }
.table-list4 td.hilit2 span { display: block; padding: 0px; margin: 0px; height: 32px; }
/*------------------*/
/*social icon styles */
/*------------------------------------------------------*/
ul.social_icon_st1 { width: 100%; padding: 0px; margin: 0px; float: left; }
ul.social_icon_st1 li { padding: 0px; margin: 0px; float: left; text-align: center; }
ul.social_icon_st1 li a { width: 40px; height: 40px; padding: 0px; margin: 0 5px 5px 0; text-align: center; font-size: 16px; color: #FFF; line-height: 39px; float: left; background-color: #92D102; }
ul.social_icon_st1 li a:hover { color: #FFF; background-color: #161616; }
/*style 2*/
ul.social_icon_st2 { width: 100%; padding: 0px; margin: 0px; float: left; }
ul.social_icon_st2 li { padding: 0px; margin: 0px; float: left; text-align: center; }
ul.social_icon_st2 li a { width: 40px; height: 40px; padding: 0px; margin: 0 5px 5px 0; text-align: center; font-size: 16px; color: #161616; line-height: 39px; float: left; border: 1px solid #D9D9D9; background-color: #FFF; }
ul.social_icon_st2 li a:hover { color: #FFF; background-color: #161616; }
/*style 3*/
ul.social_icon_st3 { width: 100%; padding: 0px; margin: 0px; float: left; }
ul.social_icon_st3 li { padding: 0px; margin: 0px; float: left; text-align: center; }
ul.social_icon_st3 li a { width: 40px; height: 40px; padding: 0px; margin: 0 5px 5px 0; text-align: center; font-size: 16px; color: #FFF; line-height: 39px; float: left; border-radius: 100%; background-color: #FC4242; }
ul.social_icon_st3 li a:hover { color: #FFF; background-color: #161616; }
/*style 4*/
ul.social_icon_st4 { width: 100%; padding: 0px; margin: 0px; float: left; }
ul.social_icon_st4 li { padding: 0px; margin: 0px; float: left; text-align: center; }
ul.social_icon_st4 li a { width: 40px; height: 40px; padding: 0px; margin: 0 5px 5px 0; text-align: center; font-size: 16px; color: #161616; line-height: 39px; float: left; border-radius: 100%; background-color: #FFF; border: 1px solid #D9D9D9; }
ul.social_icon_st4 li a:hover { color: #FFF; border: 1px solid #161616; background-color: #161616; }
/*style5*/
ul.social_icon_st5 { padding: 0px; margin: 0px; float: left; }
.social_icon_st5 li { padding: 0px; margin-right: 5px; float: left; display: inline; }
.social_icon_st5 li a { width: 45px; height: 45px; padding: 0px; float: left; color: #FFF; margin: 0 0 5px 0; font-size: 18px; line-height: 43px; display: inline; text-align: center; background-color: #119EE7; }
.social_icon_st5 li a i { color: #FFF; font-size: 16px; line-height: 30px; }
.social_icon_st5 li a.twitter { background-color: #46C0FF; }
.social_icon_st5 li a.twitter:hover { background-color: #272727; }
.social_icon_st5 li a.facebook { background-color: #2E68BE; }
.social_icon_st5 li a.facebook:hover { background-color: #272727; }
.social_icon_st5 li a.googleplus { background-color: #E74A35; }
.social_icon_st5 li a.googleplus:hover { background-color: #272727; }
.social_icon_st5 li a.in { background-color: #097FC3; }
.social_icon_st5 li a.in:hover { background-color: #272727; }
.social_icon_st5 li a.dribble { background-color: #F44193; }
.social_icon_st5 li a.dribble:hover { background-color: #272727; }
/*style6*/
ul.social_icon_st6 { padding: 0px; margin: 0px; float: left; }
.social_icon_st6 li { padding: 0px; margin-right: 5px; float: left; display: inline; }
.social_icon_st6 li a { width: 45px; height: 45px; padding: 0px; margin: 0 0 5px 0; float: left; color: #FFF; font-size: 18px; line-height: 43px; display: inline; text-align: center; border-radius: 100%; background-color: #119EE7; }
.social_icon_st6 li a i { color: #FFF; font-size: 16px; line-height: 30px; }
.social_icon_st6 li a.twitter { background-color: #46C0FF; }
.social_icon_st6 li a.twitter:hover { background-color: #272727; }
.social_icon_st6 li a.facebook { background-color: #2E68BE; }
.social_icon_st6 li a.facebook:hover { background-color: #272727; }
.social_icon_st6 li a.googleplus { background-color: #E74A35; }
.social_icon_st6 li a.googleplus:hover { background-color: #272727; }
.social_icon_st6 li a.in { background-color: #097FC3; }
.social_icon_st6 li a.in:hover { background-color: #272727; }
.social_icon_st6 li a.dribble { background-color: #F44193; }
.social_icon_st6 li a.dribble:hover { background-color: #272727; }
/*------------------*/
/*icon boxes */
/*------------------------------------------------------*/
/*icon boxes*/
.icon_boxes_st1 { width: 100%; padding: 15px; margin: 0px; float: left; text-align: center; border-radius: 4px; border: 1px solid #E1E1E1; }
.icon_boxes_st1 i { background-color: #92D102; border: 1px solid #92D102; border-radius: 100%; color: #FFF; font-size: 40px; height: 100px; line-height: 105px; margin-bottom: 20px; text-align: center; vertical-align: middle; width: 100px; }
.icon_boxes_st1 .icon_box_title1 { padding: 0px; margin: 0px; color: #272727; font-size: 20px; margin-bottom: 10px; }
/*icon boxes style2 */
.icon_boxes_st2 { width: 100%; padding: 15px; margin: 0px; float: left; text-align: center; }
.icon_boxes_st2.two { background: none; }
.icon_boxes_st2 i { color: #161616; font-size: 35px; line-height: 105px; margin: 0px; text-align: center; vertical-align: middle; }
.icon_boxes_st2 .icon_box_title1 { padding: 0px; margin: 0px; color: #272727; font-weight: 400; font-size: 24px; text-transform: none; margin-bottom: 10px; }
/*icon boxes style 3*/
ul.icon_boxes_st3 { float: left; width: 100%; padding: 0px; margin: 0px; list-style-type: none; }
.icon_boxes_st3 li { padding: 0px; margin: 0px; }
.icon_boxes_st3 li p { margin-bottom: 20px; }
.icon_boxes_st3 li.icon { float: left; width: 16%; color: #FF9F07; font-size: 35px; padding: 0px; margin: 0px; line-height: 80px; }
.icon_boxes_st3 li.cont { float: left; width: 84%; padding: 0px; margin: 0px; }
/*icon boxes style 5*/
.icon_boxes_st5 { margin: 0px; float: left; width: 100%; text-align: center; }
.icon_boxes_st5 i { background-color: #119EE7; border: 1px solid #119EE7; border-radius: 100%; color: #FFFFFF; font-size: 30px; height: 80px; line-height: 81px; margin-bottom: 20px; text-align: center; vertical-align: middle; width: 80px; }
.icon_boxes_st5:hover i { background-color: #FFF; color: #119EE7; border: 1px solid #119EE7; }
/*------------------*/
/*team member styles */
/*------------------------------------------------------*/
/*team member style 2	*/
.team_st2 { position: relative; width: 100%; height: 400px; padding: 20px; margin: 0px; float: left; overflow: hidden; transition: top 0.3s ease-in-out; }
.teamst2_holder { width: 100%; height: 400px; padding: 0px; margin: 0px; float: left; border: 1px solid #E1E1E1; transition: top 0.3s ease-in-out; }
.team_st2 .imgbox { padding: 0px; margin: 0px; float: left; width: 100%; top: 0px; height: 220px; overflow: hidden; transition: top 0.3s ease-in-out 0s; }
.team_st2 .text { position: absolute; padding: 20px; margin: 0px; float: left; width: 100%; height: 150px; left: 0px; top: 220px; z-index: 100; transition: top 0.3s ease-in-out; background-color: #FFF; border-top: 1px solid #E1E1E1; }
.team_st2:hover .text { position: absolute; top: 150px; transition: top 0.3s ease-in-out; }
.team_st2 strong { font-size: 16px; font-weight: 400; padding: 0px; margin: 15px 0 15px 0; color: #272727; text-align: center; }
.team_st2 .desig { font-size: 14px; font-weight: 400; padding: 0px; margin: 0px; float: left; color: #FDCE16; text-align: left; }
/*team style 1*/
.team_st1 { padding: 0px; margin: 0px; float: left; width: 100%; text-align: center; }
.team_st1 .imgholder { position: relative; padding: 0px; margin-bottom: 20px; float: left; overflow: hidden; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -ms-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity 0.25s ease-in-out; }
.team_st1 .teamst1_imgholder { width: 250px; height: 250px; float: left; padding: 15px; margin: 0px; border: 1px solid #E1E1E1; border-radius: 50%; }
.team_st1 .imgholder .hoverbox { position: absolute; padding: 0px; margin: 0px; float: left; width: 210px; height: 210px; left: 19px; top: 22px; opacity: 0; background-color: #000; border-radius: 50%; transition: top 0.3s ease-in-out; z-index: 2; -webkit-transition: opacity .50s ease-in-out; -moz-transition: opacity .50s ease-in-out; -ms-transition: opacity .50s ease-in-out; -o-transition: opacity .50s ease-in-out; transition: opacity 0.50s ease-in-out; }
.team_st1 .imgholder:hover .hoverbox { opacity: 1; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -ms-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity 0.25s ease-in-out; background: url(../images/site-img175.png) left top repeat; }
.team_st1 .imgholder .hoverbox a { position: absolute; left: 47px; top: 112px; background-color: #F30; padding: 10px; margin-right: 5px; transition: top 0.5s ease-in-out; }
.team_st1 .imgholder a.hov_circle { position: absolute; width: 50px; height: 50px; left: 87px; top: 87px; padding: 0px; margin: 0px; background-color: #FFF; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; transition-property: background-color, color; transition: top 0.3s ease-in-out; transition-timing-function: ease-out; vertical-align: middle; }
.team_st1 .imgholder a.hov_circle i { color: #272727; font-size: 20px; text-align: center; line-height: 50px; }
.team_st1 .imgholder a.hov_circle:hover { background-color: #1197EE; }
.team_st1 .imgholder a.hov_circle:hover i { color: #FFF; }
.team_st1 strong { font-size: 16px; font-weight: 400; padding: 0px; margin: 0px; color: #272727; text-align: center; }
.team_st1 .desig { font-size: 14px; font-weight: 400; padding: 0px; margin: 0px; color: #727272; text-align: center; }
.team_st1 p { font-size: 14px; font-weight: normal; padding-top: 10px; margin: 0px; color: #727272; text-align: center; }
.team_st1 ul.social_icon_st4 { margin-left: 39px; }
/*------------------*/
/*latest posts elements styles */
/*------------------------------------------------------*/
/*posts styles 5*/
.latest_post_st5 { margin: 0px; padding: 0px; float: left; }
.latest_post_st5 .imgholder { margin: 0px 0px 25px 0px; padding: 0px; float: left; }
.latest_post_st5 .imgholder:hover { opacity: 0.8; }
.latest_post_st5 .imgholder.port { margin: 0px 0px 25px 0px; padding: 0px; float: left; }
.latest_post_st5 .infoholder { margin: 0px 0px 20px 0px; padding: 0px; float: left; }
.latest_post_st5 .info { font-size: 14px; color: #727272; margin: 0px 15px 0px 0px; display: block; font-weight: normal; padding: 0px; float: left; }
/*latest posts style 3*/
.latest_post_st3 { padding: 15px; margin: 0px; float: left; border: 1px solid #E1E1E1; }
.latest_post_st3:hover img { opacity: 0.8; }
.latest_post_st3_imgholder { padding: 0px; margin: 0px; float: left; }
.latest_post_st3_txtholder { padding: 0px; margin: 0px; float: left; }
.latest_post_st3_txt { padding: 0px; margin: 0px; float: left; }
.latest_post_st3_info { padding: 0px; margin: 0px; display: block; float: left; font-size: 13px; }
.latest_post_st3_info .paddright { padding-right: 10px; }
.latest_post_st3_info span i { padding: 0px; margin: 0px; color: #727272; font-size: 13px; }
/*------------------*/
/*dividers styles */
/*------------------------------------------------------*/
/*divider lines*/
.divider_line_small { width: 12%; margin: 0 auto 65px auto; height: 25px; border-top: 1px solid #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.divider_line_small.two { width: 12%; margin: 0 auto 0 0; height: 25px; float: left; border-top: 1px solid #000; }
.divider_line_small.three { width: 49%; margin: 0 auto 0 0; height: 25px; float: left; border-top: 1px solid #000; }
.divider_line_small.four { margin: 0 auto 25px auto; }
.divider_line_small_white { width: 12%; margin: 0 auto 80px auto; height: 25px; border-top: 1px solid #FFF; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.divider_line_small_white.two { position: absolute; width: 12%; margin: 0 auto 80px 482px; height: 25px; padding: 0px; border-top: 1px solid #FFF; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.8; }
.divider_line_small_white.three { margin: 0 auto 50px 482px; }
.divider_line1 { float: left; width: 100%; padding-top: 0px; margin-bottom: 0px; border-bottom: 1px solid #E5E5E5; }
.divider_dashed2 { float: left; width: 100%; margin: 59px 0px; border-top: 1px dotted #D7D7D7; }
.divider_dashed3 { float: left; width: 100%; height: 5px; margin: 10px 0px 59px 0px; border-top: 1px dashed #D7D7D7; border-bottom: 1px dashed #D7D7D7; }
.divider_dashed4 { float: left; width: 100%; margin: 15px 0px 59px 0px; border-top: 1px dashed #D7D7D7; }
.divider_dashed5 { float: left; width: 100%; height: 5px; margin: 20px 0px 59px 0px; border-top: 2px solid #D7D7D7; }
.divider_dashed6 { float: left; width: 100%; height: 5px; margin: 20px 0px 59px 0px; border-top: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; }
.divider_dashed7 { float: left; width: 100%; margin: 50px 0px 0px 0px; border-top: 1px dotted #D7D7D7; }
.divider_dashed8 { float: left; width: 100%; margin: 53px 0px 45px 0px; border-top: 1px dotted #D7D7D7; }
.divider_dashed9 { float: left; width: 100%; margin: 40px 0px 48px 0px; border-top: 1px dotted #D7D7D7; }
/*------------------*/
/*widget styles */
/*------------------------------------------------------*/
/*text widget	*/
.text_widget { width: 100%; padding: 30px; margin: 0 0 40px 0; float: left; border: 1px solid #D9D9D9; }
/*posts widget	*/
.posts_widget { width: 100%; padding: 30px; margin: 0 0 40px 0; float: left; border: 1px solid #D9D9D9; }
.posts_widget .left { width: 32%; padding: 0px; margin: 0; float: left; }
.posts_widget .right { width: 68%; padding: 0px; margin: 0; float: right; }
.posts_widget .right .title { padding: 0px; margin: 0; }
.posts_widget .right .title:hover { color: #FDCE16; }
.posts_widget .right .info { font-size: 13px; padding: 0px; margin: 0; }
.posts_widget .right a.more_but { font-size: 14px; padding: 5px 5px; margin: 18px 0 18px 0; float: left; color: #FDCE16; border: 1px solid #FDCE16; }
.posts_widget .right a.more_but:hover { color: #161616; background-color: #FDCE16; }
/*portfolio widget	*/
.portfolio_widget { width: 100%; padding: 30px 30px 50px 30px; margin: 0 0 40px 0; float: left; border: 1px solid #D9D9D9; }
/*twitter widget	*/
.twitter_widget { width: 100%; padding: 30px; margin: 0 0 40px 0; float: left; border: 1px solid #D9D9D9; }
.twitter_widget .icon { width: 32px; height: 32px; padding: 0px; font-size: 14px; color: #161616; text-align: center; line-height: 33px; margin: 0 10px 0 0; float: left; border-radius: 100%; background-color: #FDCE16; }
.twitter_widget .title { width: 85%; padding: 5px 0 0 0; margin: 0; float: right; }
.twitter_widget .hilite { color: #FDCE16; }
/*social widget	*/
.social_widget { width: 100%; padding: 30px; margin: 0 0 40px 0; float: left; border: 1px solid #D9D9D9; }
/*testimonials widget	*/
.testimonials_widget { width: 100%; padding: 0px; margin: 0 0 40px 0; float: left; }
.testimonials_widget .box { width: 100%; padding: 30px; margin: 0 0 25px 0; float: left; border: 1px solid #D9D9D9; }
.testimonials_widget .left { width: 30%; padding: 0px; margin: 0; float: left; }
.testimonials_widget .right { width: 70%; padding: 0px; margin: 0; float: left; }
.testimonials_widget .right .name { font-size: 16px; display: block; color: #161616; padding: 0px; margin: 0; }
.testimonials_widget .right .comp { padding: 0px; margin: 0; }
.testimonials_widget .right .comp span { color: #FDCE16; }
.testimonials_widget .arrow_down { position: absolute; margin: 0px 0px 0px 37px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 10px solid #D9D9D9; font-size: 0px; line-height: 0; }
/*flickr widget	*/
.flickr_widget { width: 100%; padding: 30px 30px 17px 30px; margin: 0 0 40px 0; float: left; border: 1px solid #D9D9D9; }
.flickr_widget img { width: 65px; height: 65px; margin-right: 8px; margin-bottom: 8px; border: 0px solid #999 !important; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.flickr_widget img:hover { border: 2px solid #FDCE16 !important; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease-out; }
.logintop { padding: 0px 15px !important; color: #FFF !important; }
.registertop { padding: 0px 15px !important; color: #FFF !important; }
.mid { border: 1px solid #119EE7; padding: 4px 6px; border-radius: 12px; color: #000; position: absolute; margin-left: -28px; background: #FFF; }
<!-- --vps slider plan-----> .cleaner { clear: both; }
.h10 { height: 10px; clear: both; }
#wrapper { margin: 0 auto; padding: 0 10px; width: 960px; }
#main { clear: both; width: 960px; padding: 60px 0 20px; }
#content { float: left; width: 630px; }
.med strong { padding-right: 35px; }
.lar strong { padding-left: 50px; }
#chooseplan { width: 100%; position: relative; }
#chooseplan .sb { width: 20%; float: left; }
#chooseplan .lb { width: 30%; float: left; }
#chooseplan h2 { text-shadow: 1px 1px black; color: white; font-size: 42px; }
#chooseplan p { /*font-family: droid sans;*/ font-size: 16px; color: white; }
#chooseplan a { /*font-family: droid sans;*/ font-size: 30px; text-decoration: none; color: white; text-align: center; }
#chooseplan input { /*font-family: droid sans;*/ background-color: transparent; border: 0; font-size: 28px; color: white; width: 120px; }
#chooseplan label { /*font-family: droid sans;*/ font-size: 18px; color: #FFF; }
.cent { width: 20%; float: none; padding: 10px 12px 6px 11px; }
#chooseplan .box { width: 32%; height: 45px; padding: 10px 10px 10px 10px; position: relative; background-color: #119EE7; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-right: 5px; margin-left: 5px; margin-top: 3px; float: left; }
#chooseplan .orderbox { width: 20%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-align: center; background: #D89736; background: -moz-linear-gradient(top, #D89736 0%, #F4CA75 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d89736), color-stop(100%, #f4ca75)); background: -webkit-linear-gradient(top, #D89736 0%, #F4CA75 100%); background: -o-linear-gradient(top, #D89736 0%, #F4CA75 100%); background: -ms-linear-gradient(top, #D89736 0%, #F4CA75 100%); background: linear-gradient(to bottom, #D89736 0%, #F4CA75 100%); height: 40px; padding-top: 7px; }
.fourboxes { width: 100%; float: left; }
.server { width: 180px; float: right; }
.ps_server { width: 84px; height: 130px; margin: auto; background-repeat: no-repeat; background-position: bottom; }
.bkbutton { -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #FFFFFF; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color: #EDEDED; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #DCDCDC; display: inline-block; color: #777777; font-family: arial; font-size: 15px; font-weight: bold; padding: 6px 24px; text-decoration: none; text-shadow: 1px 1px 0px #FFFFFF; }
.bkbutton:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color: #DFDFDF; text-decoration: none; }
.bkbutton:active { position: relative; top: 1px; }
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { min-height: 0; /* support: IE7 */ }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); }
.ui-front { z-index: 100; }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: 0.5em 0.5em 0.5em 0.7em; min-height: 0; /* support: IE7 */ }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: 0.7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: 0.5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; }
.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; }
.ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ }
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only { width: 2.2em; }
/* button elements seem to need a little more width */
button.ui-button-icon-only { width: 2.4em; }
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }
/* button text element */
.ui-button .ui-button-text { display: block; line-height: normal; }
.ui-button-text-only .ui-button-text { padding: 0.4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 0.4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 1em 0.4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 2.1em 0.4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: 0.4em 1em; }
/* button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: 0.5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: 0.5em; }
/* button sets */
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -0.3em; }
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; }
.ui-datepicker { width: 17em; padding: 0.2em 0.2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left: 2px; }
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-datepicker .ui-datepicker-prev-hover { left: 1px; }
.ui-datepicker .ui-datepicker-next-hover { right: 1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; }
.ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0 0 0.4em; }
.ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0 0 0; padding: 0 0.2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em 0.6em; width: auto; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width: auto; }
.ui-datepicker-multi .ui-datepicker-group { float: left; }
.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto 0.4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }
.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }
.ui-dialog { position: absolute; top: 0; left: 0; padding: 0.2em; outline: 0; }
.ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 0.5em 1em; background: none; overflow: auto; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: 0.5em; padding: 0.3em 1em 0.5em 0.4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px 0.4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }
.ui-menu .ui-state-disabled { font-weight: normal; margin: 0.4em 0 0.2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }
/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }
/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: 0.2em; left: 0.2em; }
/* right-aligned */
.ui-menu .ui-menu-icon { position: static; float: right; }
.ui-progressbar { height: 2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; }
.ui-progressbar .ui-progressbar-overlay { background: url("images/animated-overlay.gif"); height: 100%; filter: alpha(opacity=25); opacity: 0.25; }
.ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; }
.ui-resizable { position: relative; }
.ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; }
.ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; background-position: 0 0; }
/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }
.ui-slider-horizontal { height: 0.8em; }
.ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.5em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: 0.8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
.ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: 0.2em 0; vertical-align: middle; margin-left: 0.4em; margin-right: 22px; }
.ui-spinner-button { width: 16px; height: 50%; font-size: 0.5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; }
/* vertical centre icon */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; }
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; }
.ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: 0.2em; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0.2em 0.2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px 0.2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 0.5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #AAA; }
body .ui-tooltip { border-width: 2px; }
/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #AAAAAA; background: #FFFFFF url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #AAAAAA; background: #CCCCCC url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #D3D3D3; background: #E6E6E6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #DADADA url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #AAAAAA; background: #FFFFFF url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #FCEFA1; background: #FBF9EE url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #CD0A0A; background: #FEF1EC url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #CD0A0A; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #CD0A0A; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #CD0A0A; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; filter: Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; filter: Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* For IE8 - See #6059 */ }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; }
.ui-icon, .ui-widget-content .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon { background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon { background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(images/ui-icons_cd0a0a_256x240.png); }
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; }
/* Overlays */
.ui-widget-overlay { background: #AAAAAA url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: 0.3; filter: Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #AAAAAA url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: 0.3; filter: Alpha(Opacity=30); border-radius: 8px; }