/*
Theme Name: Travia Pro
Theme URI: https://alexathemes.net/themes/travels-wordpress-theme/
Author: AlexaThemes
Author URI: https://www.alexathemes.net/
Description: Travia a modern and elegant Travel WordPress theme. This theme has not only a great layout but it has so many features to make your website stands out. This theme is crafted for a hotel, hostel, resort, apartment, room reservation or any other accommodation services. It is really important if you have a travel agency and need your website to look beautiful to attract more user to visit your website. This theme comes with the theme options panel where you add slider images, use colors fonts etc. It's a nice and clean responsive theme working well on all platform. Enjoy the demo here: http://www.live-demo.online/travia
Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: travia
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-header,custom-menu,editor-style,featured-images,full-width-template, sticky-post,threaded-comments,translation-ready,theme-options

Travia Pro WordPress Theme has been created by AlexaThemes(alexathemes.net), 2018.
Travia Pro WordPress Theme is released under the terms of GNU GPL
*/

*{ margin:0; padding:0; outline:none;}
body{ margin:0; padding:0; box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; margin:0; padding:0; color:#353535; font:400 15px/24px 'Assistant'; background-color:#ffffff;}
img{ margin:0; padding:0; border:none;}
section img, img{max-width:100%; height:auto;}
.bypostauthor { margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:normal; font-weight:bold; font-family:'Roboto Condensed'; color:#212121;}
h1{ font-size:40px;}
h2{ font-size:33px; letter-spacing:5px;}
h3{ font-size:23px; line-height:25px; letter-spacing:3px;}
h4{ font-size:20px; letter-spacing:2px;}
h5{ font-size:17px; letter-spacing:2px;}
h6{ font-size:15px; letter-spacing:2px;}
.left{float:left;}
.right{float:right;}
blockquote{ position:relative; margin-bottom:15px; }
blockquote.align-left{ padding:15px 15px 15px 60px; text-align:left; }
blockquote.align-left:before{content: "\f10d"; font-family: FontAwesome; color: #767676; font-size: 40px; position: absolute; top:25px; left: 0; }
blockquote.align-right{ padding:15px 60px 15px 15px; text-align:right;  }
blockquote.align-right:before{content: "\f10e"; font-family: FontAwesome; color: #767676; font-size: 40px; position: absolute; top:25px; right: 0; }
.hr{border-bottom:1px solid #e8e8e8; height:1px; clear:both; margin:50px 0;}
p{ margin:0; padding:0;}
a{ text-decoration:none; outline:none; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; }
a:hover{ text-decoration:none; outline:none;}
ul{ list-style:none; margin:0; padding:0;}
article ul, article ol{ margin:0 0 15px 15px;}
article ul li{ list-style: disc;}
.custom-height{ min-height:20px;}
.clear{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto;}
.alignright, img.alignright { display: inline; float: right; margin-left:25px; height:auto;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0;  height:auto;}
.comments-area{ margin-bottom:15px; padding:15px;}
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.lastcols{ margin-right:0 !important;}
.toggleMenu{display:none;}
section{ padding:70px 0;}
h2.section_title{ font:700 24px 'Assistant'; color:#212121; text-transform:uppercase; text-align:center; line-height:35px; display:block; margin:0 auto 20px; position:relative; letter-spacing:5px;}
h6.section_title_small{ font:700 18px 'Assistant'; color:#6f6f6f; position:relative; text-transform:uppercase; text-align:center; padding-bottom:25px; display:block; margin:0 auto 25px; letter-spacing:2px;}
h6.section_title_small:after { content:''; position:absolute; left:0; right:0; bottom:0; border-bottom:5px solid #1694d1; width:100px; margin:0 auto;}
.entry-content section { padding:30px 0;}
.entry-content h2.section_title { font-style:italic; text-transform:capitalize; font-weight:400; letter-spacing:0px;}

/*================================================== 
	HEADER TOP CSS
==================================================== */
.header-top { position:relative; background-color:rgba(0,0,0,0.2); padding:10px 0;}
.head-top-inner { width:1170px; margin:0 auto;}
.head-top-left { float:left; color:#ffffff; font:400 14px 'Lato'; margin-top:5px;}
.head-top-left a { color:#ffffff;}
.head-top-left span { margin-right:20px;}
.head-top-left span .fa { margin-right:10px; color:#ffffff;}
.head-top-right { float:right;}
.head-top-right .social-icons a { height:25px; line-height:25px; color:#ffffff;}
.head-top-right .social-icons a:hover{ color:#1694d1;}

/*================================================== 
	HEADER CSS
==================================================== */
.header.fixed{ position: fixed; top:0; z-index:999999; padding:14px 25px;}
.header{ position:absolute; z-index:9; left:0; right:0; top:0;}
.header-inner { width:1170px; margin:0 auto; position:relative;}
.logo{ padding:27px 0; float:left; position:relative;}
.logo h1{ margin:0px; text-transform:capitalize;}
.logo a{ color:#ffffff;}
.tagline, .logo p{ display:block; text-transform:capitalize;}
#slider{ width:100%; margin:0; padding:0; position:relative;}

/*================================================== 
	SOCIAL ICONS CSS
==================================================== */
.social-icons a{ width:35px; height:46px; line-height:46px; margin:0; padding:0; color:#212121; display:inline-block; text-align:center; font-size:14px;  vertical-align: middle; position:relative; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.social-icons a:hover { color:#1694d1;}
.social-icons br{ display:none;}

/*================================================== 
	CONTAINER CSS
==================================================== */
.container{ width:1170px; margin:0 auto; position:relative;}
.container-full { width:100%;}
.no-padding { padding:0;}

/*================================================== 
	TOGGLE MENU CSS
==================================================== */
.toggle{display: block;}
.toggle a{width:auto; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #444444; padding:10px 25px 10px 15px; margin-top:5px; font-size:16px; text-align:left;}
.toggle a:hover{color:#ffffff !important;}

/*================================================== 
	HEADER NAVIGATION CSS
==================================================== */
.sitenav{ padding:0; position:relative; display:inline-block; float:right; margin:0px;}
.sitenav ul {margin:0; padding:0; font:400 15px 'Roboto'; text-transform:capitalize; line-height:normal;}
.sitenav ul li{display:inline-block; position:relative;}
.sitenav ul li.menu-item-has-children { position:relative;}
.sitenav ul li.menu-item-has-children:after {content:'\f107';position:absolute; right:-3px; font-size:18px; color:#ffffff; font-family:FontAwesome; top:37px;}
.sitenav ul li.menu-item-has-children:hover::after { color:#1694d1;}
.sitenav ul li a{padding:38px 20px; margin:0; text-align:center; transition:all 0.2s ease 0s; -o-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; display: inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform: erspective(1px) translateZ(0); box-shadow:0 0 1px transparent; position:relative; overflow:hidden; color:#ffffff;}
.sitenav ul li ul li{display:block; position:relative; float:none; top:0;}
.sitenav ul li ul li.menu-item-has-children { position:relative;}
.sitenav ul li ul li.menu-item-has-children:after { content:'\f101'; position:absolute; right:15px; top:8px; font-size:18px; color:#ffffff; font-family:FontAwesome;}
.sitenav ul li ul li.menu-item-has-children:hover::after { color:#1694d1;}
.sitenav ul li ul li a{display:block; position:relative; top:0; text-align:left; padding:10px 12px; margin:0;}
.sitenav ul li a:hover, .sitenav ul li.current_page_item a,.sitenav ul li:hover > ul li.current_page_item a{ color:#1694d1;}
.sitenav ul li ul{display:none; z-index:9999; position:relative;}
.sitenav ul li ul:before {}
.sitenav ul li:hover > ul{display:block; width:180px; position:absolute; margin-top:0; -moz-animation:fadeInDown .3s ease-in; -webkit-animation:fadeInDown .3s ease-in; animation:fadeInDown .3s ease-in; padding:0; background-color:rgba(0,0,0,0.7);}
.sitenav ul ul li:hover > ul{display:block;-moz-animation:fadeInLeft .3s ease-in; -webkit-animation:fadeInLeft .3s ease-in; animation:fadeInLeft .3s ease-in;}
.sitenav ul li:hover ul li ul{display:none; position:relative;}
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:180px; top:0px;}

/*================================================== 
	INNER BANNER CSS
==================================================== */
.innerbanner{ text-align:center; height:400px; overflow:hidden; position:relative;}
.innerbanner img{ position: relative; background-size:cover; width:100%; height:auto; display:block;}
.entry-header { position:relative; bottom:0; left:0; right:0;}
.innerbanner .entry-header{ position:absolute; top:55%;}
.entry-container { width:1170px; margin:0 auto;}
.inner-page-title { background-color:rgb(22,148,209,0.4); display:inline-block;}
h1.entry-title{ text-transform:uppercase; font:400 30px 'Roboto Condensed'; color:#ffffff; padding:5px 20px; margin-bottom:0; border-bottom:5px solid #ffffff; border-top:1px solid #ffffff; }

/*================================================== 
	BREADCRUMBS CSS
==================================================== */
.breadcrumb { text-transform:capitalize; display:inline-block; position:absolute; bottom:0; left:0; right:0; z-index:1;}
#crumbs { color:#ffffff; font:400 16px 'Roboto'; padding:10px 20px; display:inline-block; background-color:rgb(22,148,209,0.4); border-bottom:5px solid #ffffff; border-top:1px solid #ffffff; }
#crumbs a { color:#ffffff; }
#crumbs a:hover { color:#ffb300;}

.contact-banner .entry-header { z-index:1;}
.contact-banner { position:relative;}
.contact-banner:before { content:''; position:absolute; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,0.7); left:0; right:0; }

/*================================================== 
	DEFAULT BUTTON CSS
==================================================== */
a.ReadMore{ font:400 15px/25px 'Roboto'; color:#212121; border:1px solid #212121; padding-bottom:5px; text-transform:capitalize; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; display:inline-block; margin-top:15px; padding:5px 20px; position:relative;}
a.ReadMore:hover{ color:#1694d1; border-color:#1694d1}
.custombtn{ margin-top:30px;}

a.morebutton { background-color:#1694d1; font:700 15px 'Roboto'; color:#ffffff; padding:14px 20px; text-transform:capitalize; display:inline-block; position:relative; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
a.morebutton:hover{color:#ffffff; background-color:#212121;}

a.buttonstyle1{ padding:14px 45px; background-color:#1694d1; color:#ffffff; font:400 15px 'Assistant'; display:inline-block; position:relative; text-transform:uppercase; border-radius:30px; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
a.buttonstyle1:hover { color:#ffffff; background-color:#1d1d1d;}

.button{ color:#ffffff; border:1px solid #ffffff; border-radius:29px; padding:14px 45px; text-transform:uppercase; font:700 15px 'Roboto'; display:inline-block; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.button:hover { color:#1694d1; border-color:#1694d1;}

/*================================================== 
	SECTION FIRST WELCOME TO FLY TRAVELS CSS
==================================================== */
.welcome { position:relative;}
.welcome h2 { text-transform:uppercase; letter-spacing:5px;}
.welcome .buttonstyle1 { margin-top:35px;}

/*================================================== 
	SECTION SECOND SEA TOURS CSS
==================================================== */
.tours { position:relative;}
.tours .view-all-button { text-align:center; position:relative; margin-top:30px;}
.tours-list { width:30%; float:left; margin:45px 40px 0 0; position:relative;}
.tours-list.lastcols { margin-right:0;}
.tours-thumnailbx { position:relative; overflow:hidden; }
.tours-thumnailbx img { width:100%; height:auto; display:block; -webkit-transition:-webkit-transform 0.4s; -moz-transition:-moz-transform 0.4s; transition:transform 0.4s;  -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.tours-list figcaption { position:absolute; top:0; left:0; padding:20px; background-color:#1694d1;}
.tours-list:hover .tours-thumnailbx img { -webkit-transform:translateY(-50px); -moz-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px);}
.tours-thumnailbx figcaption, .tours-thumnailbx figcaption a {height:auto; width:auto; top:auto; bottom:0; left:0; right:0; opacity:0; -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); -webkit-transition:-webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition:-moz-transform 0.4s, opacity 0.1s 0.3s; transition:transform 0.4s, opacity 0.1s 0.3s;}
.tours-list:hover .tours-thumnailbx figcaption, .tours-list:hover figcaption a { opacity:1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px);	-ms-transform: translateY(0px); transform:translateY(0px); -webkit-transition:-webkit-transform 0.4s, opacity 0.1s; -moz-transition:-moz-transform 0.4s, opacity 0.1s; transition:transform 0.4s, opacity 0.1s;}
.tours-thumnailbx figcaption span.buttonleft a { position:relative; left:0; color:#ffffff; font:700 15px 'Assistant'; text-transform:uppercase; border:1px solid #ffffff; padding:5px 10px; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.tours-thumnailbx figcaption span.buttonright a { position:relative; right:0px; color:#ffffff; font:700 15px 'Assistant'; text-transform:uppercase; border:1px solid #ffffff; padding:5px 10px; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.tours-thumnailbx figcaption span.buttonright { float:right;}
.tours-thumnailbx figcaption span.buttonleft a:hover, .tours-thumnailbx figcaption span.buttonright a:hover { color:#ffb300; border-color:#ffb300;}
.toursdesbox { background-color:#ffffff; padding:20px 20px;}
.toursdesbox .spandate { font:400 15px 'Assistant'; color:#929292; text-transform:uppercase;}
.toursdesbox .spandate .fa { color:#ffb300; margin-right:5px;}
.toursdesbox .spanprice { font:700 21px 'Roboto Condensed'; color:#212121; float:right;}
.toursdesbox h4 { margin:10px 0; text-transform:uppercase;}
.toursdesbox .spanrating { color:#ffb300; font-size:13px; letter-spacing:10px; display:block; margin-bottom:8px;}

/* ----- Popup Form Begin ----- */
.hover_bkgr_fricc{ background:rgba(0,0,0,0.9); cursor:pointer; display:none; height:100%; position:fixed; text-align:center; top:0; bottom:0; right:0; left:0; width:100%; z-index:10000;}
.hover_bkgr_fricc .helper{ display:inline-block; height:100%; vertical-align:middle;}
.hover_bkgr_fricc > div { background-color:#ffffff; box-shadow:10px 10px 60px #555555; display:inline-block; vertical-align:middle; width:50%; position:relative; border-radius:5px; padding:2%;}
.popupCloseButton { background-color:#ffffff; border:3px solid #999999; border-radius:50px; cursor:pointer; display:inline-block; font-family:arial; font-weight:bold; position:absolute; top:-20px; right:-20px; font-size:25px; line-height:30px; width:30px; height:30px; text-align:center;}
.popupCloseButton:hover { background-color:#cccccc;}
.trigger_popup_fricc { cursor:pointer; font-size:20px; font-weight:bold;}

.popup-box { width:100%; position:relative;}
.hover_bkgr_fricc .popup-box input[type="text"] { width:97%; padding:10px; color:#000000;}
.hover_bkgr_fricc .popup-box select { width:100%; padding:10px 5px; margin-top:5px;}
.popupbx-left { float:left; width:48%; text-align:left; padding-top:15px;}
.hover_bkgr_fricc .popupbx-left input[type="date"] { width:97%; padding:10px 5px;}
.hover_bkgr_fricc .popupbx-left select { width:100%; padding:13px 5px; margin:10px 0;}
.popupbx-right { float:right; width:48%; text-align:left; padding-top:15px;}
.hover_bkgr_fricc .popupbx-right input[type="email"], .hover_bkgr_fricc .popupbx-right input[type="tel"] { padding:10px 5px; width:97%; color:#000000;}
.popupbx-right label { padding-left:5px;}
.hover_bkgr_fricc .popupbx-right input[type="date"] { margin-bottom:10px; width:97%; padding:10px 5px;} 

/* ----- Single Tour Page Inquiry Form ----- */
#sidebar .popup-box .popupbx-left, #sidebar .popup-box .popupbx-right { float:none; width:auto;}
#sidebar .popup-box input[type="text"], #sidebar .popup-box .popupbx-right input[type="email"], #sidebar .popup-box .popupbx-right input[type="tel"]{ padding:10px 5px; width:93%; color:#000000;}
#sidebar .popup-box select { width:97%; padding:10px 5px;}
#sidebar .popup-box input[type="date"] { width:93%; padding:10px 5px; margin:10px 0;}
#sidebar .popup-box label { padding-left:5px;}

/* ----- Tours/Destination Single Page ----- */
/* --- Tabs --- */
ul.resp-tabs-list { margin:10px 0 0; padding:0px;}
.resp-tabs-container p { margin:10px 0; padding:0px;}
.resp-tabs-list li { font:400 16px 'Roboto Condensed'; color:#212121; letter-spacing:1px; display:inline-block; padding:13px 15px; margin:0 8px 0 0; list-style:none; cursor:pointer; float:left; background-color:#f2f2f2; border-bottom:4px solid #bbbbbb;}
.resp-tabs-container { padding:0px; background-color:#ffffff; clear:left;}
h2.resp-accordion {display:none;}
.resp-tab-content { display:none; padding:50px 0;}
.resp-tab-active { border:1px solid #1694d1 !important; padding:12px 14px 14px 14px !important; border-bottom:4px solid #1694d1 !important;  background-color:#ffffff !important;}
.resp-content-active, .resp-accordion-active { display:block;}
.resp-tab-content .spanrating { color:#ffb300; display:block;}
.resp-tab-content .spanrating .fa { margin-right:5px; font-size:20px;}
.core-details { position:relative; border-bottom:1px solid #c1c1c1; margin-bottom:20px;}
.core-details ul { margin:20px 0 20px 0; padding:0;}
.core-details ul li { float:left; width:30%; margin:0px 16px 20px; font:400 17px 'Roboto Condensed'; color:#4e4e4e; letter-spacing:1px;}
.core-details ul li.last { margin-right:0;}
.core-details ul li .fa { color:#1694d1; font-size:25px; margin-right:10px; position:relative; top:2px; width:30px; text-align:center;}
.extra-info { margin:40px 0 0 0; position:relative;}
.extra-info td { border-bottom:1px solid #dcd9d9; padding:15px 15px;}
.extra-info td h5 { margin-bottom:0;}
.extra-info td ul.includes li { position:relative; padding:5px 5px 5px 25px;}
.extra-info td ul.includes li:before { content:'\f00c'; font-family:Fontawesome; position:absolute; left:0; color:#1694d1; font-size:15px;}
.extra-info td ul.excludes li { position:relative; padding:5px 5px 5px 25px;}
.extra-info td ul.excludes li:before { content:'\f00d'; font-family:Fontawesome; position:absolute; left:0; color:#ea1b25; font-size:15px;}

/* ----- Tours Gallery Item ----- */
#tourgallery { width:auto; text-align:justify; font-size:0.1px;}
#tourgallery .galitem { width:30%; float:left; margin:0 10px 20px 10px; vertical-align:top; font-size:30px; text-align:center; -webkit-transition:ease; /* Safari */}
#tourgallery .galitem img{ display:block; width:100%; height:auto;}
.galitem { -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; transition-duration:0.5s;}
.galitem{ -webkit-transition-property:-webkit-transform, opacity; -moz-transition-property:-moz-transform, opacity; transition-property:transform, opacity;}
.holderwrap { position:relative; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-order-sizing:border-box; overflow:hidden}
.holderwrap img{transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.holderwrap:hover img{opacity:1; -webkit-transform:scale(1.09); transform:scale(1.08);}
.holderwrap .fa { font-size:1.5em;}
.galitem:hover .holderwrap img { -webkit-transform:scale(1.08); transform:scale(1.08);}
.galitem:hover .holderwrap .overlay { opacity:1; width:100%; height:auto;}
.galitem:hover .holderwrap span { opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:transform .5s ease, opacity 1.3s ease; transition:transform .5s ease, opacity 1.3s ease;}
.galitem .holderwrap .overlay { background-color:rgba(0,0,0,0.8); position:absolute; margin:auto; width:0px; height:0px; top:0; right:0; bottom:0; left:0;  opacity:0; -webkit-transition:.4s ease; transition:.4s ease; }
.galitem .holderwrap span { color:#ffffff; font:700 15px 'Roboto'; text-align:center; position:absolute; margin:auto; width:200px; height:30px; line-height:30px; left:0; top:-40px; right:0; bottom:0; opacity:1; -webkit-transform:scale(0); transform:scale(0); -webkit-transition:transform .5s ease, opacity .7s ease; transition:transform .5s ease, opacity .7s ease;}
.galitem:hover .holderwrap a, .galitem:hover .holderwrap a:hover { color:#ffffff;}

/* ----- Related Posts ----- */
.related-tours { position:relative;}
.related-tours h3 { padding-bottom:10px; border-bottom:1px solid #dcd9d9;}
.related-tours .tours-list { width:23%; margin-right:30px; margin-top:20px;}
.related-tours .toursdesbox h4 { text-align:center;}

/*================================================== 
	SECTION THIRD CHOICE AWARDS WINNER CSS
==================================================== */
.vacation { position:relative;}
.book-vacation { float:left; width:30%; padding:15px; background:url(images/vacation-bg.jpg) no-repeat center;}
.vacation-form { padding:17% 35px; background-color:#ffffff;}
.vacation-form h4 { line-height:32px; text-transform:uppercase; letter-spacing:1px;}
.vacation-form p { font-size:15px; margin-bottom:30px;}
.book-vacation .vacation-form input[type="text"], .book-vacation .vacation-form input[type="email"] { margin-right:0; width:88%; border-bottom:2px solid #cccccc; border-top:none; border-left:none; border-right:none; padding-left:0; margin-top:5px; font:400 15px 'Assistant'; color:#6e6e6e;}
.book-vacation .vacation-form input[type="submit"] { font:700 17px 'Roboto Condensed'; color:#212121; background:none; text-transform:uppercase; padding:0; margin-top:30px;}
.book-vacation .vacation-form input[type="submit"]:hover { color:#1694d1;}

.choice { float:right; width:60%; padding-top:10px;}
.choice h2 { text-transform:uppercase; letter-spacing:2px;}
.choice p { position:relative; padding-bottom:35px; margin-bottom:30px;}
.choice p:after { content:''; position:absolute; left:0; bottom:0; width:60px; border-bottom:2px solid #ffb200;}
.choice-box { width:48%; float:left; margin:20px 28px 20px 0; display:flex; flex-direction:row;}
.choice-box#last { margin-right:0;}
.choice-thumb { width:80px; /*float:left;*/ border-radius:10px; margin-right:15px;}
.choice-thumb img { width:100%; height:auto; display:block; border-radius:10px;}
.choice-desc { /*float:right; width:65%;*/ padding-top:10px;}
.choice-desc h5 { margin-bottom:5px; text-transform:uppercase; letter-spacing:2px;}
.choice-desc span { font:400 15px 'Assistant'; text-transform:uppercase;}

/*================================================== 
	SECTION FOURTH LET'S SUBSCRIBE CSS
==================================================== */
.subscribe { position:relative;}
.subscribe h2.section_title, .subscribe h6.section_title_small { color:#ffffff;}
.subscribe h6.section_title_small::after { border-color:#ffffff;}
.subscribe-form { width:65%; margin:5% auto 0;}
.subscribe .subscribe-form input[type="email"] { float:left; background:none; border:1px solid #ffffff; border-radius:10px; color:#ffffff; font:400 15px 'Roboto'; padding: 10px 10px 10px 40px; height:45px; width:72%; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.subscribe .subscribe-form input[type="email"]:focus{ box-shadow:0px 0px 15px #ffffff; border-color:#ffffff; outline:none;}
.subscribe .subscribe-form input[type="submit"] { margin:0; float:right; height:67px; top:-18px; position:relative; border-radius:10px; font:600 15px 'Assistant'; padding-left:35px; padding-right:35px;}
.subscribe-form span.wpcf7-not-valid-tip { position: absolute; width: 500px; top: -30px; text-align:left;}
.subscribe .wpcf7 { color:#ffffff;}

/*================================================== 
	SECTION FIFTH SERVICES CSS
==================================================== */
.services { position:relative;}
.services-box { padding:70px 15px 30px; margin-top:35%; text-align:center; background-color:#ffffff; position:relative;}
.services-box#last { margin-right:0;}
.ser-icon { width:80px; height:80px; line-height:80px; background-color:#1694d1; border-radius:50%; color:#ffffff; font-size:40px; text-align:center; position:absolute; top:-40px; left:0; right:0; margin:0 auto; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.ser-desc h5 { text-transform:uppercase; margin-bottom:10px;}
.ser-desc .buttonstyle1 { border-radius:5px; margin-top:30px; padding:12px 25px; font-size:14px; font-weight:400;}

/*================================================== 
	SECTION SIXTH LUXURY CSS
==================================================== */
.luxury { position:relative;}
.luxury .one_third h3 { letter-spacing:4px; text-transform:uppercase; margin-bottom:50px;}
.luxury-box { width:100%; margin-bottom:30px; display:flex; flex-direction:row;}
.luxury-thumb { width:120px; margin-right:20px;}
.luxury-thumb img { width:100%; height:auto; display:block;}
.luxury-desc h5 { margin-bottom:10px; text-transform:uppercase; letter-spacing:2px;}
.luxury-box span { color:#f6b900; font-size:12px; margin-bottom:10px; display:block;}
.luxury-box span .fa { margin-right:8px;}
.luxury-desc p { text-transform:uppercase;}

/* ---------- */
.tours-box { width:100%; margin-bottom:30px; display:flex; flex-direction:row;}
.tours-thumb { width:120px; margin-right:20px;}
.tours-thumb img { width:100%; height:auto; display:block;}
.tours-desc { padding-top:5px;}
.tours-box del { font:700 15px 'Roboto Condensed'; color:#b1b1b1; margin:0 10px 10px 0;}
.tours-box span { font:700 17px 'Roboto Condensed'; color:#f50000; margin-bottom:10px; display:inline-block;}
.tours-box h5 { margin-bottom:10px; text-transform:uppercase; letter-spacing:2px;}
.tours-box p { font:400 14px 'Assistant';}

/* ---------- */
.destination-box { width:100%; margin-bottom:30px; display:flex; flex-direction:row;}
.destination-thumb { width:120px;  margin-right:20px;}
.destination-thumb img { width:100%; height:auto; display:block;}
.destination-desc { padding-top:5px;}
.destination-desc span { margin-bottom:10px; display:block; font:400 15px 'Assistant'; text-transform:uppercase;}
.destination-desc p { font:400 14px 'Assistant'; text-transform:uppercase;}
.destination-box h5 { margin-bottom:10px; text-transform:uppercase; letter-spacing:2px;}

/*================================================== 
	SECTION SEVENTH COUNTER CSS
==================================================== */
.counting { position:relative;}
.counter-box { width:20%; float:left; margin:30px 0; padding:0px 28px; text-align:center;}
.counter-box#last { border-right:none;}
.counter-box .fa { color:#ffffff; display:block; font-size:4em; margin-bottom:30px;}
.counter-box h3 { font:700 39px 'Roboto Condensed'; color:#ffb300; margin-bottom:20px;}
.counter-box span { font:700 19px 'Roboto Condensed'; color:#ffffff; text-transform:uppercase; display:block;}

/*================================================== 
	SECTION EIGHTH SHOW YOUR WORKS GALLERY CSS
==================================================== */
.portfolio { position:relative;}

/*================================================== 
	SECTION NINETH MEET OUR TEAM CSS
==================================================== */
.our-team { position:relative;}
.teammember-list{width:31%; float:left; margin:45px 40px 0 0; position:relative; }
.teammember-list .thumnailbx{ position:relative; overflow:hidden; text-align:center;}
.teammember-list .thumnailbx img{ width:100%; height:auto; display:block; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.teammember-list:hover .thumnailbx img { -webkit-transform:scale(1.08); transform:scale(1.08);}
.teammember-list:hover .thumnailbx .overlay { opacity:1; width:100%; height:20%;}
.teammember-list:hover .thumnailbx span { opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:transform .5s ease, opacity 1.3s ease; transition:transform .5s ease, opacity 1.3s ease;}
.teammember-list .thumnailbx .overlay { background-color:rgba(22,148,209,0.9); position:absolute; margin:auto; width:0px; height:0px; right:0; bottom:0; left:0; opacity:0; -webkit-transition:.4s ease; transition:.4s ease;}
.teammember-list .thumnailbx span { text-align:center; position:absolute; margin:auto; width:200px; height:30px; line-height:30px; left:0; right:0; bottom:17px; opacity:1; -webkit-transform:scale(0); transform:scale(0); -webkit-transition:transform .5s ease, opacity .7s ease;  transition:transform .5s ease, opacity .7s ease;}
.teammember-list .titledesbox{ text-align:center; padding:30px 20px;}
.teammember-list h3{ text-transform:uppercase; margin-bottom:10px; letter-spacing:3px;}
.teammember-list h3 a { color:#212121;}
.teammember-list cite{ display:block; font:400 16px 'Assistant'; color:#a0a0a0; text-transform:uppercase; margin-bottom:15px;}
.teammember-list p { line-height:26px;}
.member-social-icon{ position:relative; }
.member-social-icon a{ margin:0 5px 0 0; text-align:center; display:inline-block; font-size:12px; color:#ffffff; width:40px; height:30px; line-height:30px; visibility:visible;}
.member-social-icon a:hover{ color:#212121;}

/*================================================== 
	SECTION TENTH TESTIMONIALS CSS
==================================================== */
.clientsay { position:relative;}
.clientsay h2.section_title, .clientsay h6.section_title_small { color:#ffffff;}
.clientsay h6.section_title_small::after { border-color:#ffffff;}
.clientsay #clienttestiminials .item { padding:0; margin-top:30px; position:relative; text-align:center;}
.clientsay #clienttestiminials .tmthumb{ width:70px; height:70px; border-radius:50%; margin:0 auto 30px;}
.clientsay #clienttestiminials .tmthumb img { width:100%; height:100%; border-radius:50%; display:block;}
.clientsay #clienttestiminials p { font:400 18px/26px 'Assistant'; color:#ffffff; width:75%; margin:0 auto;}
.clientsay #clienttestiminials h6{ margin:0px 0 20px; text-transform:uppercase; letter-spacing:3px; font:700 17px 'Roboto Condensed'; color:#ffffff; display:inline-block;}
.clientsay #clienttestiminials h6 a{color:#ffffff;}
.owl-controls { top:25%;}
.owl-controls .owl-prev, .owl-controls .owl-next { border:1px solid #ffffff; border-radius:50%; width:40px; height:40px;}
#clienttestiminials .owl-controls .owl-dot { display:none;}
/* ----- testimonials ----- */
.client-say{ width:80%; margin:0 auto;  position:relative; z-index:1; font:normal 16px/24px 'Roboto'; color:#333; }
.client-say .timthumb{ width:10%; float:left;}
.client-say .timthumb img{ height:100%; }
.client-say .tm_description{ width:87%; float:right;}
.client-say p{ margin-bottom:30px;}
.client-say h6{ color:#fff; margin:20px 0 0 0; text-transform:none; }
/* ----- testimonials listing ----- */
.tmnllisting{ margin-bottom:35px; min-height:120px;}
.tmnllisting .tmnlthumb{ float:left; width:120px; height:120px; margin:0 5% 0 0; overflow:hidden;}
.tmnllisting .tmnlthumb img{ width:100%; height:100%; border-radius:50%;}
.tmnllisting h6{ margin-bottom:10px; padding-top:10px; text-transform:uppercase;}
#testimonials-widget h6{ margin-bottom:5px; text-transform:uppercase;}
#testimonials-widget p{ margin-bottom:15px;}
/* ----- Sidebar Testimonials ----- */
#testimonials .quotes span { text-transform:uppercase; display:block; font:700 15px 'Roboto Condensed'; color:#212121; margin-top:15px;}

/*================================================== 
	SECTION ELEVENTH LATEST NEWS CSS
==================================================== */
.latestnews { position:relative;}
.news-box{ position:relative; width:31%; margin:30px 3% 0 0; float:left; text-align:left;}
.news-box.last { margin-right:0;}
.news-box .news-thumb{ position:relative; background-color:#1694d1; overflow:hidden;}
.news-box .news-thumb img{ -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;
backface-visibility: hidden; display:block; }
.news-box:hover img { opacity: 0.3; -webkit-transform: scale3d(1.2,1.2,1); transform: scale3d(1.2,1.2,1); }
.news-box .newsdesc { padding:20px 0;}
.news-box h3{ padding:0; margin-bottom:15px; text-transform:uppercase; line-height:28px; letter-spacing:1px;}
.news-box h3 a{ color:#212121;}
.news-box .postmeta { padding:0 0 15px; font:400 14px 'Assistant'; color:#353535;}
.news-box .postmeta a { color:#353535;}
.post-date { float:left;}
.post-author { text-transform:capitalize; float:left; margin-left:40px;}
.news-box .postmeta .post-comment { float:right;}
.news-box .postmeta .fa { color:#bfbfbf; margin-right:10px;}
/***************************************/
.news-box .news-thumb figcaption::before, .news-box .news-thumb figcaption::after, .blog-post-repeat .post-thumb figcaption::before, .blog-post-repeat .post-thumb figcaption::after, .blog-post-repeat-full .post-thumb figcaption::before, .blog-post-repeat-full .post-thumb figcaption::after { position: absolute; content: ''; opacity: 0; }
.news-box .news-thumb figcaption::before, .blog-post-repeat .post-thumb figcaption::before, .blog-post-repeat-full .post-thumb figcaption::before { top:50px; right:30px; bottom:50px; left:30px; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; -webkit-transform:scale(0,1); transform:scale(0,1); -webkit-transform-origin:0 0; transform-origin:0 0;}
.news-box .news-thumb figcaption::after, .blog-post-repeat .post-thumb figcaption::after, .blog-post-repeat-full .post-thumb figcaption::after { top:30px; right:50px; bottom:30px; left:50px; border-right:1px solid #ffffff; border-left:1px solid #ffffff; -webkit-transform:scale(1,0); transform:scale(1,0); -webkit-transform-origin:100% 0; transform-origin:100% 0;}
.news-box .news-thumb figcaption::before, .news-box .news-thumb figcaption::after, .blog-post-repeat .post-thumb figcaption::before, .blog-post-repeat .post-thumb figcaption::after, .blog-post-repeat-full .post-thumb figcaption::before, .blog-post-repeat-full .post-thumb figcaption::after { -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}
.news-box:hover .news-thumb figcaption::before, .news-box:hover .news-thumb figcaption::after, .blog-post-repeat:hover .post-thumb figcaption::before, .blog-post-repeat:hover .post-thumb figcaption::after, .blog-post-repeat-full:hover .post-thumb figcaption::before, .blog-post-repeat-full:hover .post-thumb figcaption::after { opacity:1; -webkit-transform:scale(1); transform:scale(1);}
.news-box:hover .news-thumb figcaption::after, .blog-post-repeat:hover .post-thumb figcaption::after, .blog-post-repeat-full:hover .post-thumb figcaption::after{ -webkit-transition-delay:0.15s; transition-delay:0.15s;}
.news-box .news-thumb span, .blog-post-repeat .post-thumb span, .blog-post-repeat-full .post-thumb span { -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; position:absolute; bottom:0px; left:0; padding:8px 10px; width:50%; opacity:0; -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0); margin:0 auto; text-align:center; background-color:#ffffff; right:0; font:700 15px 'Assistant'; color:#353535; text-transform:uppercase;}
.news-box:hover .news-thumb span, .blog-post-repeat:hover .post-thumb span, .blog-post-repeat-full:hover .post-thumb span { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}

/* ------------------ */
.post-title{ margin-bottom:0px; text-transform:uppercase; padding:10px 0; letter-spacing:1px;}
.post-title a{color:#444444;transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;}
.blog-post-repeat{ width:48%; float:left; margin:0px 33px 30px 0; padding-bottom:10px; position:relative;}
.blog-post-repeat .post-thumb, .blog-post-repeat-full .post-thumb{ position:relative; background-color:#1694d1; overflow:hidden;}
.blog-post-repeat .post-thumb img, .blog-post-repeat-full .post-thumb img{ display:block; width:100%; height:auto; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.blog-post-repeat:hover .post-thumb img, .blog-post-repeat-full:hover .post-thumb img{ opacity:0.3; -webkit-transform:scale(1.08); transform:scale(1.08);}
.blog-post-repeat .post-content, .blog-post-repeat-full .post-content { padding:20px 0 20px;}
.blog-post-repeat .BlogMeta, .blog-post-repeat-full .BlogMeta{ margin-bottom:20px; font:400 15px 'Assistant'; color:#353535; padding:10px 0 0;}
.blog-post-repeat .BlogMeta .fa, .blog-post-repeat-full .BlogMeta .fa { margin-right:10px; color:#bfbfbf;}
.post-comment { float:right;}
.blog-post-repeat.lastmar { margin-right:0;}
.blog-post-repeat-full { width:31%; float:left; margin:0px 40px 30px 0; padding-bottom:10px; position:relative;}
.blog-post-repeat-full.nomar { margin-right:0;}
.single-post .blog-post-repeat { width:100%; float:none; height:auto; margin-right:0;}

/* ----- Blog Single Post ----- */
.single-blog .blog-post-repeat { background:none;}
.single-blog .blog-post-repeat .post-thumb { width:100%; float:none; height:auto; overflow:visible; background:none;}
.single-blog .post-thumb img { width:100%; height:auto; display:block; transform:none;}
.single-blog:hover .post-thumb img { transform:none; opacity:1;}
.single-blog .postmeta { color:#212121; border-bottom:1px solid #6f6f6f; margin-bottom:20px; padding-bottom:10px;}
.single-blog .postmeta a { color:#212121 !important;}
.single-blog .postmeta a:hover { color:#1694d1 !important;}
.single-blog .post-content-single{ padding:20px 0;}
.single-blog .postmeta .post-author { display:inline-block; border-right:1px solid #6f6f6f; margin-right:10px; padding-right:10px; margin-left:0;}
.single-blog .postmeta .post-date { display:inline-block; padding-right:10px; border-right:1px solid #6f6f6f;}
.single-blog .postmeta .post-comment { display:inline-block; float:none; padding-left:10px;}
h2.heading{ padding-bottom:15px;}
.underline{ border-bottom:1px solid #efeded;}

/*================================================== 
	SECTION TWELFTH GET IN TOUCH CSS
==================================================== */
.get-in-touch { position:relative;}
.get-in-contact { width:65%; float:left;}
.get-in-form { position:relative; padding-top:30px;}
.get-in-left { float:left; width:48%;}
.get-in-form .get-in-left input[type="text"], .get-in-form .get-in-left input[type="tel"], .get-in-form .get-in-right input[type="email"], .get-in-form .get-in-right input[type="text"] { width:92%; height:35px; margin-bottom:25px; font:400 16px 'Assistant'; color:#6e6e6e; border-color:#dbdbdb;}
.get-in-right { float:right; width:48%;}
.get-in-contact .get-in-form textarea { width:96%; height:160px; font:400 16px 'Assistant'; color:#6e6e6e; border-color:#dbdbdb;}
.get-in-contact .get-in-form input[type="submit"] { margin-top:4%; border-radius:5px; font:400 15px 'Assistant'; padding:12px 18px;}
.get-info { width:32%; float:right; padding-top:30px;}
.get-info h4 { text-transform:uppercase; letter-spacing:2px;}
.get-info ul { margin:0; padding:0;}
.get-info ul li { font:400 16px 'Assistant'; margin-bottom:30px; list-style:none;}
.get-info ul li a { color:#6e6e6e;}
.get-info ul li a:hover { color:#1694d1;}
.get-info ul li .fa { font-size:1.4em; color:#1694d1; margin-right:20px; text-align:center; width:40px; height:40px; float:left;}
.get-info ul li .fa-mobile { font-size:30px;}
.get-info ul li span { margin-right:20px;}
.get-info .social-icons a { font-size:18px; width:40px; color:#bcbcbc;}
.get-info .social-icons a:hover { color:#1694d1;}

/*================================================== 
	SECTION FOOTER CSS
==================================================== */
#footer-wrapper{ background-color:#000000; position:relative; padding:50px 0 0; color:#979797; font:400 15px/26px 'Roboto';}
.cols-3{ width:22.7%; float:left; margin:0 3% 3% 0; position:relative;}
.cols-3 h5{ margin-bottom:20px; padding-bottom:15px; text-transform:capitalize; margin-top:20px;}
.cols-3 ul { padding-top:4px;}
.cols-3 ul li { list-style:none; position:relative;}
.cols-3 ul li a:before { content:'\f054'; font-family:FontAwesome; position:absolute; left:0; font-size:12px; font-weight:300;}
.cols-3 ul li ul{ display:none;}
.cols-3 ul li a{ color:#979797; transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s; text-transform:capitalize; font:300 15px/26px 'Roboto'; padding:8px 0px 8px 25px; position:relative; display:block;}
.cols-3 ul li:first-child { padding-top:0;}
.widget-column-4 { margin-right:0;}
.widget-column-4 .newsletter { position:relative; margin-top:30px;}
.widget-column-4 .newsletter input[type="email"] { width:88%; background-color:#080808; font:400 15px 'Roboto'; color:#979797; margin-right:0; border:1px solid #0f0f0f; margin-bottom:0;}
.widget-column-4 .newsletter input[type="submit"] { position:absolute; top:0; right:0; background:url(images/footnews-bg.png) no-repeat center; font-size:0; width:50px; height:49px; padding:0; margin-top:0;}
.widget-column-4 h3 { margin-top:20px; font-weight:normal;}
.cols-3 .social-icons a{ width:45px; height:45px; line-height:45px; margin:0 2px 0px 2px; padding:0; color:#464545; display:inline-block; transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s; text-align:center;}
.cols-3 .social-icons a:hover{ color:#ffffff;}
.cols-3 .social-icons .fa { margin-right:0; font-size:16px;}

/* ----- footer contact info ----- */
.contactdetail{ line-height:24px; margin-top:50px;}
.contactdetail a { color:#979797;}
.contactdetail .fa{ margin-right:20px; font-size:18px; color:#ffffff;} 
.contactdetail p{ margin-bottom:15px;}

/* ----- Copyright Wrapper ----- */
.copyright-wrapper { background-color:#0e0e0e; position:relative; font:400 15px 'Roboto';}
.copyright-inner {padding:30px 0; width:1170px; margin:0 auto;}
.copyright-txt{float:left; font-weight:500; color:#979797;}
.copyright-txt span { color:#1694d1;}
.designby{float:right; font-weight:500; color:#979797;}

/*================================================== 
	CONTACT PAGE CSS
==================================================== */
#contactform_main { margin-bottom:10%;}
.contact_form { width:70%; margin:0 auto;}
.contact_info{ width:100%; margin-bottom:50px;}
.contact-box { width:28%; float:left; margin:30px 30px 0 0; border:1px solid #1694d1; padding:20px;}
.contact-box.last { margin-right:0;}
.contact-icon { width:20%; float:left; text-align:center;}
.contact-icon .fa { font-size:4em; color:#212121;}
.contact-desc { float:right; width:72%;}
.contact-desc h3 { border-bottom:1px dashed #6f6f6f; padding-bottom:10px; margin-bottom:10px;}

/*================================================== 
	SKILL BAR CSS
==================================================== */
.skillbar {position:relative; display:block; margin-bottom:35px; width:100%; height:35px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color;}
.skillbar-title { font:700 18px 'Assistant';color:#212121;}
.skillbar-title span { display:block; color:#212121; padding:0; height:35px; line-height:35px;}
.skillbar-bar { height:10px; width:0px; background-color:#1694d1; border-radius:9px;}
.skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#212121; font:700 18px 'Roboto Condensed';}
.skill { width:46.98%; float:left;}
.skill-bg{ width:100%; background-color:#212121; border-radius:9px;}
.content-area .skillbar {position:relative;} 
.content-area .skill-tab { padding:40px 0;}
.content-area .skill-tab .one_half h3, .content-area .skill-tab .one_half.last_column h3 { font:700 25px 'Roboto'; color:#212121; text-transform:uppercase; margin-bottom:40px;}

/* --------- Pages ------- */
.content-area{ padding:40px 0;}
.site-main{ width:830px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important;}
#sidebar{ width:300px; float:right;}
.sidebar-left{ float:left !important;}
#sidebar .quotes h6 a { color:#ffffff;}
.flotRight{ float:right !important;}

/*================================================== 
	SIDEBAR CSS
==================================================== */
aside.widget{ padding:20px 0px 0; color:#212121;}
aside.widget.widget_search { border:none; padding:0;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ padding:8px 15px; margin-bottom:-1px; color:#212121; border:2px solid #1694d1; font-size:17px; font-family:'Roboto Condensed'; text-transform:uppercase;}
.textwidget { padding:15px 0px;}
#sidebar #contactform_main input[type=text], #sidebar #contactform_main input[type=email], #sidebar #contactform_main input[type=tel],#sidebar #contactform_main input[type=url], #sidebar #contactform_main textarea{width:90%; }
#sidebar #contactform_main p{ margin-bottom:10px;}

#sidebar ul { padding:15px 15px 0 15px;}
#sidebar ul li{ list-style: disc inside ; border-bottom:1px dashed #1d1d1d; padding:8px 0 8px 0;}
#sidebar ul li a{ font:400 14px/18px "Roboto";  padding-left:15px; color:#212121; position:relative;}
#sidebar ul li a:hover{ color:#1694d1;}
#sidebar ul li:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}
#sidebar #testimonials { padding:0 15px;}
#sidebar .search-form input.search-field{ width:80%; padding: 12px 15px 11px 15px; box-sizing:border-box; color:#212121;}
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #212121; padding:12px 0 12px 0; font-size:0; width:20%; height:42px;float:right;transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;}

#sidebar .widget_recent_entries li, #sidebar .widget_recent_comments li, #sidebar .widget_archive li, #sidebar .widget_categories li, #sidebar .widget_meta li{ padding: 10px 0 10px 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; list-style:none;}
#sidebar .widget_recent_entries li:first-child, #sidebar .widget_recent_comments li:first-child, #sidebar .widget_archive li:first-child, #sidebar .widget_categories li:first-child, #sidebar .widget_meta li:first-child{ padding-top:0; }
#sidebar .widget_categories li span { float:right; width:30px; height:30px; line-height:33px; text-align:center; background:transparent; border-radius:100%;}
#sidebar .widget_recent_entries li:hover, #sidebar .widget_recent_comments li:hover, #sidebar .widget_archive li:hover, #sidebar .widget_categories li:hover, #sidebar .widget_meta li:hover{ padding-left: 15px; }
#sidebar .widget_recent_entries li a:before, #sidebar .widget_archive li a:before, #sidebar .widget_categories li a:before, #sidebar .widget_meta li a:before{ content:'\f101'; font-family:FontAwesome; position:absolute; left:0; top:0; }
#sidebar .widget_tag_cloud a{ border:1px solid; text-transform:uppercase; font-size:15px !important; border-radius:3px; padding:8px 15px; margin-right:10px; display:inline-block; margin-bottom:10px; }
.widget_content { padding:0; }

/*================================================== 
	CONTACT FORM CSS
==================================================== */
.wpcf7{ margin:0; padding:0; font:15px 'Roboto'; color:#444444;}
.wpcf7 form{ margin:0; padding:0;}
.wpcf7 form span.last{ float:none !important;}
.wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select{ border:1px solid #cccccc; padding:5px 3px; margin-top:10px; font:13px arial; color:#444444;}
.wpcf7 form input[type="checkbox"], .wpcf7 form input[type="radio"], .wpcf7 form input[type="file"]{ margin-top:10px; padding:0;}
span.wpcf7-list-item{ margin:0 15px 0 0 !important;}
#contactform_main input[type=text], #contactform_main input[type=email], #contactform_main input[type=tel], #contactform_main input[type=url]{width:44%; border:1px solid #6f6f6f; padding:15px; float:left; margin:0 12px 12px 0; color:#212121;}   
#contactform_main textarea{ width:93%; margin-right:0; height:130px; border:1px solid #6f6f6f; padding:15px; color:#212121;} 
#contactform_main span.capcode{ float:left; padding:13px; padding:13px; margin:0 8px 8px 0;}   
#contactform_main input[type=submit] { width:40%; display:table; margin:20px auto 0;}
#contactform_main input[type=submit]:hover { background-color:#212121; color:#ffffff;}
#contactform_main input[type=submit], .wpcf7 form input[type="submit"] { font:700 16px/24px 'Roboto'; text-transform:uppercase; cursor:pointer; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; margin-top:20px;}
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{ border:1px solid #cccccc; padding:15px; margin:0 8px 8px 0; color:#444444;}
.wpcf7 form textarea{ margin-right:0; height:130px;} 
iframe{ width:100%; display:block;}

/*================================================== 
	SEARCH POSTS CSS
==================================================== */
.search-post { padding:30px 0; border-bottom:1px solid #bbbbbb;}
.search-post .post-thumb { width:47%; float:left; position:relative; background-color:#4c82c3; overflow:hidden;}
.search-post .post-thumb img { width:100%; height:auto; display:block; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; }
.search-post:hover .post-thumb img { opacity:0.3; -webkit-transform:scale(1.08); transform:scale(1.08);}
.search-post figcaption::after {position:absolute; top:15px; right:15px; bottom:15px; left:15px; content:''; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; border:1px solid #ffffff; -webkit-transform:scale(0,1); transform:scale(0,1);}
.search-post:hover figcaption::after { opacity:1; -webkit-transform:scale(1); transform:scale(1);}
.search-post .BlogMeta { position:absolute; top:100%; display:block; -webkit-transition-property: top, opacity; transition-property: top, opacity; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-delay: 0s; transition-delay: 0s; opacity:0; text-align:left; width:auto; height:auto; left:35px; background-color:#ffffff; font:400 15px 'Roboto'; color:#4c82c3; padding:10px 20px; border-radius:29px;}
.search-post .BlogMeta a { color:#4c82c3;}
.search-post:hover .BlogMeta { -webkit-transition-delay: 0.17s; transition-delay: 0.17s; opacity:0.9; top:75%;}
.search-post .post-content { width:47%; float:right; padding-top:10px;}
.search-post .post-content h3.post-title { margin-bottom:15px;}
.search-post .post-content h3.post-title a { color:#212121;}

/* ----- default css ----- */
.error_msg{padding:10px; background:#5747cb; color:#ffffff; border:1px #5747cb solid; margin:15px 0;}
.success_msg{padding:10px; background:#5747cb; color:#ffffff; border:1px #5747cb solid; margin:15px 0;}
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both; margin:0 auto;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#444444; color:#ffffff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#1694d1; color:#ffffff;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}
article p{margin:0 0 20px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
form.search-form{margin-bottom:20px;}
input.search-field, .post-password-form input[type=password], .wpcf7 form input[type="submit"]{border:1px #bbbbbb solid; padding:7px 15px;}
input.search-submit, .post-password-form input[type=submit], .wpcf7 form input[type="submit"]{border:none; color:#ffffff; padding:8px 25px; cursor:pointer; }

.nav-previous{float:left; margin-top:10px; margin-bottom:10px;}
.nav-previous a { padding:5px 10px; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; display:inline-block; border:1px solid #373735; }
.nav-previous a:hover { border:1px solid #1694d1;}
.nav-next{float:right; margin-top:10px; margin-bottom:10px; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.nav-next a { padding:5px 10px; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; display:inline-block; border:1px solid #373735;}
.nav-next a:hover { border:1px solid #1694d1;}
nav.post-navigation{padding:10px 0 20px;}
.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px; padding:15px 15px 25px 15px;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:0px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #bbbbbb;}
.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;}
.comment-author.vcard { width:80px; height:80px; border:5px solid #f2f2f2;}
.comment-author.vcard img { width:100%; height:auto; display:block;}
#commentform label { margin:10px 0;}
#commentform input#email, #commentform input#url, #commentform input#author, #commentform textarea, #commentform input#eazycfc_captcha { width:47%;}
#commentform input#submit { margin-top:15px; padding-top:12px; padding-bottom:12px; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
h3.comments-title { letter-spacing:1px;}
.comments-area .comment-list ul li { margin-top:10px; margin-bottom:0; border-bottom:none; padding-bottom:0;}
.comments-area .comment-list ul.children li.comment {  padding-left:10%;}
article.comment-body { border:1px solid #f2f2f2; padding:10px;}
.comments-area .comment-list .reply { margin-top:15px;}
.customtab{ margin-top:0px;}

/* ----- Text meant only for screen readers ----- */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.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. */}

/*================================================== 
	WOOCOMMERCE CSS
==================================================== */
a.added_to_cart{background:#444444; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#1694d1; color:#ffffff;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto'; color:#1694d1;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto'; color:#1694d1;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.woocommercesitefull{ width:100%;}

/*================================================== 
	POST NAV CSS
==================================================== */
.post-nav{ clear:left; margin-top:40px;}
.prev-page, .next-page{ margin:0; padding:0;}
.prev-page a{ float:left;}
.next-page a{ float:right;}
.prev-page a, .next-page a{background-color:#515151; padding:5px 10px; color:#ffffff; font:15px 'Roboto';}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }
/* ----- back to top css ----- */
#top{ position:relative;}
#back-top {	position: fixed; bottom: 0px; right:10px;}
#back-top a {width:64px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase; text-decoration: none;color: #bbb;-webkit-transition:1s; -moz-transition:1s; transition:1s;}
#back-top span {width:64px;height:62px;	display: block;	margin-bottom: 7px;	background: url(images/up-arrow.png) no-repeat center center; -webkit-transition:1s; -moz-transition:1s; transition:1s; opacity:0.7;}
.slider-main{ min-height:498px; position:relative; background:url(images/loading.gif) no-repeat center center #fff;}
.boxlayout{ width:1210px; margin:0 auto; box-shadow:0 5px 10px #000}
.boxlayout .container{ padding:0 20px;}