/*
Theme Name: OPUS Roller

Adding support for languages written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

https://codex.wordpress.org/Right-to-Left_Language_Support

*/

body {
	direction: rtl;
	unicode-bidi: embed;
}

th {
	text-align: right;
}

/* Accessibility */

.screen-reader-text:focus {
	left: auto;
	right: 5px;
}

/* Typography */
h1,h2,h3,h4,h5,h6,p,span,a,div, button, input, label, textarea, select{
	font-family: 'Open Sans Hebrew', Arial, sans-serif!important;
}
textarea {
	padding-right: 3px;
}

li > ul,
li > ol {
	margin-left: 0;
	margin-right: 1.5em;
}

th:first-child,
td:first-child {
	padding-left: 0.4em;
	padding-right: 0;
}

th:last-child,
td:last-child {
	padding-left: 0;
	padding-right: 0.4em;
}

/* Forms */

input[type="radio"],
input[type="checkbox"] {
	margin-left: 0.5em;
	margin-right: 0;
}

/* Media */

.mejs-offscreen {
	right: -10000px;
}

/* Site Branding */

.custom-logo-link {
	padding-left: 1em;
	padding-right: 0;
}

/* Main Navigation */

.main-navigation ul {
	text-align: right;
}

.main-navigation ul ul {
	padding-left: 0;
	padding-right: 1.5em;
}

.menu-toggle .icon {
	margin-left: 0.5em;
	margin-right: 0;
}

.dropdown-toggle {
	left: -0.5em;
	right: auto;
}

/* Front Page */

.wp-custom-header-video-button {
	left: 30px;
	right: auto;
}

.twentyseventeen-panel .recent-posts .entry-header .edit-link {
	margin-left: 0;
	margin-right: 1em;
}

/* Blog, Archive, Search */

.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
	margin-left: 0;
	margin-right: 1em;
}

.search .page .entry-meta a.post-edit-link {
	margin-right: 0;
}

.sticky .icon-thumb-tack {
	left: auto;
	right: -1.5em;
}

.prev.page-numbers .icon,
.next.page-numbers .icon {
	display: inline-block;
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	transform: rotate(180deg);
}

.prev.page-numbers {
	float: right;
}

.next.page-numbers {
	float: left;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
	margin-left: 0.5em;
	margin-right: 0;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
	margin-left: 0;
	margin-right: 0.5em;
}

/* Blog Entries */

.entry-footer .cat-links,
.entry-footer .tags-links {
	padding-left: 0;
	padding-right: 2.5em;
}

.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
	left: auto;
	margin-left: 0.5em;
	margin-right: 0;
	right: 0;
}

/* Comments */

.comment-body {
	margin-left: 0;
	margin-right: 65px;
}

.comment-reply-link .icon {
	left: auto;
	right: -2em;
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.comment-author .avatar {
	left: auto;
	right: -65px;
}

.comment-reply-link:before {
	left: auto;
	right: -2em;
}

.children .comment-author .avatar {
	left: auto;
	right: -45px;
}

.form-submit {
	text-align: left;
}

/* Post Formats */

.format-quote blockquote .icon {
	left: auto;
	right: -1.25em;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

/* Post Navigation */

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper,
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
	display: inline-block;
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	transform: rotate(180deg);
}

/* Widgets */

.widget ul {
	margin: 0;
}

.search-form .search-submit {
	left: 3px;
	right: auto;
}

.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
	float: right;
	margin: 4px 0 0 4px !important; /* !important to override inline styles */
}

.widget ul li li {
	padding-left: 0;
	padding-right: 1.5rem;
}

/* Footer */

.social-navigation a {
	margin-left: 1em;
	margin-right: 0;
}

/* Customizer styles */

.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
	left: 3.2em;
	right: auto;
}

/* Gallery Styles */

.gallery-item,
.gallery-caption {
	text-align: right;
}

/* SVG Fallback */

.no-svg .dropdown-toggle {
	left: 0;
	right: auto;
}

/* Media queries */

@media screen and (min-width: 48em) {

	body.page-template-full-width-page #primary {
		float: none;
	}

	.has-sidebar:not(.error404) #primary {
		float: right;
	}

	.has-sidebar #secondary {
		float: left;
	}

	.error404 #primary {
		float: none;
	}

	/* Site Branding */

	.custom-logo-link {
		padding-left: 2em;
		padding-right: 0;
	}

	/* Navigation */

	.main-navigation ul ul {
		padding-right: 0;
	}

	.main-navigation ul ul:before,
	.main-navigation ul ul:after {
		left: 0.5em;
		right: auto;
	}

	.main-navigation ul ul,
	.main-navigation ul ul ul {
		left: auto;
		right: -999em;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: auto;
		right: 100%;
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: auto;
		right: 0.5em;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:before,
	.main-navigation ul li.page_item_has_children:after {
		left: 1em;
		right: auto;
	}

	.main-navigation .menu-item-has-children > a > .icon,
	.main-navigation .page_item_has_children > a > .icon {
		left: auto;
		right: 5px;
	}

	.main-navigation ul ul .menu-item-has-children > a > .icon,
	.main-navigation ul ul .page_item_has_children > a > .icon {
		left: 1em;
		right: auto;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	/* Scroll down arrow */

	.navigation-top .menu-scroll-down {
		left: 0;
		right: auto;
	}

	.site-header .menu-scroll-down {
		left: 0;
		right: auto;
	}

	.entry-title a {
		margin-left: auto;
		margin-right: -2px;
	}

	/* Front Page */

	.page-two-column .panel-content .entry-header {
		float: right;
	}

	.page-two-column .panel-content .entry-content {
		float: left;
	}

	/* Front Page - Recent Posts */

	.page-two-column .panel-content .recent-posts {
		clear: left;
		float: left;
	}

	/* Blog, Archive, Search */

	.sticky .icon-thumb-tack {
		left: auto;
		right: -2.5em;
	}

	body:not(.has-sidebar):not(.page-one-column) .page-header,
	body.has-sidebar.error404 #primary .page-header,
	body.page-two-column:not(.archive) #primary .entry-header,
	body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
		float: right;
	}

	.blog:not(.has-sidebar) #primary article,
	.archive:not(.has-sidebar):not(.page-one-column) #primary article,
	.search:not(.has-sidebar) #primary article,
	.has-sidebar.error404 #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
		float: left;
	}

	.entry-footer .edit-link a.post-edit-link {
		margin-left: 0;
		margin-right: 1em;
	}

	/* Entry content */

	/* with sidebar */

	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: 0;
		width: 34%;
	}

	.has-sidebar #primary .entry-content blockquote.alignright,
	.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
		margin-right: 0;
		width: 34%;
	}

	.has-sidebar #primary .entry-content blockquote.alignleft.below-entry-meta {
		margin-left: -72.5%;
		width: 62%;
	}

	/* blog index and archive */

	.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
	.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
	.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
	.page-two-column .entry-content blockquote.alignleft {
		margin-left: 0;
		width: 34%;
	}

	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.twentyseventeen-front-page.page-two-column #primary .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column #primary .entry-content blockquote.alignright {
		margin-right: -72.5%;
		width: 62%;
	}

	/* Post formats */

	.format-quote blockquote .icon {
		left: auto;
		right: -1.5em;
	}

	.navigation.pagination {
		float: left;
	}

	.has-sidebar .navigation.pagination,
	.archive.page-one-column:not(.has-sidebar) .navigation.pagination {
		float: none;
	}

	.post-navigation .nav-previous {
		float: right;
	}

	.post-navigation .nav-next {
		float: left;
		text-align: left;
	}

	/* Comments */

	ol.children .children {
		padding-left: 0;
		padding-right: 2em;
	}

	/* Post Navigation */

	.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
		left: auto;
		right: -2em;
	}

	.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
		left: -2em;
		right: auto;
	}

	/* Footer */

	.site-footer .widget-column.footer-widget-1 {
		float: right;
	}

	.site-footer .widget-column.footer-widget-2 {
		float: left;
	}

	.social-navigation {
		clear: right;
		float: right;
	}



	.social-navigation + .site-info {
		margin-left: 0;
		margin-right: 6%;
	}
}

@media screen and (min-width: 67em) {

	/* Sticky posts */

	.sticky .icon-thumb-tack {
		left: auto;
		right: -1.25em;
	}
}

@media screen and (min-width: 79em) {

	.has-sidebar #primary .entry-content blockquote.alignright,
	.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
		margin-right: -20%;
	}

	.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
	.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
	.page-two-column .entry-content blockquote.alignleft,
	.twentyseventeen-front-page .entry-content blockquote.alignleft {
		margin-left: -20%;
	}
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9{
	float:right;
}
.head_slot.container .col-md-2 {
    float: left;
}
header#masthead {
    background: #3B3B3B;
}
ul.nav-menu li a{
	color:#FFF;
	font-weight: bold;
}
span.sub{
	opacity:0.6;
	font-weight:normal;
	font-size: 15px;
}
.top_section_pic {
	padding: 25px 0; 
    text-align: center;
}

.top_sec_text .col-md-6 {
    height: 50%;
    padding: 0;
}
.top_sec_text .col-md-6 img {
    max-height: 100%;
}
#top_section > div > div > div:nth-child(1) > img {
    float: right;
}
#top_section > div > div > div:nth-child(2) > img{

}
#top_section > div > div > div:nth-child(3) > img{

}
#top_section > div > div > div:nth-child(4) > img {
    float: left;
    margin-top: -50px;
}
div#mid_section {
    background: #37924A;
    color: #FFF;
    font-size: 23px;
    line-height: 60px;
    width: auto;
}
.container.mid_sec{
	text-align: center;
}
.container.mid_sec a {
    color: #FFF;
    border:1px solid #FFF;
    border-radius: 5px;
    padding: 0px 10px;
    margin-right: 25px;
    box-shadow: none;
}
.container.mid_sec a:hover {
    color: #000;
    border:1px solid #000;
    text-decoration: none;
    box-shadow: none;
}
.container.mid_sec a::after {
    content: '\f104';
    font-family: 'FontAwesome';
    margin-right: 10px
}
div#solutions {
    background: #F7F7F9;
    padding: 35px 0 20px;
}
.solution_item h3 {
    font-size: 18px;
    color: #37924A;
    font-weight: normal!important;
    margin-bottom: 15px!important;
    padding-bottom: 0!important;
}
.solution_item p{
	margin:0;
	margin-bottom: 15px!important;
}
.solution_item.col-md-4.col-xs-12 {
    min-height: 275px;
}
.solution_item .col-md-2 {
    padding: 0 8px;
}
.solutions_title{
	text-align: center;
	padding: 0px 0 15px;
}
.solutions_title h2{
	padding-top: 0!important;
}
.host_item .col-md-4 {
    text-align: center;
}
.host_item h2, .host_item p{
	text-align: center;
	margin-bottom: 0.5em;
}
.border{
	border:1px solid #CCC;
}
.host_item p {
    background: #4CA02B;
    color: #FFF;
    font-size: 20px;
    border-radius: 15px;
    width: 90%;
    margin: 15px auto;
}
.host_item h2 {
    background: #006837;
    padding: 10px 0;
    color: #FFF;
}
span.price {
    font-size: 25px;
    font-weight: bold;
}
.border .row {
    margin: 15px;
    border-bottom: 1px solid #ECECEC;
}
.reader {
    text-align: center;
    margin-bottom: 15px;
}
a.btn_reader{
	background: none;
    color: #4CA02B;
    border: 1px solid #4CA02B;
    border-radius: 5px;
    padding: 0px 10px;
    margin-right: 25px;
    font-family: 'open sans hebrew';
    box-shadow: none;
    transition: 1s all;
}
a.btn_reader:hover{
	background: #4CA02B;
	color: #FFF;
    border: 1px solid #FFF;
    text-decoration: none;
}
#hosters{
	padding:35px 0;
}
.hosters_title{
	text-align: center;
	margin-bottom: 20px;
}
.hosters_title h2, .hosters_title p{
	margin-bottom: 0;
}

div#top_section p {
    margin-bottom: 8px;
    font-size: 20px;
}
#top_section > div.col-md-7 > p > i{
	font-size: 22px;
	color: #37924A;
}
.hoster_name h3 {
    margin-bottom: 0;
}
.hoster_name, .hoster_price{
	text-align: center;
	padding: 5px;
}
div#hostings_mid_sec {
    background: #f5f1ee;
    padding: 45px 0;
}
#slim, #chunky, #fat, #slim-win, #chunky-win, #fat-win, .chunky, .fat, .slim, .slim-win {
    background: #FFF;
    box-shadow: 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
}
#slim .hoster_name, #slim-win .hoster_name,
.slim .hoster_name, .slim-win .hoster_name{
    background: #297862;
}
#slim .hoster_price, #slim-win .hoster_price,
.slim .hoster_price, .slim-win .hoster_price{
	background: #94BCB1;
	color: #297862;
}
#chunky .hoster_name, #chunky-win .hoster_name,
.chunky .hoster_name, .chunky-win .hoster_name{
    background: #3B75A7;
}
#chunky .hoster_price, #chunky-win .hoster_price,
.chunky .hoster_price, .chunky-win .hoster_price{
    background: #9DBAD3;
    color:#3B75A7;
}
#fat .hoster_name, #fat-win .hoster_name,
.fat .hoster_name, .fat-win .hoster_name{
    background: #940025;
}
#fat .hoster_price, #fat-win .hoster_price,
.fat .hoster_price, .fat-win .hoster_price{
    background: #CA8092;
    color:#940025;
}
.hoster_name h3{
	color:#FFF;
}
.hoster_desc {
    color: #FFF;
    opacity: 0.7;
}
.btn-slim, .btn-slim-win{
	background: #297862;
	width: 100%;
	border-radius: 0
}
.btn-chunky, .btn-chunky-win{
	background:#3B75A7;
	width: 100%;
	border-radius: 0
}
.btn-fat, .btn-fat-win{
	background:#940025;
	width: 100%;
	border-radius: 0
}
.hoster_params div {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #F5F1EE;
}
.hoster_params .col-md-4 {
    text-align: center;
}
.packs {
    margin-top: 40px;
}
span.pack_price {
    font-size: 25px;
    font-weight: bold;
}
.hoster_price {
    font-size: 12px;
    margin-bottom: 15px;
}
div#chunky, div#chunky-win {
    margin-top: -25px;
}

img.tabimg {
    max-height: 50px;
}

#hostings_mid_sec > div.container > ul > li > a{
	font-size: 30px;
}
#hostings_mid_sec > div.container > ul > li > a:hover{
	text-decoration: none;
}
#hostings_mid_sec > div.container > ul > li.active {
    background: #FFF;
}

.home .entry-content {
    padding-bottom: 2.5em;
}
footer.entry-footer {
    background: #3B3B3B;
}
footer.entry-footer p{
	margin-bottom: 0;
}
footer#colophon {
    background: #222;
    padding-top: 30px;
}
footer.entry-footer h3 {
    color: #FFF;
    opacity: 0.8;
    text-align: center;
}
.solution_group_item {
    text-align: center;
}
.sol_icon i {
    font-size: 85px;
}
.sol_title {
    font-size: 2em;
    margin-top: 0.2em;
}
div#solutions h2.maint {
    text-align: center;
    color: #37924A;
}
.solution_item.row {
    margin-top: 30px;
    border-bottom: 1px solid #CCC;
    padding-bottom: 15px;
}
.page-template-page-solutions h2 {
    text-align: right;
}
.bolder{
	font-weight: bold;
	font-size: 22px;
}
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }
.solution_group_item a:hover{
    text-decoration: none;
}
h3.os {
    padding-right: 15px;
}
footer#colophon .widget-title {
    color: #FFF;
    font-size: 20px;
    font-weight: normal;
}
h3.footext {
    font-size: 36px;
}
/*--------- CONTACT FORM----------------*/
span.wpcf7-not-valid-tip {

    display: inline;
}

footer .widget-title:after {
    color: transparent;
}
footer section#text-5 {
    width: 100% !important;
}
.input {
    display: inline-block;
    float: right;
    margin: 1em 0 1em 1.3%;
    max-width: 32%;
    position: relative;
    vertical-align: top;
    width: calc(100% - 1em);
    z-index: 1;
    font-size: 17px !important;
    color: #31317f !important;
    font-family: 'Heebo', sans-serif !important;
    line-height: 15px;
}
#wpcf7-f948-o1 > form > p > span.input.msgg.input--chisato {
    margin-bottom: 0;
}

input[type="submit"] {
    background: #4CA02B none repeat scroll 0 0;
    float: right;
    margin: 16px 0.5% 0 0.5%;
    width: 22%;
    color: #FFF !important;
    height: 55px !important;
    font-size: 26px;
    font-weight: bold !important;
    line-height: 10px;
}
input[type="submit"]:hover {
    color: #A7BD75 !important;
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #aaa;
	font-weight: 400;
	font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

span.input.msgg.input--chisato {
    max-width: 75%;
}
.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	width: 40%;
	color: #696969;
	font-weight: bold;
	font-size: 100%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em 0;
	width: 100%;
}

.graphic {
	position: absolute;
	top: 0;
	left: 0;
	fill: none;
}

.icon {
	color: #ddd;
	font-size: 150%;
}

.input--chisato {
    padding-top: 0;
    background: #fff;
    border: none;
}
textarea .wpcf7-form-control{
	height:185px !important;
}
.wpcf7-form-control {
	width: 100%;
	padding: 0.8em 0.5em;
	background: transparent;
	/*border: 2px solid;*/
	color: #b5b5b5;
	-webkit-transition: border-color 0.25s;
	transition: border-color 0.25s;
	height:50px !important;
	
}

.input__label--chisato {
	width: 100%;
	position: absolute;
	top: -29px;
	text-align: right;
	overflow: hidden;
	padding: 0;
	pointer-events: none;
	-webkit-transform: translate3d(0, 3em, 0);
	transform: translate3d(0, 3em, 0);
	right:0;
}

.input__label-content--chisato {
	padding: 0 1em;
	font-weight: 400;
	color: #b5b5b5;
}
.page-id-127 #builder-section-1  .input__label-content--chisato::after{
	top: -180%;
}
.input__label-content--chisato::after {
	content: attr(data-content);
	position: absolute;
	top: -200%;
	right: 0;
	color: #8CC63F;
	font-weight: 800;
}

/*.wpcf7-form-control:focus,
.input--filled .input__field--chisato {
	border-color: #08aa71 !important;
}*/

.wpcf7-form-control:focus + .input__label--chisato,
.input--filled .input__label--chisato {
	-webkit-animation: anim-chisato-1 0.25s forwards;
	animation: anim-chisato-1 0.25s forwards;
	color:#FFF;
}

.wpcf7-form-control:focus + .input__label--chisato .input__label-content--chisato,
.input--filled .input__label-content--chisato {
	-webkit-animation: anim-chisato-2 0.25s forwards ease-in;
	animation: anim-chisato-2 0.25s forwards ease-in;
}
.wpcf7-form .wpcf7-form-control-wrap {
	padding-top: 0px;
}
.contact_title h2 {
    color: #8CC63F!important;
    font-weight: bold!important;
}
.vc_cta3_content-container h2 {
    font-weight: bold!important;
}
input[type="text"], input[type="tel"], input[type="email"] {
    direction: rtl;
    text-align: right;
}


@-webkit-keyframes anim-chisato-1 {
	0%, 70% {
		-webkit-transform: translate3d(0, 3em, 0);
		transform: translate3d(0, 3em, 0);
	}
	71%, 100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes anim-chisato-2 {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	70%, 71% {
		-webkit-transform: translate3d(0, 125%, 0);
		transform: translate3d(0, 125%, 0);
		opacity: 0;
		-webkit-animation-timing-function: ease-out;
	}
	100% {
		color: transparent;
		-webkit-transform: translate3d(0, 200%, 0);
		transform: translate3d(0, 200%, 0);
	}
}

@keyframes anim-chisato-1 {
	0%, 70% {
		-webkit-transform: translate3d(0, 3em, 0);
		transform: translate3d(0, 3em, 0);
	}
	71%, 100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes anim-chisato-2 {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	70%, 71% {
		-webkit-transform: translate3d(0, 125%, 0);
		transform: translate3d(0, 125%, 0);
		opacity: 0;
		-webkit-animation-timing-function: ease-out;
	}
	100% {
		color: transparent;
		-webkit-transform: translate3d(0, 200%, 0);
		transform: translate3d(0, 200%, 0);
	}
}*/
.tm-element-heading-wrapper.tm-heading-with-separator .heading-seperator {
    background: #8CC63F !important;
}
div.wpcf7-response-output {
    margin: 0;
    padding: 0.2em 1em;
    width: 99%;
    color: #FFF;
}
.page-id-221 #hostings_mid_sec > div.container > ul{
	display:none;
}
#top_section > div > div > p {
    font-size: 18px;
}
.page-id-221 #top_section{
	background: #FFF;
}
i.fa.fa-check{
	color:#37924A;
}
div#top_section {
    margin: 25px auto;
}
.page-id-221 #hostings_mid_sec > div.container > p {
    margin-bottom: 7px;
    font-size: 20px;
}
#vmware, #vcloud, #aix {
    padding-top: 30px;
}
@media(max-width: 600px){
	.col-md-8.col-xs-8 {
	    width: 73%!important;
	    float: right;
	}
	.col-md-4.col-xs-4 {
	    width: 27%;
	}
	.solution_item .col-md-2, .solution_item .col-md-10 h3 {
	    text-align: center;
	}
	nav#site-navigation {
	    display: none;
	}
	div#top_section {
	    display: block;
	}
	div#top_section p {
	    font-size: 16px;
	}
	div#top_section h2 {
	    text-align: center;
	}
	.site-branding {
	    text-align: left;
	}
	div#chunky {
	    margin-top: 0;
	}
	.col-md-8.col-xs-6 {
	    width: 65%;
	    float: right;
	}
	.col-md-4.col-xs-6 {
	    width: 35%;
	    float: left;
	}
	.hoster_item{
		margin-bottom: 10px;
	}
	.site-content {
	    padding: 0;
	}
	span.input.input--chisato, span.input.input--chisato {
	    float: none;
	    max-width: 100%!important;
	}
	input[type="submit"], #wpcf7-f117-o1 > form > p > input {
	    float: none;
	    width: 96%;
	}
	#colophon > div.container > div {
	    text-align: center!important;
	}
	div#hostings_mid_sec {
	    max-width: 100%;
	    overflow-x: scroll;
	}
}
.page-template-default header.entry-header{
	padding:10px 0;
	background: #15A4D3;
}
.page-template-default h1.entry-title.dftitle,
h2.entry-title.dftitle{
    padding: 0;
    margin: 0;
    font-size: 30px;
    font-weight: normal;
    color: #FFF;
    padding-right: 20px;
}
@media (min-width: 768px){
	ul.nav.navbar-nav{
		display:inline!important;
	}
	.navbar-nav>li {
	    float: right!important;
	}
	#bridge .nav li {
	    text-align: right;
	}
	.navbar-nav {
	    float: right!important;
	}
	ul.nav.navbar-nav.navbar-right {
	    float: left!important;
	}
}
.page-template-default div#content{
	direction:rtl!important;
	text-align: right!important;
}
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: right!important;
}
.solution_item.row:last-child {
    border-bottom: none;
}
.fre-form p {
    font-size: 20px;
    margin-bottom: 0;
}
.fre-form > div.row.contact_info {
    text-align: center;
    margin-top: 50px;
    border-bottom: 1px solid #CCC;
}
.fre-form > div.row.contact_info i {
    font-size: 40px;
    color:#4CA02B;
}
.page-template-page-contact div#primary{
    padding-top: 30px;
    background: #F5F1EE;
}
aside#secondary .widget {
    color: #000;
    font-size: 16px;
}
.page-template-page-contact div#content{
	margin-bottom: 30px;
}
.page-template-page-contact input[type="submit"]{
	float:left;
}
#post-287 > header > div > h1 {
    margin-bottom: 0;
}
aside#secondary .widget a {
    color: #000;
    font-size: 16px;
    opacity: 0.7;
}
aside#secondary .widget a:hover{
	opacity: 1;
}
.page-template-page-contact footer.entry-footer{
	display: none;
}
.page-template-page-contact .widget a{
	opacity:1!important;
}
.page-template-page-contact .widget a:hover{
	opacity:0.7!important;
}
#text-4 > div > a > i {
    font-size: 40px;
    opacity: 1!important;
}
i.fa.fa-facebook-official{
	color: #1A4D80;
}
i.fa.fa-linkedin-square{
	color: #0077B5;
}
i.fa.fa-youtube-square{
	color:#940025;
}
.nav-tabs .nav-link {
    border: 1px solid #ddd;
}