/*
Theme Name: Roop Travel
Theme URI: http://www.eiliasolutions.com
Author: Eilia Solutions
Author URI: http://www.eiliasolutions.com
Description: WordPress template for Roop Travel portal.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: roop


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.
*/


@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');

body {
    font-family: 'Roboto', sans-serif;
    color:#000;
    font-size:17px;
}



header {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0f9ff+0,cbebff+47,a1dbff+100;Blue+3D+%2313 */
background: #f0f9ff; /* Old browsers */
background: -moz-linear-gradient(left,  #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=1 ); /* IE6-9 */
    
}

#mega-menu-wrap-top {
	background: transparent;
}

img {
    max-width: 100%;
}

nav li a {
	color: #828481;
}

footer {
    padding:50px 20px;
    background: #bdc3c7;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #2c3e50, #bdc3c7);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #2c3e50, #bdc3c7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}


footer ul {
    padding-left: 0px;
}

footer li {
    list-style:none;
}

footer li a {
    color:#212121;
}

.copyright {
	font-size: 14px;
        color:#fff;
}

.copyright a {
    color:#fff;
    text-decoration: underline;
}

.orangearrows li {
	background: url('images/orangearrow.png') no-repeat center left;
	list-style: none;
	font-size: 17px;
	padding-left: 28px;
	margin-bottom: 7px;
}

#footer_subscribe span {
    display: block;
    font-size:16px;
}

#footer_subscribe .blue {
    color: #326496;
    font-weight: 500;
}

#footer_subscribe .orange {
    color: #ff6400;
    font-weight: 700;
}

.inputbox {
    border: 1px solid #dedadb;
    padding: 5px 8px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.orangebullet {
	font-size: 16px;
	margin-left: 0;
	padding-left: 13px;
}

.orangebullet li span {
    color:#4e4e4e;
}

.blueoutline {
	border: 1px solid #4b5a79;
	padding: 7px 12px;
	border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
}

.txtblue {
    color:#326496;
}

.txtorange {
    color:#ff6400;
}

.txtbold {
    font-weight:bold;
}

.buttonorangeoutline button {
    border-color:#ff6400 !important;
}

.buttonorangeoutline button:hover {
    background-color:#cd582c !important;
}


#cntct_top {
	text-align: right;
	padding: 10px 0;
}

#cntct_top * {
	color: #000;
}

#cntct_top i {
    color:#17980E;
}
.social_icons{
margin-bottom: 12px;    
}

.social_icons i {
	background: #fff;
	padding: 10px;
	width: 36px;
	border-radius: 18px;
	color: #AF1C24;
}


/* for Smaller screens */
@media (min-width: 320px) and (max-width: 767px)  {
    
    .navbar {
	margin-top: 10px;
    }
    
    
    
    #logo {
	text-align: center;
    }
    
    #cntct_top {
        text-align: center;
        font-size: 14px;
    }
    
    #cntct_top span {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 10px;
        font-size:14px;
    }
}

/* for larger screens and iPads */
@media only screen and (min-width: 768px) {
    .nav > li {
        display:inline-block;
    }
    
    .nav > li:hover a {
        background:#af1c24;
        color:#FFF;
    }
    
    .navbar-header {
	display: none;
    }
    
    .navbar-default {
	background: none;
	border: 0;
    }
    
    .nav > li > a {
        
        background: #af1c24;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to top, #240b36, #af1c24);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to top, #240b36, #af1c24); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


        
        color:#fff;
	padding: 5px 15px;
        border-radius:5px;
        
    }
    
    .vertical_divider {
        background:url('images/vertical_divider.png') no-repeat center right;
        background-size: 6%;
    }
    
    .divheight h2 {
	line-height: 25px !important;
    }
    
    .vc-hoverbox-inner {
	min-height: 115px !important;
    }
    
    .hoverbox .vc-hoverbox-block {
	background-size: 109%;
	background-repeat: no-repeat;
    }
    
    .navbar.navbar-default {
	margin-top: 0px;
    }
    
    .plan_features {
	height: 440px;
        line-height:27px;
    }
    
    .subpages {
	padding: 0;
	margin: 0;
	list-style: none;
    }
    
    .subpages li {
	display: inline-block;
	padding: 1%;
	background: #1585ca;
	margin: 5px;
	min-width: 32%;
	text-align: center;
	border-radius: 20px;
    }
    
    
    .subpages li a {
	color: #FFF;
        display: block;
    }
    
}

div.blue {
    color:#739fd9;
}

div.green {
    color: #789747;
}

div.purple {
    color: #8e73aa;
}

td.green {
	color: #789747;
	margin-left: 10px;
	display: inline-block;
	border-left: 2px solid #9b9b9b;
	padding-left: 5px;
	margin-bottom: 4px !important;
}


div.sep_heading h4 {
	color: #af1c24;
	font-size: 1.8em;
}

#tagline {
    height:117px;
    position: relative;
}

#tagline img {
    position:absolute;
    bottom:7px;
}

/* for smart phones */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px)  {

    #logo img {
        height: 115px;
    }
    
    #tagline {
        height: 66px;
    }
    
    #mega-menu-wrap-top {
        margin-bottom: 10px;
    }
    
}

/* for iPads */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {

    #tagline {
	height: 66px;
    }
    
}

/* for large screens only */
@media only screen and (min-width: 1200px) {
    .smallheadings {
	font-size: 52px;
    }
    
    .pricingBox .recommended .highlighted {
	font-size: 22px;
    }
    
    .vc-hoverbox-inner {
	min-height: 165px !important;
    }
}