/*!
Theme Name: 3dvison
Theme URI: 3dvision.com.sa
Author: Oshaqit
Author URI: http://oshaqit.com
Description: threedvison
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: threedvison
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

threedvison is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

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

.main-navigation ul ul a {
	width: 200px;
}

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

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## 3Dvision page style
--------------------------------------------------------------*/
/* start Golobal Rules */
@font-face {
    font-family:GESSTwoLight-Light;
    src:url(../threedvison/fonts/GESSTwoLight-Light.ttf);
    src:url(../threedvison/fonts/GESSTwoLight-Light.woff);
}
@font-face {
    font-family:GESSTwoMedium-Medium;
    src:url(../threedvison/fonts/GESSTwoMedium-Medium.ttf);
    src:url(../threedvison/fonts/GESSTwoMedium-Medium.woff);
}
html {overflow-x: hidden;overflow-y: auto;}
body {overflow-x: hidden;overflow-y: auto;font-family: 'GESSTwoLight-Light';direction: rtl;background: #f5f5f5;overflow:auto;}
a { 
    text-decoration:none;
    border:none;
    -webkit-transition:all 0.3s ease-in-out; 
    -moz-transition:all 0.3s ease-in-out; 
    -o-transition:all 0.3s ease-in-out; 
    transition:all 0.3  s ease-in-out; 
}
button:hover { box-shadow: 0 22px 45px 0 rgba(0,0,0,.2);transform: translateY(-2px);}
button {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.ar {font-family: 'El Messiri', sans-serif;}
.en {text-align: left;font-family: 'Open Sans', sans-serif;}
a:hover {text-decoration: none;border:none; }
.color-1 {color: #ba569f;}
.color-2 {color: #7860aa;}
.bgcolor2 {background: #7860aa;}
.bgcolor {background: #ba569f;}
p { line-height: 1.9;font-family: 'El Messiri', sans-serif; }
h1,h2,h3,h4,h5,h6 {margin-bottom: 0px;}
.main-color { color:#1681DF; }
.cl { clear: both;}
.left { float: left;}
.right { float: right;}
.div-center {display: block;margin: auto;}
/* End golbal rules */

/* start header */
.header {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 700px;
}
    /* navbar */
.navbar-default {background: transparent;border: none;border-radius: 0px;height: 60px;}
.navbar-default .navbar-nav>li>a {color: #fff;font-family: 'El Messiri', sans-serif;}
.navbar-brand>img {width: 150px;}
.navbar-brand {float: right;}
.navbar-header {float: right;}
.navbar {margin-bottom: 0px;}
.navbar-default .navbar-nav>li>a {padding-top: 20px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus{
   background:none;color:#fff; 
}
.navbar-default .navbar-nav>.active>a:hover {color: #1b1b1b;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{background: none;}
.navbar-brand img.logo {display: none;}
.scrolled-nav img.logo {display: block}
.scrolled-nav img.logo-w {display: none;}
.scrolled-nav {position: fixed;
    width: 100%;
    background: #fff;
    z-index: 999;
    box-shadow: -3px 5px 9px rgba(0,0,0,0.2);}
.scrolled-nav .navbar-nav>li>a {color: #1b1b1b;}
.scrolled-nav .navbar-nav>li>a:hover {color: #BA569F;}
.scrolled-nav .navbar-nav>.active>a {color: #BA569F;}
    /* header-text */
.header-text {color: #fff;text-align: center;margin-top: 140px;}
.header-text h1 {
     animation: animationh1 3s ease 0s 1 alternate;
    font-size: 50px;font-family:'GESSTwoMedium-Medium';}
.header-text .animationh1-2 {
    animation: animationh1-2 3s ease 0s 1 alternate;
}
.header-text h3 {
     animation: animationh3 3s ease 0s 1 alternate;
     
    font-family:'GESSTwoMedium-Medium';font-size: 30px;}
.header-text .animationh3-2 {
    animation: animationh3-2 3s ease 0s 1 alternate;
}
.header-text h4 {
    animation: animationh4 3s ease 0s 1 alternate;
    font-size: 30px;}

.header-text .animationh4-2 {
    animation: animationh4-2 3s ease 0s 1 alternate;
}

@keyframes animationh1 {
    0%   {transform: translateX(1250px);}
    100% {transform: translateX(0px);}
}

@keyframes animationh1-2 {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg); }
}

@keyframes animationh3 {
    0%   {opacity: 0;transform: translateY(323px);}
    100% {opacity: 1;transform: translateY(0px);}
}

@keyframes animationh3-2 {
     0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg); }
}

@keyframes animationh4 {
    0%   {transform: translateY(-283px);}
    100% {transform: translateY(0px);}
}

@keyframes animationh4-2 {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg); }
}
.header-text button {    
    width: 150px;
	font-family:'GESSTwoMedium-Medium';
    height: 50px;
    background: #fff;
    border-radius: 9px;
    border: none;
    margin: auto;
    display: block;
    margin-top: 60px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.header-text button:hover {box-shadow: 0 22px 45px 0 rgba(0,0,0,.2);}
    /* image slider */
.image-slider-header {display: block;margin: 115px auto;}
.image-slider {height: 255px;}
.image-slider img {height: 100%; border-radius: 5px;box-shadow: -2px 8px 18px -3px rgba(0,0,0,0.4);}
/* End header */

/* Start about */
.about {margin-top: 210px;}
.about img.about-img-abs {
    position: absolute;
    right: -258px;
    top: 1000px;
    opacity: 0.2;
    width: 500px;
    z-index: -1;
}
.title {display: inline-flex;}
.title h3 {margin-right: 20px;margin-top: -13px;}
.title .sharda {width: 100px;height: 2px;}
.about .about-dev {margin-top: 60px;position: relative;}
.about-dev-content {
	position: relative;
    text-align: center;
    background: #fff;
    padding: 50px 20px;
    min-height: 350px;
    box-shadow: -3px 5px 9px rgba(0,0,0,0.2);
	-webkit-transition: all 0.9s ease;
	-moz-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;

}
.about-dev-content:hover p,.about-dev-content:hover h4,.about-dev-content:hover span {color: #fff;}
.about-dev-content:hover {
	cursor: default;
	-webkit-user-select: none; /* Chrome, Opera, Safari */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
	background: rgba(186,86,159,0.7);
}

.about-dev-content span {padding-top: 5px;}
.about-dev-content p {padding-top: 20px;color: #626262;line-height: 1.9;}
.about-dev-content h4 {padding-bottom: 7px;font-family:'GESSTwoMedium-Medium';}
/* End about */

/* Strat services */
.servies {margin-top: 100px;}
.servies .about-img-abs {
	position: absolute;
    left: -258px;
    top: 1775px;
    opacity: 0.2;
    width: 500px;
    z-index: -1;
}
.servies .title {margin-right: 375px;margin-bottom: 80px;}
.sercies-div-content {padding: 10px;}
.sercies-div-content img {float: right;padding-left: 20px;}
.sercies-div-content h4 {padding-top: 9px;font-family:'GESSTwoMedium-Medium';}
.sercies-div-content p {padding-top: 10px;color: #626262;line-height: 1.9;}
.sercies-div {margin-bottom: 30px;}
/* End servies */

/* ٍStrat best places */
.best-places {margin-top: 100px;position: relative;}
.best-places img.about-img-abs {
	position: absolute;
    right: -236px;
    top: 13px;
    width: 500px;
    opacity: 0.2;
    z-index: -1;
}
.best-places .image-slider-header {margin: 80px auto;}
.best-places .image-slider {
	position: relative;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	margin-bottom: 50px;
}
.best-places .image-slider img.img-ov{display: none;}
.best-places .image-slider:hover img.img-ov{display: block;}
.best-places .image-slider:hover img.img-org{display: none;}
.best-places .image-slider:hover .image-best-text p {display: block;}
.best-places .image-slider:hover .image-best-text button {display: block;margin: auto;}
.best-places .image-slider:hover .image-best-text {right: 0px;top: 2px;}
.overlay-iamge {
    background: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
    display: block;
    top: 36px;
    right: 0;
    position: absolute;}
.image-best-text {
    padding: 30px;
    right: 80px;
    text-align: center;
    position: absolute;
    top: 130px;
    color: #fff;
}
.image-best-text button {
    background: #fff;
    border: none;
    border-radius: 5px;
    width: 110px;
    height: 30px;
} 
.image-best-text h4 {padding-bottom: 7px;font-family:'GESSTwoMedium-Medium';}
.image-best-text p {font-size: 12px;}
.image-best-text p,.image-best-text button {display: none;}

/* new slider */

.best-places-images-slider img {
	width: 100%;
    height: 300px;
    display: block;
    border-radius: 5px;}
.carousel-control.right { background: none;}
.carousel-control.left { background: none;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	font-size: 14px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {right: 10%;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-next {left: 10%;}
.best-places .title {padding-bottom: 50px;}
.carousel-indicators .active {background: #c673af;}
.carousel-indicators li {border: 1px solid #c673af;}
.carousel-indicators {bottom: -60px;}
/* End best places */

/*Strat subscripe section */
.scubsribe {    
    height: 200px;
    color: #fff;
    background: linear-gradient(-90deg, #ba569f, #7860aa 100%);
    background-size: cover;
    background-repeat: no-repeat;
	margin-top: 100px
}
.content-subscripe {display: inline-flex;}
.subscribe-text h3 {line-height: 7;}
.content-subscripe form {margin-right: 70px;line-height: 15;}
.content-subscripe button {    
    width: 150px;
    height: 60px;
    border-radius: 5px;
    border: none;
    box-shadow: -3px 5px 9px rgba(0,0,0,0.2);
    margin-right: 15px;
    line-height: 4;}
.content-subscripe input {
    width: 500px;
    height: 60px;
    border-radius: 5px;
    border: none;
    background: #f5f5f5;
    padding: 10px;
    color: #7d7d7d;
}
.best-places-images-slider img {margin-bottom: 20px;}
/*End subscripe section */

/* Strat Hotels */
.best-hotels {margin-top: 100px;}
.best-hotels .about-img-abs {
	position: absolute;
    left: -236px;
    top: 3456px;
    width: 500px;
    opacity: 0.2;
    z-index: -1;
}
.two,.three {display: none;}
.hotels-image {height: 600px;background: #fff;padding: 10px;}
.hotels-image-big div:not(.tab1) {display: none;}
.hotels-image img {height: 100%;width: 100%;display: block;}
.dynamic-tab-hotel .selected-tab p,.dynamic-tab-hotel .selected-tab span,.dynamic-tab-hotel .selected-tab h4 {color:#fff;}
.dynamic-tab-hotel .selected-tab {background: rgba(186,86,159,0.7);}
.dynamic-tab-hotel .selected-tab .hotel-rate {background:#fff;color:#BA569F;font-family:'GESSTwoMedium-Medium';}
.dynamic-tab {
    height: 187px;width: 100%; display: inline-flex;background: #fff;margin-bottom: 20px;
	-webkit-transition: all 0.9s ease-in-out;
	-moz-transition: all 0.9s ease-in-out;
	-o-transition: all 0.9s ease-in-out;
	transition: all 0.9s ease-in-out;
}
    
.dynamic-tab:hover {
	cursor: pointer;
	-webkit-user-select: none; /* Chrome, Opera, Safari */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
	background: rgba(186,86,159,0.7);
}
.dynamic-tab:hover p ,.dynamic-tab:hover h4 {color: #fff;}
.dynamic-tab:hover .hotel-rate {background: #fff;color:#BA569F;}
.hotel-rate {
	margin: auto;
    color: #fff;
    width: 30px;
    height: 24px;
    border-radius: 5px;
    text-align: center;}

.tabs-text p {color: #626262;padding-top: 7px;font-size: 13px;}
.tabs-text {margin: auto;}
.tabs-text h4 {font-family:'GESSTwoMedium-Medium';padding-top: 25px;}
/* End hotels */

/* Start contact */
.contact {
    margin-top: 85px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height:792px;
}
.contact h3 {color: #fff;padding-top: 50px;text-align: center;font-family: 'El Messiri', sans-serif;}
.contact .form {
    margin: 60px auto;
    background: #fff;
    height: 560px; 
	width: 700px;
    display: block;
    box-shadow: -3px 5px 9px rgba(0,0,0,0.2);
    padding-top: 50px;
}
.contact form {text-align: center;}
.contact input {
    display: block;
    margin: auto;
    width: 480px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-bottom: -10px;
}
.submitform {color:#fff;}
.form label {text-align: right;}
.contact button {
    display: block;
    margin: auto;
    width: 480px;
    height: 40px;
    color: #fff;
    border-radius: 5px;
    border: none;
    margin-top: 30px;
}
.contact textarea {
    width: 480px;
    height: 135px;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 15px;
    color: #9b9b9b;}
/* End contact */

/* Start Footer */
.footer {}
.footer .about-img-abs {
	position: absolute;
    left: 110px;
    top: 5340px;
    width: 500px;
    opacity: 0.2;
	z-index: -1;
}
#map {width: 100%;height: 600px;}
.gm-style-iw {left: 1px !important;}
.footer .overlay {
    width: 600px;
    height: 600px;
    position: absolute;
    z-index: 9;
    top: 0px;
    right: 0px;
    opacity: 0.1;
}
.mabgoogle {}
.contact-info{margin-top: 60px;}
.contact-info img{width: 200px;display: block;}
.footer .sperator {
    width: 200px;
    height: 1px;
    background: #a6a4a4;
}
.contact-info-text {margin-top: 25px;}
.footer .fa {
    color: #fff;
    background: #ba569f;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    line-height: 1.9;
    margin-left: 30px;
    margin-top: 10px;
}
.foot {margin-left: 0px;}
.snapshat-div {    
	background: #fff;
    width: 88px;
    padding: 6px;
    border-radius: 20px;
    position: relative;
    margin-top: 15px;
    margin-right: 82px
}
.snapshat-div:before {
	content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #ffffff;
    position: absolute;
    top: -10px;
	right: 29px;
}
/* End Footer */

/* Start footer writes */
.footer-writes {
    text-align: center;
    color: #fff;
    height: 75px;
    line-height: 5;
    background: linear-gradient(-90deg, #ba569f, #7860aa 100%);
    background-size: cover;
    background-repeat: no-repeat;
	font-family: 'El Messiri', sans-serif;}
/* End footer writes */


/* ticket page */
.header-ticket-page {
	background: linear-gradient(-90deg, #ba569f, #7860aa 100%);
    color: #fff;
    text-align: center;
    height: 130px;
}
.header-ticket-page h3 {padding-top: 20px;}
.about-img-abs-ticket {
	position: absolute;
    left: 110px;
    top: 1423px;
    width: 500px;
    opacity: 0.2;
    z-index: -1;
}
.city-ticket h3 {text-align: center;}
.city-ticket > div {padding-top: 65px;}
.first-div {margin-top: 20px;}
.ticket-details > div {font-size: 15px;}
.breadcrumb {margin-top: 20px;}
.tiket-footer .about-img-abs-ticket {
    left: 110px;
    top: 2980px;
}
.ticket-details {margin-top: 65px;}

.city-ticket >div img {display: block;margin: auto;}
/* ticket page */


.exctract-ticket {width: 100%;height: 300px;
    color: #fff;
    background: linear-gradient(-90deg, #ba569f, #7860aa 100%);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 100px;
    text-align: center;
    padding-top: 70px;
}
.exctract-ticket p {font-size: 18px;}
.exctract-ticket h3 {font-size: 30px;
    padding-bottom: 15px;}
.exctract-ticket button {
    width: 200px;
    height: 40px;
    border-radius: 5px;
    border: none;
    background: #fff;
    color: #000;
    margin-top: 15px;
}
li.btn-exctract-ticket {
    line-height: 34px;
    background: #CB85B8;
    color: #fff;
    border-radius: 7px;
    height: 34px;
    width: 180px;
    text-align: center;
    margin-top: 11px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
li.btn-exctract-ticket:hover {
    box-shadow: 0 22px 45px 0 rgba(0,0,0,.2);transform: translateY(-2px);
    cursor: pointer;
}
.btn-exctract-ticket a { padding-top: 7px !important;}

/* responsive screen */

/* larg screen */

@media (min-width: 1200px){
	.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 {
		float: right;
	}
    .image-slider-header {margin: 130px auto;}
    
}

/* medium screen */

@media (min-width: 992px) and (max-width:1199px){
	.image-slider {height: 200px;}
	.servies .about-img-abs {top: 1875px;}
	.footer .about-img-abs {left: 89px;top: 5355px;}
	.tabs-text p {padding-top: 0px;}
	.dynamic-tab:hover h4 {font-size: 17px;padding-top: 5px;}
	.dynamic-tab h4 {font-size: 17px;padding-top: 5px;}
	.best-hotels .about-img-abs {top: 4280px;}
    .image-slider-header {margin: 150px auto;}
	.servies .title { margin-right: 205px;}
	.image-best-text {right: 48px;top: 99px;}
	.best-places .image-slider:hover .image-best-text {top: -25px;}
	.subscribe-text h3 {line-height: 10;font-size: 17px;}
	.content-subscripe input {width: 380px;}
	#map {width: 480px;}
	.footer .overlay {width: 480px;}
	.mabgoogle {width: 480px;}
	
}

/* small screen */

@media (min-width: 768px) and (max-width:991px) {
	.snapshat-div {margin: 20px auto;transform: translateX(-14px);} 
	.scrolled-nav {position: inherit;}
	.contact-info img{margin: auto;}
	.best-hotels .about-img-abs {top: 5357px;}
	.footer .about-img-abs {left: 257px;top: 7057px;}
	.image-best-text {right: 45px;text-align: center;top: 70px;}
	.best-places .image-slider:hover .image-best-text {top: -30px;}
	.image-slider img {width: 100%;}
	.servies .about-img-abs {top: 2509px;}
	.about img.about-img-abs {top: 1135px;}
	.image-slider {height: 168px;}
	.footer-writes {margin-top: 50px;}
	.footer .sperator {margin: auto;}
	.contact-info-text {text-align: center;margin-bottom: 50px;}
	#map {width: 100%;}
	.footer .overlay {width: 100%;}
	.mabgoogle {width: 100%;}
	.scubsribe {height: 245px;}
	.content-subscripe button {height: 45px;display: block;margin: -15px auto;line-height: 1;}
	.content-subscripe input {height: 45px;display: block;margin: 45px auto;}
	.content-subscripe {display: block;}
	.subscribe-text h3 {text-align: center;padding-top: 20px;line-height: 0;}
	.best-places .image-slider {margin-bottom: 50px;}
	.second-row {margin: 50px auto !important;}
	.header .image-slider {width: 25%;}
	.navbar-nav {margin: -0.5px -24px;}
	.navbar-default .navbar-nav>li>a {font-size: 12px;}
	.navbar-brand>img {width: 112px;}
	.header .image-slider-header {margin: 96px auto;}
	.servies .title {margin-right: 165px;}
	.footer .sperator {margin: auto;}
	.best-places .image-slider:hover .image-best-text p {width: 187px;padding-top: 10px;padding-bottom:10px;}

}
/* extra small */

@media  (min-width: 431px) and (max-width: 767px) {
	.snapshat-div {margin: 20px auto;transform: translateX(-14px);} 
	.scrolled-nav {position: inherit;}
	.navbar-left {display: block;}
	.contact-info img{margin: auto;}
	footer-writes span {line-height: 5;}
	.contact-info-text {text-align: center;margin-top: 36px;margin-bottom: 50px;}
	.servies .about-img-abs {display:none;}
	.about img.about-img-abs {display:none;}
	.footer img.about-img-abs {display:none;}
	.best-places img.about-img-abs {display:none;}
	.best-hotels .about-img-abs {display:none;}
	.image-slider {height: 127px;}
	.navbar-collapse.in {overflow-y: inherit;}
	.navbar-nav {margin: 50.5px -10px;display: -webkit-box;padding-bottom: 72px;text-align: center;font-size: 10px;width: 456px;}
	.nav>li>a {padding: 2px 6px;}
	.footer-writes {line-height: 2;}
	.footer-writes {margin-top: 60px; }
	.contact button {width: 200px;}
	.contact textarea {width: 200px;}
	.contact .form {width: auto;}
	.contact input {width: 205px;}
	.scubsribe {height: 245px;}
	.content-subscripe button  {height: 45px;display: block;margin: -15px auto;line-height: 1;}
	.content-subscripe input {width: 260px;height: 45px;display: block;margin: 45px auto;}
	.content-subscripe {display: block;}
	.subscribe-text h3 {text-align: center;padding-top: 20px;line-height: 1;}
	.best-places .image-slider:hover .image-best-text {top: 0px;}
	.best-places .image-slider:hover .image-best-text p  {padding-bottom: 20px;padding-top:20px;}
	.best-places .image-slider {margin-bottom: 150px;height: 220px;}
	.image-best-text {right: 73px;top: 110px;}
	.image-slider img {width: 100%;}
	.best-places .image-slider img.img-ov {width: 100%;}
	.header .image-slider-header {margin: 105px auto;}
	.servies .title {margin-right: 95px;}
	.footer .sperator {margin: auto;}
	.servies .title {margin-right: 0;}
}

@media (max-width: 582px ) {
	.city-ticket > div {width:100%;display: block;margin: auto;}
}

@media (max-width: 430px) { 
	.snapshat-div {margin: 20px auto;transform: translateX(-14px);} 
	.header .header-text h3 {font-size: 20px;}
	.header .header-text h1 {font-size: 40px;}
	.header .header-text h4 {font-size: 20px;}
	.scrolled-nav {position: inherit;}
	.contact-info img {margin: auto;}
	.header .image-slider-header {margin: 119px auto;}
	.header .image-slider-header .image-slider {height: 95px;}
	.servies .about-img-abs {display:none;}
	.about img.about-img-abs {display:none;}
	.footer img.about-img-abs {display:none;}
	.best-places img.about-img-abs {display:none;}
	.best-hotels .about-img-abs {display:none;}
	.sercies-div-content img {width: 100%;padding-bottom: 35px;}
	.best-places .image-slider img {width: 100%;}
	.best-places .image-slider {height: 160px;}
	.best-places .image-slider .image-best-text {right: 23px;top: 22px;}
	.best-places .image-slider .image-best-text:hover {top: -35px;}
	.contact-info-text {text-align: center;margin-bottom: 40px;}
	.footer-writes {line-height: 2;}
	.footer .sperator {margin: auto;}
	.contact .form {width: auto;}
	.contact input {width: 205px;}
	.contact textarea {width: 205px;}
	.dynamic-tab p {display: none;}
	.dynamic-tab h4 {text-align: center;padding-top: 39px;}
	.content-subscripe {display: block;}
	.subscribe-text h3 {line-height: 1;text-align: center;font-size: 17px;}
	.content-subscripe form {line-height: 0;display: block;margin: 20px auto;}
	.content-subscripe input {display: block;margin: auto;width: 230px;height: 45px;}
	.content-subscripe button {width: 137px;height: 42px;line-height: 3;margin: 10px auto;display: block;}
	.hotels-image {height: 441px;margin-bottom: 25px;}
	.servies .title {margin-right: 0;}
	.header-text {margin-top: 45px;}
	}

/* responsive screen */