/*
      ==============================================================
           Import CSS
      ==============================================================
*/

@import url('css/bootstrap.min.css');
@import url('css/shortcodes.css');
@import url('css/font-awesome.min.css');
@import url('css/owl.carousel.css');
@import url('css/widget.css');
@import url('css/typography.css');
@import url('css/jquery.mCustomScrollbar.min.css');

/*
    ==============================================================
       Default CSS
    ==============================================================
*/

.gt_wrapper {
    overflow: hidden;
}

.gt_wrapper,
header,
section,
footer,
.default_width,
.gt_content_wrap {
    float: none;
    width: 100%;
    position: relative;
}

section {
    padding: 70px 0px;
}

.no_padding {
    padding: 4px;
}

.no_margin {
    margin: 0px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb30 {
    padding-bottom: 30px;
}

.white {
    color: #ffffff;
}

.light_black {
    color: #444444;
}

.font_bold {
    font-weight: bold;
}


/*
  ==============================================================
    Top Wrap CSS
  ==============================================================
*/

.gt_top_wrap_bg {
    background-image: url(images/top.jpg);
    background-repeat: repeat-x;
    background-position: 0 0;
}

.gt_top_ui_element {
    float: right;
}

.gt_top_ui_element li:first-child {
    background: url(images/top1.jpg) no-repeat left bottom;
}

.gt_top_ui_element li {
    color: #ffffff;
    font-size: 13px;
}

.gt_top_ui_element li {
    padding: 11px 30px 10px;
    float: left;
}

.gt_top_ui_element li i {
    margin: 4px 3px 0px;
    display: inline-block;
    text-align: center;
    font-size: 13px;
}

.gt_top_ui_element li span {
    margin-left: 10px;
    margin-bottom: 0;
    display: inline-block;
}

.gt_top_ui_element li:last-child {
    background: url(images/top2.jpg) no-repeat right bottom;
}


/*
    ==============================================================
       Logo Social Icon Wrap CSS
    ==============================================================
*/

.gt_logo_nav_wrap {
    border-bottom: 1px solid #eee;
    min-height: 105px;
    padding-top: 25px;
    background-image: url(images/header_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/*Logo Css*/

.gt_logo {
    float: left;
    width: auto;
    margin-top: -15px;
}

.gt_logo>a {
    display: block;
}


/*Social Icon Css*/

.gt_social_icon {
    float: right;
    width: auto;
}

ul.gt_social_icons>li {
    display: inline-block;
    position: relative;
    margin: 15px 8px;
}

ul.gt_social_icons >li a {
    display: block;
    color: #444444;
    width: 35px;
    height: 35px;
    text-align: center;
    position: relative;
    top: -4px;
    left: -4px;
    line-height: 35px;
    box-shadow: 3px 3px 0px 0px rgba(68, 68, 68, 0.2);
    -webkit-box-shadow: 3px 3px 0px 0px rgba(68, 68, 68, 0.2);
    -moz-box-shadow: 3px 3px 0px 0px rgba(68, 68, 68, 0.2);
    background: #f5f8fe;
}

ul.gt_social_icons>li a:hover {
    color: #ffffff;
}


/*
      ==============================================================
           Search Wrap CSS
      ==============================================================
*/

.gt_search_wrap {
    float: right;
    width: auto;
    position: relative;
    margin-right: 6px;
}

.gt_search_wrap>form {
    position: relative;
    overflow: hidden;
}

.gt_search_wrap form>input[type="text"] {
    height: 38px;
    background: #f5f8ff;
    top: -3px;
    right: -3px;
    position: relative;
    border-bottom: 4px solid;
    border-left: 0px;
    border-top: 0px;
    padding-left: 10px;
    transform: translateX(200px);
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    opacity: 0;
}

.gt_search_wrap form>button {
    color: #444444;
    width: 35px;
    height: 35px;
    font-size: 14px;
}

.gt_search_wrap form>button>i {
    background: #f5f8ff;
    width: 35px;
    height: 35px;
    position: relative;
    top: -5px;
    left: -10px;
    box-shadow: 3px 3px 0px 0px rgba(68, 68, 68, 0.2);
    line-height: 35px;
    -moz-box-shadow: 3px 3px 0px 0px rgba(68, 68, 68, 0.2);
    -webkit-box-shadow: 3px 3px 0px 0px rgba(68, 68, 68, 0.2);
}


/*Hover*/

.gt_search_wrap form>button>i:hover {
    color: #ffffff;
}

.gt_search_wrap>form:hover input[type="text"] {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    opacity: 1;
}


/*
      ==============================================================
           Menu Wrap CSS
      ==============================================================
*/

.gt_navigation_wrap {
    background-image: url(images/menu-bg-right.png), url(images/menu-bg.png);
    background-position: right top, left top;
    background-repeat: no-repeat, repeat;
}

.gt_navigation {
    float: left;
    width: auto;
}

.gt_navigation ul {
    float: left;
    width: 100%;
}

.gt_navigation ul li {
    position: relative;
    display: inline-block;
}

.gt_navigation>ul>li:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 3px;
    z-index: 1;
}

.gt_navigation>ul>li:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 0px;
    background-color: #ffffff;
}

.gt_navigation ul li a {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    display: block;
    padding: 16px 20px;
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 500;
    position: relative;
    z-index: 1;
    font-size: 16px;
}

.gt_navigation li.dropdown>a:after {
    /*content: "\f0d7";*/
    font-family: fontawesome;
    top: 17px;
    right: 5px;
    width: auto;
    height: auto;
    color: #ffffff;
    font-size: 16px;
    position: absolute;
}


/*2nd ul*/

.gt_navigation ul ul {
    position: absolute;
    top: 120%;
    left: 0px;
    background-image: url(images/menu-bg.png);
    background-repeat: repeat;
    width: 250px;
    padding: 10px 8px;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
}

.gt_navigation ul ul li {
    width: 100%;
}

.gt_navigation ul ul li a {
    padding: 10px;
}

.gt_navigation ul ul li a i {
    color: #ffffff;
    margin-right: 10px;
}


/*3rd ul*/

.gt_navigation ul ul ul {
    left: 120%;
    top: 0px;
}


/*hover*/

.gt_navigation>ul>li:hover:before {
    width: 100%;
}

.gt_navigation>ul>li:hover:after {
    height: 100%;
}

.gt_navigation>ul>li:hover>a {
    color: #222222;
}

.gt_navigation ul ul li:hover>a {
    background-color: #ffffff;
    color: #222222;
}

.gt_navigation ul ul li:hover>a>i {
    color: #222222;
}

.gt_navigation ul li:hover>ul {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.gt_navigation ul ul li:hover > ul {
    left: 100%;
    top: 0px;
}


/*Responsive Menu*/

.gt_mobile_menu {
    height: 36px;
    position: relative;
    width: 40px;
    padding: 0px 6px;
    display: none;
}

.gt_mobile_menu>span.icon-bar {
    display: block;
    width: 100%;
    height: 4px;
    margin: 0px 0px 4px;
    background-color: #ffffff;
}

.gt_mobile_menu>span.icon-bar:last-child {
    margin-bottom: 0px;
}

.gt_mobile_menu:hover>span.icon-bar {
    background-color: #ffffff;
}

.gt_mobile_menu:hover {
    background-color: #ffffff;
}


/*
      ==============================================================
           Main Slider Wrap CSS
      ==============================================================
*/

.main-slider .tp-banner .slotholder:after {
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.main-slider {
    position: relative;
    background: none;
    color: #ffffff;
}

.main-slider h3,
.main-slider h4 {
    font-weight: bold;
}

.main-slider p {
    font-size: 18px;
}

.main-slider .tp-bullets {
    display: none;
}

.tp-bullets.preview4 .bullet {
    background: #fbca00;
    border-color: #202020;
    margin: 0px 5px;
}

.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected {
    border-color: #fbca00;
}

.default-btn {
    position: relative;
    padding: 10px 25px;
    line-height: 24px;
    text-transform: uppercase;
    background: none;
    color: #ffffff !important;
    font-size: 14px;
    border: 2px solid #ffffff !important;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    -moz-border-radius: 20px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.default-btn .fa {
    padding-right: 5px;
}

.default-btn.style-two,
.default-btn:hover {
    color: #ffffff !important;
    border-color: #fbca00 !important;
}


/*
      ==============================================================
           Purcahse Now  Wrap CSS
      ==============================================================
*/

.gt_purchase_now_bg {
    background: url(images/callactionbg.png) left bottom no-repeat;
}

.gt_purchase_now_img>img {
    display: inline-block;
}

.gt_purchase_now_des {
    margin-top: 45px;
}

.gt_purchase_now_des h4 {
    color: #ffffff;
}

.gt_purchase_now_des p {
    color: #ffffff;
    font-size: 14px;
    line-height: 14px;
}

.gt_purchase_btn {
    margin-top: 60px;
}

.gt_purchase_btn>a {
    color: #444444;
}


/*
      ==============================================================
          Main Services Wrap CSS
      ==============================================================
*/

.gt_main_services {
    padding-bottom: 40px;
}

.gt_services .text {
    float: right;
    width: 60%;
    padding: 30px 30px 30px 80px;
    background: #f5f8ff;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}

.gt_services .text:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.gt_services .text h5 {
    font-weight: 600;
}

.gt_services .text h5>i {
    margin-right: 15px;
}

.gt_service_img {
    float: left;
    width: 48%;
    height: 172px;
    top: 22px;
    background-position: 100% center;
    background-size: cover;
    position: absolute;
    left: 0px;
    z-index: 2;
}


/*Hover Css*/

.gt_services:hover .text:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    transform: scaleY(1);
}

.gt_services:hover .text>h5,
.gt_services:hover .text>h5>i,
.gt_services:hover .text>p,
.gt_services:hover .text>a {
    color: #ffffff
}

.gt_services:hover .gt_service_img {
    box-shadow: 3px 3px 0px 0px rgba(68, 68, 68, 0.2);
    -moz-box-shadow: 3px 3px 0px 0px rgba(68, 68, 68, 0.2);
    -webkit-box-shadow: 3px 3px 0px 0px rgba(68, 68, 68, 0.2);
}


/*
      ==============================================================
          Heading Wrap CSS
      ==============================================================
*/

.gt_hdg_01 {
    text-align: center;
}

.gt_hdg_01>p,
.gt_hdg_02>p {
    line-height: normal;
}

.gt_hdg_01>h4,
.gt_hdg_02 {
    position: relative;
    font-weight: 600;
}

.gt_hdg_01>h4:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    background-color: #d1d1d1;
    width: 30%;
    height: 1px;
}

.gt_hdg_01>h4:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 50px;
    height: 3px;
}

.gt_hdg_01>h4>span {
    text-transform: capitalize;
}


/*Heading 02*/

.gt_hdg_02 {
    text-align: left;
}

.gt_hdg_02>h4 {
    font-weight: bold;
}

.gt_hdg_02>h4,
.gt_hdg_02>p {
    font-weight: 600;
}

.gt_hdg_02>h4:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #d1d1d1;
    width: 40%;
    height: 1px;
}

.gt_hdg_02>h4:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0px;
    width: 50px;
    height: 3px;
}


/*White hdg*/

.gt_achievement_bg .gt_hdg_02>h4:before {
    width: 20%;
}

.gt_hdg_02.white_hdg>h4,
.gt_hdg_02.white_hdg>p {
    color: #ffffff;
}


/*
      ==============================================================
           Multi Purpose  Wrap CSS
      ==============================================================
*/

.gt_multipurpose_bg {
    background-color: #fff;
    outline: 1px solid #f5f8ff;
    /*border: 1px solid #ffffff;*/
}

.inner_wrapper_right {
    padding: 0 15px 0 0;
}

.inner_wrapper_right p {
    color: #000000;
    font-size: 13px;
}

.gt_multipurpose_icon {
    width: 52px;
    float: left;
}

.gt_multipurpose_icon>span {
    font-size: 20px;
    font-weight: 600;
}

.gt_multipurpose_icon_des {
    padding: 0px 0px 0px 80px;
    width: auto;
    float: none;
}

.gt_multipurpose_icon_des>h5>a {
    display: block;
    font-weight: 600;
}


/*Office Css*/

.gt_mutipurpose_office>figure:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 8px;
}

.gt_mutipurpose_office>figure:after {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 35%;
    height: 8px;
    transform: skewX(-50deg);
    -moz-transform: skewX(-50deg);
    -webkit-transform: skewX(-50deg);
}


/*
      ==============================================================
           Achivments Wrap CSS
      ==============================================================
*/

.gt_achievement_bg:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50%;
    height: 100%;
    background-image: url(images/pattern-bg.png);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: 0 0;
}

.gt_achievement_bg:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50.8%;
    height: 100%;
    background-image: url(extra-images/achievement-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center right;
}

.gt_facts_wrap {
    padding: 30px;
    background-color: #f2f3f8;
    text-align: center;
    overflow: hidden;
}

.gt_facts_wrap:before {
    bottom: 0px;
    content: "";
    height: 8px;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0px;
}

.gt_facts_wrap:after {
    bottom: 4px;
    content: "";
    height: 5px;
    overflow: hidden;
    position: absolute;
    right: -5px;
    width: 30%;
    -moz-transform: skewX(50deg);
    -webkit-transform: skewX(50deg);
    background-color: #ffffff;
    transform: skewX(50deg);
}

.gt_facts_wrap>i {
    margin-right: 10px;
    margin-bottom: 8px;
}

.gt_facts_wrap>i,
.gt_facts_wrap>span {
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
}

.gt_facts_wrap>h5 {
    font-weight: 600;
}


/*
      ==============================================================
           Accordian Wrap CSS
      ==============================================================
*/

.gt_accordian_hdg {
    background-color: #f5f8fe;
    padding: 15px;
    border-bottom: 2px solid #e0e0e0;
    border-top: 2px solid #f5f8fe;
}

.gt_accordian_hdg.accordion-open {
    border-bottom-color: #ffffff !important;
    cursor: pointer;
}

.gt_accordian_hdg.accordion-open span,
.gt_accordian_hdg.accordion-open h6 {
    color: #ffffff;
}

.gt_accordian_hdg>span {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
}

.gt_accordian_hdg>h6 {
    text-transform: capitalize;
    font-weight: 600;
    display: inline-block;
}

.gt_accordian_hdg>i {
    float: right;
    width: 15px;
    height: 15px;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    line-height: 15px;
}

.gt_accordian_hdg.accordion-open .fa-caret-right:before {
    content: "\f0d7";
}

.gt_accordian_des {
    overflow: hidden;
}

.gt_accordian_des:before {
    content: "";
    height: 3px;
    bottom: 3px;
    overflow: hidden;
    position: absolute;
    right: -5px;
    width: 30%;
    -moz-transform: skewX(50deg);
    -webkit-transform: skewX(50deg);
    transform: skewX(50deg);
    z-index: 5;
}

.gt_accordian_des:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    bottom: 0px;
    left: 0px;
}

.gt_accordian_des>p {
    color: #ffffff;
    padding: 20px;
}

.gt_provide_wrap>ul {
    width: 50%;
    float: left;
}

ul.gt_provide_list li {
    font-weight: 300;
    padding-top: 10px;
}

ul.gt_provide_list li i {
    margin-right: 10px;
}


/*
      ==============================================================
           Multi Purpose Tab Wrap CSS
      ==============================================================
*/

.gt_multi_tab_wrap {
    background-color: #ffffff;
}

.gt_tab_nav ul {
    text-align: center;
    border-bottom: 1px solid #dddddd;
}

.gt_tab_nav ul li {
    display: inline-block;
    position: relative;
    margin: 0px 20px;
}

.gt_tab_nav ul li a {
    display: block;
}

.gt_tab_btn {
    text-align: center;
    border: 1px solid transparent;
    padding: 10px 10px 25px;
    position: relative;
}

.gt_tab_btn:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0px;
    width: 0px;
    height: 2px;
}

.gt_tab_btn>span {
    width: 80px;
    height: 80px;
    border: 2px solid #f5f8ff;
    font-size: 36px;
    margin: 0px 0px 15px;
    background-color: #ffffff;
    display: inline-block;
    border-radius: 100%;
    line-height: 80px;
    color: #444444;
}

.gt_tab_btn>h5 {
    font-weight: bold;
}


/*Hover*/

.gt_tab_nav ul li.active .gt_tab_btn>span,
.gt_tab_nav ul li:hover .gt_tab_btn>span {
    color: #ffffff;
    box-shadow: 0 0 0 4px #ffffff inset;
}

.gt_tab_nav ul li.active .gt_tab_btn:before,
.gt_tab_nav ul li:hover .gt_tab_btn:before {
    width: 100%;
}


/*Tab Des*/

.gt_tab_des_wrap {
    padding: 50px 20px;
}

.gt_tab_data>i {
    margin-right: 15px;
    font-size: 18px;
}

.gt_tab_data>h5 {
    font-weight: 600;
}

.gt_tab_data>i,
.gt_tab_data>h5 {
    display: inline-block;
}

.gt_tab_img_des>figure {
    width: 40%;
}

.gt_tab_img_des .gt_tab_data {
    padding: 0px 0px 0px 43%;
    float: none;
    width: auto;
}


/*
      ==============================================================
           Man with Keyboard Wrap CSS
      ==============================================================
*/

.gt_man_keyboard_bg {
    padding-bottom: 0px;
}

.gt_keyboard_wrap {
    padding: 60px 0px 60px 30px;
    color: #ffffff;
}

.gt_keyboard_wrap .gt_multipurpose_icon_des h5 a {
    text-transform: capitalize;
}

.gt_keyboard_wrap p,
.gt_keyboard_wrap .gt_multipurpose_icon_des h5 a,
.gt_keyboard_wrap .gt_multipurpose_icon_des p {
    color: #ffffff;
}

.gt_keyboard_img>img {
    text-align: center;
    display: inline-block;
}


/*
      ==============================================================
           Latest Blog Wrap CSS
      ==============================================================
*/

.gt_blog_des {
    padding: 15px;
    background-color: #ffffff;
    z-index: 1;
}

.gt_blog_des>.gt_box_width_3 {
    float: left;
    margin-top: -30px;
}

.gt_blog_des .gt_box_width_3 >span {
    line-height: 20px;
    font-weight: bold;
    font-size: 16px;
    padding-top: 15px;
}

.gt_blog_meta {
    float: none;
    padding: 0px 0px 0px 80px;
    width: auto;
}

.gt_blog_meta>h5>a {
    display: block;
    font-weight: bold;
}

ul.gt_blog_meta_list {
    float: left;
    width: 100%;
}

ul.gt_blog_meta_list li {
    position: relative;
    display: inline-block;
    color: #777777;
    font-size: 12px;
    padding: 0px 5px;
}

ul.gt_blog_meta_list li:first-child {
    padding-left: 0px;
}

ul.gt_blog_meta_list li i {
    margin-right: 5px;
}

ul.gt_blog_meta_list li a {
    display: inline-block;
}


/*Hover*/

.gt_blog_wrap:hover .theme_effect2:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -moz-transform: scaleY(1);
}

.gt_blog_wrap:hover .gt_blog_meta>h5>a,
.gt_blog_wrap:hover ul.gt_blog_meta_list li,
.gt_blog_wrap:hover .gt_blog_des p {
    color: #ffffff;
}


/*
      ==============================================================
           Our Dedicated Team Wrap CSS
      ==============================================================
*/

.gt_team_wrap>figure {
    width: 60%;
    z-index: 1;
    height: 300px;
    float: right;
}

.gt_team_wrap>figure:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 99;
    border: 1px solid #ffffff;
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    background-color: rgba(255, 255, 255, 0.5);
}

.gt_team_des {
    margin-top: 15px;
    padding: 20px;
    width: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #f5f8ff;
}

.gt_team_des>h6 {
    font-weight: bold;
    color: #444444;
}

.gt_team_des>span {
    display: block;
    font-size: 12px;
}

.gt_team_des>ul.gt_social_icons {
    padding-top: 20px;
    border-top: 1px solid #c5c4c3;
}


/*hover*/

.gt_team_wrap:hover .gt_team_des {
    box-shadow: 0px 0px 15px 3px rgba(68, 68, 68, 0.15);
    -moz-box-shadow: 0px 0px 15px 3px rgba(68, 68, 68, 0.15);
    -webkit-box-shadow: 0px 0px 15px 3px rgba(68, 68, 68, 0.15);
}


/*
      ==============================================================
           Feature Wrap CSS
      ==============================================================
*/

.gt_feature_bg {
    padding-top: 40px;
}

.gt_feature_bg:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(images/pattern-bg.png);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: 0 0;
}

.gt_feature_wrap {
    background-color: #f5f8ff;
    padding: 30px;
}

.gt_feature_wrap .gt_theme_bg1 {
    float: left;
}

.gt_feature_wrap span {
    font-size: 25px;
}

.gt_fea_icon_des {
    padding: 0px 0px 0px 80px;
    float: none;
    width: auto;
}

.gt_fea_icon_des>a {
    display: block;
    position: relative;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
}

.gt_fea_icon_des>a:before {
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    bottom: 0px;
    width: 90px;
}


/*Hover*/

.gt_feature_wrap:hover {
    box-shadow: 0px 0px 25px 10px rgba(68, 68, 68, 0.15);
    -webkit-box-shadow: 0px 0px 25px 10px rgba(68, 68, 68, 0.15);
    -moz-box-shadow: 0px 0px 25px 10px rgba(68, 68, 68, 0.15);
}


/*
      ==============================================================
          Filterable Wrap CSS
      ==============================================================
*/

ul.gt_filter_nav {
    width: 100%;
    float: left;
    text-align: center;
}

ul.gt_filter_nav li {
    display: inline-block;
    position: relative;
}

ul.gt_filter_nav li a {
    display: block;
    color: #ffffff;
    padding: 7px 20px;
    border-radius: 4px;
    text-transform: capitalize;
}


/*Gallery List*/

.gt_gallery_wrap {
    overflow: hidden;
	margin: 0 0 21px 0px;
}

.gt_gallery_wrap:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    opacity: 0.85;
    z-index: 1;
}

.gt_gallery_wrap>img {
    width: 100%;
    height: auto;
}

.gt_gallery_des {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 0px;
    text-align: center;
    margin-top: -40px;
    opacity: 0;
    z-index: 1;
}

.gt_gallery_des>a {
    display: block;
    color: #f86871;
    margin-top: 15px;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 3px;
}

.gt_gallery_des>span {
    display: block;
    color: #ffffff;
    margin-top: 15px;
    margin-bottom: 15px;
}

.gt_gallery_wrap:before,
.gt_gallery_des ul.gt_social_icons {
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
}


/*Hover*/

.gt_gallery_wrap:hover .gt_gallery_des {
    opacity: 1;
}

.gt_gallery_wrap:hover a,
.gt_gallery_wrap:hover span {
    margin-top: 0px;
}


/*
      ==============================================================
          Client Says Wrap CSS
      ==============================================================
*/

.gt_client_image>figure {
    width: 120px;
    overflow: visible;
    z-index: 1;
}

.gt_client_image>figure:before {
    content: "";
    position: absolute;
    right: -5px;
    bottom: -5px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.gt_client_image_des {
    float: none;
    width: auto;
    padding: 15px 0px 0px 150px;
}

.gt_client_image_des>h5 {
    font-weight: 600;
}

.gt_client_image_des>p {
    font-size: 16px;
    color: #444444;
    font-weight: bold;
}

.gt_client_image_des>p>span {
    font-size: 10px;
}

.gt_client_image_des>span {
    font-style: italic;
}

.gt_client_outer_wrap>img {
    float: right;
    width: auto;
    height: auto;
}


/*Slider*/

.gt_client_slider .owl-dots {
    margin-top: -30px;
    position: relative;
    z-index: 10;
}

.gt_client_slider .owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid;
    background-color: #ffffff;
    margin-right: 5px;
}

.gt_client_slider .owl-dot.active {
    width: 14px;
    height: 14px;
}


/*
      ==============================================================
          Tweeter Feed Wrap CSS
      ==============================================================
*/

.gt_tweet_feed_bg {
    padding: 30px 0px;
    border-bottom: 1px solid #ffffff;
}

.gt_tweet_num>i {
    float: left;
    font-size: 50px;
    color: #ffffff;
    padding-top: 5px;
}

.gt_tweet_num_des {
    float: none;
    padding: 0px 0px 0px 60px;
    color: #ffffff;
}

.gt_tweet_num_des>h4 {
    font-weight: 600;
    color: inherit;
}

.gt_tweet_num_des>p {
    margin-bottom: 0px;
    color: inherit;
}

.gt_tweet_num_des>span {
    font-size: 10px;
    display: block;
}

.gt_tweet_num_des>p>a {
    display: inline-block;
    font-weight: 600;
}

.gt_tweet_num_des>p>a:hover {
    color: #ffffff;
}


/*
      ==============================================================
          Index 02 Services Wrap CSS
      ==============================================================
*/

.gt_busins_srvc_wrap {
    padding: 30px;
}

.stp2_bg {
    background-color: #dddddd;
}

.gt_num {
    display: block;
    font-size: 48px;
    font-weight: bold;
    line-height: 45px;
}

.gt_busins_service_des {
    float: none;
    padding-left: 85px;
    width: auto;
}

.gt_busins_service_des>h3>a {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    -moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    font-weight: 600;
}

.gt_busins_service_des>span {
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
}

.gt_busins_multi_img>img {
    width: 100%;
    height: auto;
}


/*
      ==============================================================
          Business Blockquote Wrap CSS
      ==============================================================
*/

.gt_busins_quote .blockquote {
    padding: 30px;
    background-color: #4b6270;
    font-style: italic;
}

.gt_busins_quote>ul {
    width: 50%;
    float: left;
}


/*
      ==============================================================
          Business Flower Wrap CSS
      ==============================================================
*/

.gt_agency_flower>i {
    font-size: 18px;
    font-weight: 300;
    display: block;
}


/*
      ==============================================================
          Price Table Wrap CSS
      ==============================================================
*/

.gt_price_table_hdr>i {
    float: left;
    font-size: 28px;
    padding: 20px;
}

.gt_price_table_des {
    padding: 12px 10px;
    border-bottom: 1px solid #364263;
}

.gt_price_table_des>h4 {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    font-weight: 500;
}

.gt_table_price {
    text-align: center;
    border-top: 1px solid #121621;
    padding: 15px 20px;
}

.gt_table_price>ul>li {
    display: inline-block;
    line-height: normal;
}

.gt_table_price>ul>li>sup {
    top: -1.8em;
    font-size: 16px;
}

.gt_table_price>ul>li>sub {
    bottom: 0.75em;
    font-size: 14px;
}

.gt_table_price>ul>li>h1 {
    font-weight: bold;
    line-height: 48px;
}

.gt_price_table ul.gt_provide_list {
    padding: 20px 30px 30px;
    background-color: #f5f8ff;
}

.gt_price_table ul.gt_provide_list>li {
    font-weight: 500;
    padding-top: 15px;
}

.gt_price_table>a {
    display: block;
    padding: 20px 0px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
}

.gt_price_table_des.premium_border {
    border-bottom: 1px solid #f98188;
}

.gt_table_price.premium_border {
    border-top: 1px solid #f51f2c;
}


/*
      ==============================================================
          Increase Profit Wrap CSS
      ==============================================================
*/

.gt_profit_bg {
    background-color: rgba(23, 22, 33, 0.6);
    padding: 150px 0px;
    background-image: url(extra-images/home-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 100% 1px;
}

.gt_profit_des {
    text-align: center;
}

.gt_profit_des>p {
    font-size: 25px;
    font-weight: 300;
}

.gt_profit_des>h2 {
    font-size: 60px;
    font-weight: 600;
}

.gt_profit_des>a {
    width: 170px;
}

.gt_profit_des>a:first-of-type {
    margin-right: 10px;
}

.gt_profit_des>a:nth-of-type(2) {
    color: #444444;
}

.gt_profit_des>a:nth-of-type(2):hover {
    color: #ffffff;
}


/*
      ==============================================================
          Free Style Wrap CSS
      ==============================================================
*/

.gt_free_style_bg:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50%;
    background-image: url(extra-images/free-style-bg.jpg);
    background-size: cover;
    height: 100%;
    background-position: center;
}

.gt_free_style_des>a {
    color: #333333;
}


/*
      ==============================================================
          Common Agency Wrap CSS
      ==============================================================
*/

.gt_individual_servc {
    padding: 30px;
    background-color: #f5f8ff;
    z-index: 1;
    overflow: hidden;
}

.gt_individual_servc .gt_theme_bg1 {
    float: left;
    font-size: 25px;
}

.gt_individual_servc:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    bottom: 0px;
    left: 0px;
}

.gt_individual_servc:before {
    content: "";
    height: 3px;
    bottom: 3px;
    overflow: hidden;
    position: absolute;
    right: -5px;
    width: 30%;
    -moz-transform: skewX(50deg);
    -webkit-transform: skewX(50deg);
    transform: skewX(50deg);
    z-index: 5;
    background-color: #ffffff;
}

.gt_individual_servc:hover .theme_effect4:before {
    height: 100%;
}

.gt_individual_servc:hover:before {
    opacity: 0;
}

.gt_individual_servc>a {
    float: right;
}


/*
      ==============================================================
          Agency Purchase Now Wrap CSS
      ==============================================================
*/

.gt_purchase_now_bg.gt_theme_bg1 {
    background-image: url(images/callactionbg2.png);
    background-position: left bottom;
    background-repeat: no-repeat;
}


/*
      ==============================================================
          Business Standing Girl Wrap CSS
      ==============================================================
*/

.gt_business_girl {
    padding-bottom: 0px;
}


/*
      ==============================================================
          Flexible and Standered Design Wrap CSS
      ==============================================================
*/


/*
      ==============================================================
          Agency Blog Wrap CSS
      ==============================================================
*/

.gt_agency_blog:hover .theme_effect4:before {
    height: 100%;
    z-index: 1;
    opacity: 0.85;
}

.gt_agency_blog_des>h5 {
    font-weight: bold;
}

.gt_agency_blog>figure>a {
    display: block;
    text-align: center;
    position: absolute;
    color: #ffffff;
    font-size: 18px;
    top: 48%;
    width: 100%;
    height: auto;
    z-index: 1;
    opacity: 0;
}

.gt_agency_blog:hover figure>a {
    opacity: 1;
}


/*
      ==============================================================
          Agency Brief Wrap CSS
      ==============================================================
*/

.gt_brief_wrap .blockquote {
    padding: 30px;
    font-style: italic;
    background: #f5f8ff;
}

.skillbar1 {
    float: left;
    width: 100%;
    position: relative;
    margin: 0px 0px 5px;
}

.skillbar1-title {
    float: left;
    width: 100%;
    color: #747474;
}

.gt_skill_bar_move {
    float: left;
    width: 100%;
    background-color: #eeeeee;
    margin-top: 8px;
    margin-bottom: 8px;
}

.gt_skill_bar_move .skillbar1-bar {
    height: 10px;
}

.skill-bar1-percent {
    float: left;
    width: 100%;
    color: #747474;
    text-align: right;
    font-size: 15px;
}


/*
      ==============================================================
          Agency Best Achievement Wrap CSS
      ==============================================================
*/

.gt_agency_achiv_bg:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(images/pattern-bg.png);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: 0 0;
}

.gt_circular_progress {
    padding: 40px 0px;
}

.gt_mobile_bg>img {
    width: 100%;
    height: 601px;
}

.position {
    float: left;
    margin: 10px 0px 0px;
}

.progress-bar {
    position: relative;
    height: 110px;
    width: 110px;
    background-color: transparent;
}

.progress-bar div {
    position: absolute;
    height: 110px;
    width: 110px;
    border-radius: 50%;
}

.progress-bar div span {
    position: absolute;
    font-family: Arial;
    font-size: 20px;
    line-height: 85px;
    height: 100px;
    width: 100px;
    left: 4.4px;
    top: 4.9px;
    text-align: center;
    border-radius: 50%;
    border: 6px solid #000000;
}

.progress-bar .background {
    background-color: #b3cef6;
}

.progress-bar .rotate {
    clip: rect(0 100px 200px 0);
    background-color: #4b86db;
}

.progress-bar .left {
    clip: rect(0 100px 200px 0);
    opacity: 1;
    background-color: #b3cef6;
}

.progress-bar .right {
    clip: rect(0 100px 200px 0);
    transform: rotate(180deg);
    opacity: 0;
    background-color: #4b86db;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}


/*
      ==============================================================
          Sub Banner Wrap CSS
      ==============================================================
*/

.subbanner_padding {
    padding: 40px 0px;
}

.gt_subbanner_bg:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(images/pattern-bg.png);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: 0 0;
}

.gt_breadcrumb>ol {
    background: #20283b;
    border: 1px solid #283049;
    padding: 5px 10px;
    float: right;
    list-style: none;
}

.gt_breadcrumb>ol>li>span {
    display: inline-block;
}

.gt_breadcrumb>ol>li {
    position: relative;
    display: inline-block;
    list-style: none;
    width: auto;
    padding: 0px 8px;
}

.gt_breadcrumb>ol>li:before {
    content: "/";
    position: absolute;
    left: -4px;
    color: #ffffff;
}

.gt_breadcrumb>ol>li:first-child:before {
    display: none;
}


/*
      ==============================================================
          About us Wrap CSS
      ==============================================================
*/

.blocakquote_single {
    padding: 30px;
    font-style: italic;
}

.gt_about_us_slider>img {
    width: 100%;
    height: auto;
}

.gt_about_slider_des {
    position: absolute;
    bottom: 20px;
    left: 0px;
    width: 80%;
    right: 0px;
    margin: auto;
}

.gt_about_slider_des>h4,
.gt_about_slider_des>p {
    padding: 10px 20px;
}


/*Slider*/

.gt_about_us_slider .owl-dots {
    margin-top: 20px;
    position: relative;
    z-index: 10;
}

.gt_about_us_slider .owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid;
    background-color: #ffffff;
    margin-right: 5px;
}

.gt_about_us_slider .owl-dot.active {
    width: 14px;
    height: 14px;
}


/*Comment CSS*/

.gt_detail_hdg h5 {
    margin: 0px 0px 20px 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.gt_detail_hdg h5 > span {
    display: inline-block;
    margin: 0px 10px 0px 0px;
}

.gt_comment_list_wrap {
    float: left;
    width: 100%;
    position: relative;
    margin: 0px 0px 20px;
    background-color: #ffffff;
    border: 1px solid #dbdbdb;
    padding: 20px 0px;
    border-radius: 5px;
}

.gt_comment_list_wrap ul {
    float: left;
    width: 100%;
}

.gt_comment_list_wrap ul li {
    float: left;
    width: 100%;
    position: relative;
    padding: 25px 0 13px;
    border-bottom: 1px solid #e5e5e5;
}

.gt_comment_list_wrap ul li:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
}

.gt_comment_list_wrap > ul > li:first-child {
    padding-top: 0px;
}

.gt_comment_wrap {
    float: left;
    width: 100%;
    position: relative;
    padding: 0px 20px;
}

.gt_comment_wrap figure {
    width: 90px;
    float: left;
    position: relative;
    border-radius: 5px;
}

.gt_comment_wrap figure img {
    width: 100%;
    height: auto;
}

.gt_comment_des {
    float: none;
    width: auto;
    padding: 0px 0px 0px 110px;
}

.gt_comment_des h6 {
    display: inline-block;
}

.gt_comment_des h6 > a {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
}

.gt_comment_des > a {
    display: inline-block;
    float: right;
    font-size: 14px;
    font-weight: 600;
}

.gt_comment_des > a i {
    margin-right: 10px;
}

.gt_comment_date {
    float: left;
    width: 100%;
    position: relative;
    margin: 5px 0px;
}

.gt_comment_date span {
    color: #999999;
    font-size: 14px;
    margin-left: 5px;
    display: inline-block;
}

.gt_comment_date span>i {
    margin-right: 10px;
}

.gt_comment_date span:first-of-type {
    margin-left: 0px;
}

.gt_comment_date>a {
    display: inline-block;
    margin-left: 10px;
    font-weight: 600;
}

.gt_comment_date>a>i {
    margin-right: 10px;
}


/*Second Ul*/

.gt_comment_list_wrap ul ul {
    padding-left: 50px;
    margin: 0px;
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
}

.gt_comment_list_wrap ul ul li {
    border: 0px;
    padding-bottom: 0px;
}


/*
    ============================================================
       Author Comment Wrap Start
    ============================================================
*/

.gt_blog_detail_author {
    float: left;
    width: 100%;
    padding: 12px 15px;
    background-color: #ffffff;
    margin-bottom: 30px;
    border-radius: 5px;
    border: 1px solid #dbdbdb;
}

.gt_blog_detail_author figure {
    float: left;
    width: 340px;
    border-radius: 5px;
}

.gt_blog_detail_author figure img {
    width: 100%;
    height: auto;
}

.gt_blog_author_cap {
    float: none;
    padding: 15px 0px 15px 0px;
}

.gt_blog_author_cap h5 > a {
    display: block;
    color: #666666;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.gt_blog_author_cap p {
    margin: 0px;
}

.gt_blog_author_cap>ul {
    float: left;
}

.gt_blog_author_cap>ul>li>a {
    border-color: transparent;
    color: #ffffff;
}


/*Post Comment Wrap CSS*/

.gt_post_comment_wrap {
    float: left;
    width: 100%;
    border-radius: 5px;
    position: relative;
    background-color: #ffffff;
    padding: 20px 0px;
    border: 1px solid #dbdbdb;
}

.gt_post_comment_wrap .gt_contact_us_field {
    text-align: left;
}


/*
    ===========================
       Contact Form Wrap CSS
    ===========================
*/

.gt_contact_form_wrap {
    margin-top: 50px;
}

.gt_contact_form_wrap.gt_index_one_contact {
    background-color: #f7f7f7;
    margin-top: 0px;
}

.gt_contact_form {
    float: left;
    width: 100%;
    position: relative;
}

.gt_contact_us_field {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
}

.gt_contact_us_field input[type="text"],
.gt_contact_us_field input[type="email"],
.gt_contact_us_field textarea {
    float: left;
    width: 100%;
    border: 1px solid rgba(127, 127, 127, 0.21);
    border-radius: 2px;
    min-height: 48px;
    margin: 0 0 20px;
    padding: 8px 20px 8px 20px;
    border-radius: 5px;
    background-color: #f5f8ff;
}

.gt_contact_us_field textarea {
    min-height: 185px;
    resize: none;
    padding: 20px 30px;
    border-radius: 5px;
}

.gt_contact_us_field input[type="submit"],
.gt_contact_us_field button {
    text-align: center;
    border: 0px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 13px 50px;
    border: 1px solid;
    background-color: transparent;
    font-size: 15px;
    border-radius: 5px;
}


/*Hover Css*/

.gt_contact_us_field input[type="submit"]:hover,
.gt_contact_us_field button:hover {
    color: #fff;
}

#contact-form label.error {
    position: absolute;
    top: -16px;
    font-size: 11px;
    color: #a94442;
    left: 0px;
}

#quote-form label.error,
#pop-quote-form label.error,
#pop-quote-form2 label.error,
#head-quote-form label.error {
    top: -14px;
    font-size: 11px;
    color: #a94442
}

input[aria-invalid="true"] {
    border-bottom: 2px solid #a94442 !important
}

.gt_contact_form #contact-result .alert {
    padding: 10px 15px;
    font-size: 12px;
    margin-bottom: 0;
}

#contact-result {
    float: left;
    width: 100%;
}


/*
    ==============================================================
      Social Icon Wrap CSS
    ==============================================================
*/

ul.gt_scl_icon li {
    display: inline-block;
    position: relative;
    text-align: center;
}

ul.gt_scl_icon li a {
    display: block;
    border-radius: 100%;
    width: 34px;
    height: 34px;
    line-height: 34px;
}

.bg_fb {
    background-color: #4d67a3;
}

.bg_twitter {
    background-color: #25a7df;
}

.bg_gp {
    background-color: #d74936;
}

.bg_linkedin {
    background-color: #0070b1;
}

.bg_behance {
    background-color: #ff8e2e;
}

.bg_vimeo {
    background-color: #3ea6e7;
}

.bg_youtube {
    background-color: #cc171e;
}


/*
    ==============================================================
       Blog Detail Wrap CSS
    ==============================================================
*/

.gt_blog_detail_wrap .gt_instructor_detail {
    padding-left: 0px;
    padding-right: 0px;
}

.gt_blog_detail_wrap .gt_instructor_detail>figure {
    width: 42%;
    height: 245px;
}

.gt_blog_detail_wrap .gt_instructor_detail_des {
    width: 55%;
    float: left;
    padding-left: 15px;
}

.gt_tag_wrap {
    border-top: 1px solid #e4e4e4;
    padding: 30px 0px 0px;
}

.gt_tag_wrap>h6 {
    color: #666666;
    font-weight: 600;
    display: inline-block;
    float: left;
}

.gt_tag_wrap>ul {
    float: left;
    width: 50%;
}

.gt_tag_wrap>ul>li {
    position: relative;
    display: inline-block;
}

.gt_tag_wrap>ul>li>a {
    display: inline-block;
    color: #999999;
}

.gt_tag_wrap ul.gt_scl_icon li:hover a {
    color: #ffffff;
}

.gt_blog_single_wrap {
    background-color: #ffffff;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
}

.gt_blog_single_wrap .gt_listing_des {
    padding: 20px;
}

.gt_blog_single_wrap ul.gt_scl_icon {
    float: right;
    width: auto;
    margin: 0px;
}

.gt_blog_single_wrap ul.gt_scl_icon li a {
    color: #ffffff;
    border: 1px solid transparent;
}


/*Slider Css*/

.gt_blog_slider {
    position: relative;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: -18px auto auto;
    width: 100px;
    background-color: #ffffff;
    height: 38px;
    border: 3px solid;
    border-radius: 30px;
    z-index: 100;
}

.gt_blog_single_wrap .swiper-button-prev,
.gt_blog_single_wrap .swiper-button-next {
    margin: auto;
    background-image: none;
    text-align: center;
    height: 32px;
    width: 50px;
    line-height: 35px;
    font-weight: 600;
    font-size: 18px;
    top: 0px;
}

.gt_blog_single_wrap .swiper-button-next {
    right: 0px;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
}

.gt_blog_single_wrap .swiper-button-prev {
    left: 0px;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
}


/*Hover*/

.gt_blog_single_wrap .swiper-button-prev:hover,
.gt_blog_single_wrap .swiper-button-next:hover {
    color: #ffffff;
}

.gt_listing_des>h6>a {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0px 0px 15px;
    font-size: 18px;
}


/*Blog Quote*/

.gt_blog_quote {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(166, 166, 166, 0.8);
    text-align: center;
}

.gt_blog_quote_des {
    position: absolute;
    top: 50%;
    width: 100%;
    margin: -50px 0px 0px;
    padding: 10px 30px;
}

.gt_blog_quote p {
    color: #ffffff;
    font-size: 22px;
}

.gt_blog_quote span {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}


/*Meta*/

ul.gt_event_meta {
    width: 100%;
    float: left;
}

ul.gt_event_meta li {
    display: inline-block;
    color: #999999;
    padding: 0px 10px;
}

ul.gt_event_meta li:first-child {
    padding-left: 0px;
}

ul.gt_event_meta li>i {
    margin: 0px 8px 0px 0px;
}

ul.gt_event_meta li>a {
    display: inline-block;
    color: #999999;
    margin-left: 5px;
}


/*
    ============================================================
       Contact Us Wrap Start
    ============================================================
*/

.gt_contact_field input[type="text"],
.gt_contact_field input[type="email"] {
    width: 100%;
    font-size: 14px;
    color: #666666;
    height: 50px;
    padding: 10px 20px;
    border: 1px solid #f7505a;
    margin-bottom: 30px;
    background-color: #05194a;
}

.gt_contact_field textarea {
    width: 100%;
    height: 289px;
    font-size: 14px;
    color: #666666;
    padding: 12px 20px;
    border: 1px solid #f7505a;
    resize: none;
    margin-bottom: 30px;
    background-color: #05194a;
}

.gt_contact_field input[type="submit"],
.gt_contact_field button {
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    color: #ffffff;
    display: inline-block;
    padding: 10px 40px;
    border: 1px solid #f52935;
}

.btn_center {
    text-align: center;
}

.gt_contact_field input[type="submit"]:hover,
.gt_contact_field button:hover {
    background-color: #f52935;
}


/*
    ============================================================
       Contact Map Wrap Start
    ============================================================
*/

.gt_contact_map {
    float: left;
    width: 100%;
    position: relative;
}

.gt_contact_map .map-canvas {
    width: 100%;
    min-height: 350px;
}


/*
    ============================================================
       Get in Touch Wrap Start
    ============================================================
*/

.gt_touch_outer_wrap {
    padding: 68px 0px;
}

.gt_touch_outer_wrap:before {
    position: absolute;
    content: "";
    left: 0px;
    right: 0px;
    bottom: -22px;
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 23px 33px 0 33px;
}

.gt_touch_outer_wrap {
    float: left;
    width: 100%;
    text-align: center;
}

.gt_touch_outer_wrap h3 {
    font-size: 24px;
    font-weight: Bold;
    color: #fff;
    text-transform: uppercase;
}


/*
    ============================================================
       Contact us Services Wrap Start
    ============================================================
*/

.gt_content_info {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
	margin-top: 57px;
}

.gt_content_info i {
    height: 78px;
    width: 78px;
    line-height: 78px;
    text-align: center;
    font-size: 30px;
    display: inline-block;
    border-radius: 20px;
    margin-bottom: 20px;
    border: 1px solid;
}

.gt_content_info h5 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
}

.gt_content_info p {
    margin: 0px;
}

.gt_content_info a {
    display: block;
    color: #666;
    font-size: 14px;
    margin: 0px 0px 3px;
}

.gt_content_info span {
    display: block;
}

.gt_content_info:hover i {
    color: #ffffff;
}


/*
    ============================================================
       404 Page Wrap Start
    ============================================================
*/

.gt_404_wrap,
.gt_oops_wrap {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
}

.gt_404_wrap {
    margin-bottom: 150px;
    margin-top: -100px;
}

.gt_404_wrap h2 {
    display: inline-block;
    font-size: 300px;
    line-height: 230px;
    font-weight: bold;
    text-shadow: -4px 2px 1px rgba(0, 0, 0, 0.4);
}

.gt_404_wrap i {
    display: inline-block;
    font-size: 468px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
    top: 100px;
    position: relative;
}

.gt_rotate_404 {
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}


/*OOPS Wrap Style*/

.gt_oops_wrap {
    margin-bottom: 40px;
}

.gt_oops_wrap p {
    font-size: 22px;
    font-weight: 600;
}

.gt_oops_wrap p span {
    font-size: 32px;
    display: inline-block;
    font-weight: bold;
}

.gt_oops_wrap p > a {
    display: inline-block;
}

.gt_404_search {
    width: 650px;
    margin: auto;
    position: relative;
}

.gt_404_search form {
    width: 100%;
    float: left;
}

.gt_404_field {
    float: left;
    width: 100%;
    position: relative;
}

.gt_404_field input[type="search"] {
    width: 100%;
    position: relative;
    height: 60px;
    border: 1px solid #e9e9e9;
    padding: 8px 50px 8px 20px;
}

.gt_404_field button {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 60px;
    padding: 0px 20px;
    border: 0px;
    color: #ffffff;
}

.gt_404_field input[type="search"]:focus + button {
    color: #fff;
}

.gt_go_back_link {
    float: left;
    width: 100%;
    text-align: center;
    margin: 30px 0px 0px;
}


/*
    ============================================================
       Comming Soon Wrap Start
    ============================================================
*/

.gt_comming_soon_bg {
    background-image: url("extra-images/comming-soon-bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    width: 100%;
}

.gt_comming_soon_bg::before {
    content: "";
    top: 0px;
    position: absolute;
    bottom: -9999px;
    left: 0px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.75);
}

.gt_comming_soon_bg .container {
    position: relative;
    z-index: 10;
}

.gt_comming_title {
    margin-bottom: 70px;
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
}

.gt_comming_title h2 {
    font-size: 80px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #fff;
}

.gt_comming_title p {
    font-size: 30px;
    font-weight: normal;
    color: #fff;
}


/*Time Counter CSS*/

.gt_time_counter_wrap,
.gt_time_holder {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
}

.gt_time_holder {
    border-right: 6px solid;
    text-align: center;
}

.gt_time_counter_wrap ul {
    margin-bottom: 60px;
    float: left;
    width: 100%;
}

.gt_time_counter_wrap ul li {
    float: left;
    position: relative;
    width: 25%;
}

.gt_time_counter_wrap ul li:last-child .gt_time_holder {
    border-right: none;
}

.gt_time_holder span {
    font-size: 50px;
    font-weight: 600;
    display: inline-block;
    color: #fff;
}

.gt_time_holder p {
    font-size: 24px;
    font-weight: normal;
    display: inline-block;
    color: #fff;
    margin-left: 6px;
}


/*Join Us CSS*/

.gt_comming_field {
    background-color: rgba(0, 0, 0, 0.8);
    width: 50%;
    display: inline-block;
    padding: 35px 50px 40px;
    margin: 0px 0px 50px;
}

.gt_comming_field h3 {
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #fff;
}

.gt_comming_field form input[type="text"] {
    width: 100%;
    padding: 7px 20px;
    background-color: transparent;
    border: 1px solid #fff;
    color: #999999;
    height: 45px;
}

.gt_comming_field form input[type="submit"],
.gt_comming_field form button {
    font-size: 16px;
    text-transform: uppercase;
    display: inline-block;
    height: 45px;
    padding: 0px 20px;
    width: 100%;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
}


/*Social icon Wrap CSS*/

.gt_comming_social_icon {
    text-align: center;
}

.gt_comming_social_icon ul.aladin_social_icon_list li a {
    border: 1px solid #fff;
    color: #fff;
    width: 46px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    margin-right: 8px;
}


/*
    ==============================================================
       Team Detail Page Css Start
    ==============================================================
*/

.gt_team_detail_img {
    width: 100%;
    float: left;
    position: relative;
}

.gt_team_detail_img figure {
    width: 100%;
    position: relative;
    float: left;
}

.gt_team_detail_img figure:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 3px solid #fff;
}

.gt_team_detail_img figure img {
    width: 100%;
    height: auto;
}


/*Team Deascription CSS*/

.gt_team_detail_des {
    float: left;
    width: 100%;
    position: relative;
}

.gt_team_detail_des span {
    display: block;
    font-size: 15px;
}

.gt_team_detail_des h3 {
    display: inline-block;
}

.gt_team_detail_des ul.gt_recent_rating {
    float: right;
    text-align: right;
    width: 50%;
}


/*Member Contact Detail*/

.gt_member_contact_detail {
    float: left;
    width: 100%;
    position: relative;
}

.gt_member_contact_detail ul {
    float: left;
    width: 100%;
}

.gt_member_contact_detail ul li {
    display: inline-block;
    position: relative;
    width: 45%;
    background-color: #f2f2f0;
    padding: 15px 0px;
    margin: 10px 0px 20px 50px;
}

.gt_member_contact_detail ul li:nth-child(odd) {
    margin-left: 20px;
}

.member_contact_des {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
}

.member_contact_des i {
    width: 42px;
    height: 42px;
    position: absolute;
    left: -20px;
    line-height: 40px;
    color: #fff;
    border-radius: 100%;
    top: -8px;
    font-size: 20px;
}

.member_contact_des h5,
.member_contact_des h5 > a {
    color: #282828;
}

.gt_team_detail_des ul.gt_recent_rating {
    float: right;
    text-align: right;
    width: 50%;
}


/* Hover CSS */

.gt_member_contact_detail ul li:hover .member_contact_des h5 > a,
.gt_member_contact_detail ul li:hover .member_contact_des a,
.gt_member_contact_detail ul li:hover .member_contact_des h5 {
    color: #fff;
}


/*Rating Css*/

ul.gt_recent_rating {
    float: left;
    width: 100%;
    margin: 0px 0px 20px;
}

ul.gt_recent_rating li {
    display: inline-block;
    position: relative;
}

ul.gt_recent_rating li a {
    display: block;
    font-size: 16px;
}


/*
    ==============================================================
       TESTIMONIAL WRAP CSS START
    ==============================================================
*/

.gt_testimonial_bg {
    background-image: url(images/testiminial-bg.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
}

.gt_testimonial_wrap .item {
    margin-left: 30px;
}

.gt_testi_wrap {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
    border-bottom: 2px solid #dbd9d9;
    padding: 30px 0px;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    background-color: #f9f9f9;
}

.gt_testi_wrap figure {
    width: 105px;
    height: 105px;
    margin: auto auto 20px;
    float: none;
    overflow: visible;
}

.gt_testi_wrap figure img {
    border-radius: 100%;
    border: 9px solid #dcd9d9;
}

.gt_testi_wrap p {
    line-height: 26px;
    word-break: break-all;
    margin-bottom: 20px;
    padding: 0px 30px;
}

.gt_testi_wrap a {
    display: block;
}

.gt_testimonial_wrap .owl-pagination {
    display: none;
}

.gt_testimonial_wrap .owl-wrapper-outer {
    margin-bottom: 50px;
    float: left;
}

.gt_testimonial_wrap.owl-theme .owl-controls .owl-buttons div {
    width: 30px;
    height: 30px;
    border: 2px solid #dcd9d9;
    margin: 0px;
    border-radius: 0px;
    background: none;
    margin-left: 10px;
    position: relative;
    font-size: 0px;
}

.gt_testimonial_wrap.owl-theme .owl-controls .owl-buttons div.owl-prev:before,
.gt_testimonial_wrap.owl-theme .owl-controls .owl-buttons div.owl-next:before {
    content: "\f104";
    font-family: fontawesome;
    position: absolute;
    top: 0px;
    left: 2px;
    color: #838383;
    font-size: 20px;
    width: 20px;
    height: 20px;
    line-height: 25px;
}

.gt_testimonial_wrap.owl-theme .owl-controls .owl-buttons div.owl-next:before {
    content: "\f105";
}


/*
    ==============================================================
       YEARLY PERFORMANCE WRAP CSS START
    ==============================================================
*/

.gt_yearly_performance,
.gt_yearly_performance ul {
    float: left;
    width: 100%;
}

.gt_yearly_performance ul li {
    width: 25%;
    float: left;
    position: relative;
    padding: 35px 20px 37px;
    text-align: center;
}

.gt_yearly_performance ul li h4 {
    color: #fff;
    margin-bottom: 5px;
    line-height: normal;
}

.gt_yearly_performance p {
    margin: 0px;
    color: #fff;
    font-size: 16px;
}


/*
    ==============================================================
       Side Menu Wrap Style
    ==============================================================
*/

.gt_side_menu_wrap {
    float: right;
    text-align: center;
}

.gt_side_menu_wrap span {
    display: inline-block;
    color: #fff;
    padding: 11px 0 11px;
    cursor: pointer;
    font-size: 22px;
}

.hidden-bar {
    position: fixed;
    top: 0px;
    right: -350px;
    width: 300px;
    height: 100%;
    z-index: 9999;
    transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    background-image: url(images/menu-bg.png);
    background-position: left top;
    background-repeat: repeat;
}

.theme-green .hidden-bar {
    background: #73a702;
}

.hidden-bar .mCSB_inside > .mCSB_container {
    margin-right: 0px;
}

.hidden-bar.right-align.visible-sidebar {
    right: 0px;
}

.hidden-bar .hidden-bar-closer {
    width: 26px;
    height: 26px;
    position: absolute;
    top: 2px;
    left: 2px;
    background: none;
    color: #fff;
    border-radius: 0;
    text-align: center;
    line-height: 24px;
    border: 1px solid #ffffff;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    z-index: 999999;
}

.hidden-bar .hidden-bar-closer:hover {
    background: #fff;
}

.hidden-bar .hidden-bar-closer:hover .btn {
    color: #333333;
}

.hidden-bar .hidden-bar-closer .btn {
    position: relative;
    top: -1px;
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 10px;
    padding: 0px;
}

.hidden-bar .gt_side_social_icons {
    text-align: center;
    margin: 50px 0px 130px;
}

.hidden-bar .gt_side_social_icons ul {
    font-size: 0;
    margin-left: -5px;
    margin-right: -5px;
}

.hidden-bar .gt_side_social_icons ul li {
    display: inline-block;
    padding: 0 5px;
}

.hidden-bar .gt_side_social_icons ul li a {
    display: block;
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 100%;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.theme-brown .hidden-bar .gt_side_social_icons ul li a {
    color: #a8724e;
}

.theme-green .hidden-bar .gt_side_social_icons ul li a {
    color: #73a702;
}

.hidden-bar .gt_side_social_icons ul li a:hover {
    color: #fff;
}

.hidden-bar-wrapper {
    height: 100%;
}

.hidden-bar .logo {
    padding: 80px 0 60px;
}

.theme-brown .hidden-bar .logo {
    background: #a8724e;
}

.theme-green .hidden-bar .logo {
    background: #73a702;
}

.hidden-bar .logo img {
    display: inline-block;
    max-width: 100%;
}

.hidden-bar .side-menu {
    background-color: transparent;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
}

.hidden-bar .side-menu ul li ul a {
    background: transparent;
    text-transform: uppercase;
}

.hidden-bar .side-menu ul li ul li ul li a {
    background: transparent;
    text-transform: capitalize;
}

.hidden-bar .side-menu a.current {
    color: #fff;
}

.hidden-bar .side-menu li.current > a {
    color: #fff;
}

.hidden-bar .side-menu ul li a {
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 16px 15px 16px 20px;
    position: relative;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.hidden-bar .side-menu ul li a:hover {
    background: transparent;
    color: #fff;
}

.hidden-bar .side-menu ul li a .btn.expander {
    background: none;
    color: #ffffff;
    /*border: 1px solid rgba(255,255,255,0.80);*/
    padding: 3px 7px;
    font-size: 14px;
    border-radius: 0px;
    position: absolute;
    top: 11px;
    right: 20px;
    outline: none;
}

.side-menu ul.navigation li a i {
    margin-right: 8px;
}

.img2 {
    -webkit-transition: width 2s, height 2s, -webkit-transform 2s;
    width: 1000px;
}

.img2:hover {
    -webkit-transform: rotate(325deg);
    transform: rotate(325deg);
    width: 1000px;
}